/* ==========================================================================
   Author's custom styles
   #004483 син
   #758c04 зел
   ========================================================================== */
@font-face {
	font-family: 'FuturaPT';
	src: url('../fonts/ftn45.woff');
	src: url('../fonts/ftn45.otf');
	font-display: swap;
}

@font-face {
	font-family: 'FuturaPTL';
	src: url('../fonts/ftpl.woff');
	src: url('../fonts/ftpl.otf');
	font-display: swap;
}


body {
    /*font-family: 'Roboto Condensed', sans-serif;*/
	font-family: 'FuturaPT', 'PT Sans', sans-serif;
    font-size: 16px;
    text-decoration: none;
	line-height: 30px;
}

.ie9 ul.icons {margin-left:35px;}
.ie9 #mm li a {font-size:95%}
.ie9 #mm li a {font-size:95%}

.print {display:none}

nav h1, div.h1 {
	font-size:28px;
	margin:5px 0;
}

/*img	{
	display:block
}*/

.w	{color:white !important}
.m20 {margin:20px}
.m40 {margin:40px}
.trt {text-transform:uppercase; opacity:0.7}
div.errortext, .red {color:red !important}


a {
	color:#004483;
	text-decoration:none;
}

#logo img {width:100%; max-width:229px}

/* Сервисные иконки */

ul.icons {margin-left:40px}
ul.icons li a {width:39px; height:39px;display:block;}
ul.icons li {margin-left: 7px;}

.lang { background:url(../img/icon_en.png) center no-repeat;}
.lang:hover { background:url(../img/icon_en1.png) center no-repeat;}

.lang1 { background:url(../img/icon_ru.png) center no-repeat;}
.lang1:hover { background:url(../img/icon_ru1.png) center no-repeat;}

.mail { background:url(../img/icon_mail.png) center no-repeat;}
.mail:hover { background:url(../img/icon_mail1.png) center no-repeat;}

.srch { background:url(../img/icon_srch.png) center no-repeat;}
.srch:hover { background:url(../img/icon_srch1.png) center no-repeat;}

.phone { background:url(../img/icon_phone.png) center no-repeat;}
.phone:hover { background:url(../img/icon_phone1.png) center no-repeat;}

.list { background:url(../img/icon_list.png) center no-repeat;position:relative}
.list:hover { background:url(../img/icon_list1.png) center no-repeat;}
#icony { background:url(../img/icony_num.png) center no-repeat; width:18px; height:18px; top:-6px; right:-6px; position:absolute; line-height:18px; font-size:12px;}

.login { background:url(../img/icon_login.png) center no-repeat;}
.login:hover { background:url(../img/icon_login1.png) center no-repeat;}

.perc { background:url(../img/icon_perc.png) center no-repeat;}
.perc:hover { background:url(../img/icon_perc1.png) center no-repeat;}

/*.sfon	{
	background:url(../img/search1.png) right no-repeat;
	padding-right:30px !important;
}

input#fstr	{
	border:none;
	width:190px;
	height:25px;
	outline: none;
}*/

.search {
  /* устанавливаем необходимую ширину формы в зависимости от дизайна
  ** форма без проблем растягивается */
  width: 240px;

  /* кнопку отправки будем позиционировать абсолютно,
  ** поэтому необходимо это свойство */
  position: relative;
}

.search input {
  /* отключаем бордюры у инпутов */
  border: none;
}

/* стили для поля ввода */
.search .input {
  /* растягиваем поле ввода на всю ширину формы */
  width: 100%;

  /* за счет верхнего (8px) и нижнего (9px) внутренних отступов
  ** регулируем высоту формы
  ** внутренний отступ справа (37px) делаем больше левого,
  ** т.к. там будет размещена кнопка отправки	*/
  padding: 8px 37px 9px 15px;

  /* чтобы ширина поля ввода (100%) включала в себя внутренние отступы */
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  /* добавляем внутренние тени
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3); */

  /* закругляем углы */
  border-radius: 20px;

  background: #fff;
  font: 13px Tahoma, Arial, sans-serif;
  color: #555;
  outline: none;
  border:#ddd 1px solid;
}

/* меняем оформление поля ввода при фокусе */
.search .input:focus {
  /*box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4);
  background: #E8E8E8;*/
  color: #333;
}

/* оформляем кнопку отправки */
.search .submit {
  /* позиционируем кнопку абсолютно от правого края формы */
  position: absolute;
  top: 0;
  right: 0;

  width: 37px;

  /* растягиваем кнопку на всю высоту формы */
  height: 100%;

  cursor: pointer;
  background: url(../img/zoom.png) 50% no-repeat;

  /* добавляем прозрачность кнопке отправки */
  opacity: 0.5;
}

/* при наведении курсора меняем прозрачность кнопки отправки */
.search .submit:hover {
  opacity: 0.8;
}

/* данное свойство необходимо для того, чтобы в браузерах
** Chrome и Safari можно было стилизовать инпуты */
input[type="search"] {
  -webkit-appearance: none;
}


#popup {
	width: 200px; 
	height: 150px; /* Размеры должны быть фиксированы */
	background: #004483;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -100px;
	margin-left: -75px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 7779; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
	color:#6fa5c3;
}

/* Кнопка закрыть для тех кто в танке) */
#popup #popup_close {
	width: 42px;
	height: 42px;
	border-radius:21px;
	position: absolute;
	background: #0077bb;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
	font-size:36px;
	padding:5px;
	box-sizing:border-box;
}

/* Продуктовое меню */

ul.pmenu {
	margin:20px 0 0;
}

ul.pmenu>li>a {
	width:180px; 
	height:160px;
	display:block;
	padding-top:45%; 
	box-sizing: border-box; 
	text-decoration:none; 
	color:black; 
	text-transform:uppercase;
	font-size:75%;
}

ul.pmenu li {text-align:center; vertical-align:bottom; margin:0; padding:0 10px;}


.eas { background:url(../img/picon_eas.png) top no-repeat;}
.eas:hover { background:url(../img/picon_eas1.png) top no-repeat,url(../img/pmark.png) 50% 110% no-repeat;}

.mdg { background:url(../img/picon_mdg.png) top no-repeat;}
.mdg:hover { background:url(../img/picon_mdg1.png) top no-repeat,url(../img/pmark.png) 50% 110% no-repeat;}

.tags { background:url(../img/picon_tags.png) top no-repeat;}
.tags:hover { background:url(../img/picon_tags1.png) top no-repeat,url(../img/pmark.png) 50% 110% no-repeat;}

.xtrim { background:url(../img/picon_xtrim.png) top no-repeat;}
.xtrim:hover { background:url(../img/picon_xtrim1.png) top no-repeat,url(../img/pmark.png) 50% 110% no-repeat;}

.cctv { background:url(../img/picon_cctv.png) top no-repeat;}
.cctv:hover { background:url(../img/picon_cctv1.png) top no-repeat,url(../img/pmark.png) 50% 110% no-repeat;}

.safer { background:url(../img/picon_safer.png) top no-repeat;}
.safer:hover { background:url(../img/picon_safer1.png) top no-repeat,url(../img/pmark.png) 50% 110% no-repeat;}


ul.pmenu li div	{
    padding: 7px 0 7px 30px;
    position: absolute;
    left:0;
	/*top:309px;*/
	height:35px;
    width: 100%;
    background: #d6d6d6;
	display:none;
	box-sizing:border-box;
	z-index:200;
	zoom:1;
}

ul.pmenu li ul {
    width: 1180px;
	margin:0 auto;
	text-align:left;
}

ul.pmenu li:hover div {
	display:inherit;
}


ul.pmenu li ul li	{
	display: inline; 
	line-height:20px;
	margin: 0 10px;
	text-transform:uppercase;
	font-size:12px;
}

ul.pmenu li ul li a	{
	text-decoration:none;
	color:#000;
}

/* /Продуктовое меню */

/* Главный слайдер */

.flexslider ul.slides li	{
	height:377px;
	padding:70px 0;
	box-sizing:border-box;
	border:none !important;
}

.flexslider ul.slides div	{
	margin:25px;
}

.flexslider ul.slides div a	{
	text-decoration:none;
	color:white;
}

.flexslider ul.slides h2	{
	font-size:22px;
	line-height:24px;
	text-transform:uppercase;
	font-size:150%;
	line-height:110%;
	margin:0;
}

.flexslider ul.slides div.h2	{
	text-transform:uppercase;
	font-size:150%;
	line-height:110%;
	margin:0;
}

div.zakaz	{
	/*background:url(../img/grbutt.png) no-repeat;*/
	background-color:#758c04;
	box-sizing:border-box;
	border-radius:20px;
	width:115px;
	height:41px;
	margin:20px 0 70px !important;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	font-size:16px;
	text-transform:uppercase;
}

div.zakaz:hover	{
	background-color:#004483;
}


/* Калькулятор */
.calc1	{
	font-size:34px;
	font-family:"FuturaPTL";
	padding-left:20px;
	line-height:35px;
}

.calc2	{
	font-size:18px;
	margin-bottom:5px;
	font-family:"FuturaPTL";
	color:#227FA9;
	text-transform:lowercase;
}

form.calc input[type=text]	{
	background:#004483;
	border:none;
	height:30px;
	width:125px;
	font-size:24px;
	color:#fff;
	padding:2px;
	outline-color:#227FA9;
	box-sizing:border-box;
}

form.calc input[type=text]:hover	{
	border:#227FA9 1px solid;
}

form.calc span {
	font-size:24px;
	color:#fff;
}

form.calc select {
	background:#004483;
	border:none;
	height:30px;
	width:210px;
	font-size:24px;
	color:#fff;
	padding:2px;
	outline-color:#227FA9;
	box-sizing:border-box;
	opacity:0;	
	position:absolute;
}


form.calc #dsel	{
	padding:5px;
	width:180px;
	text-align:left;
	height:30px;
	box-sizing:border-box;
}

form.calc #dsel:hover	{
	border:#227FA9 1px solid;
}


.1navselect select	{
	margin:5px 0px 0px -5px;
	width:150px;
}

.1navselect span	{
	font-size:18px;
	border-bottom:1px dotted;	
}



/* Ширина слайдера */
#polzun,#polzun2 {
margin:20px 0;
width: 180px;
}


/* Контейнер слайдера */
.ui-slider {
position: relative;
}
 

/* Ползунок */
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 26px; /* Задаем нужную ширину */
height: 26px; /* и высоту */
background: url(../img/polz.png) no-repeat; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */
cursor: pointer
}

.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
overflow: hidden;
}

/* горизонтальный слайдер (сама полоса по которой бегает ползунок) */
.ui-slider-horizontal {
height: 3px; /* задаем высоту согласно дизайна */
}


/* позиционируем ползунки */
.ui-slider-horizontal .ui-slider-handle {
top: -10px;
margin-left: -13px;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
/* оформление полосы по которой ходит ползунок */
.ui-widget-content {
height:10px;
border: 3px solid #006296;
background: #fff;
box-sizing:border-box;
}
/* оформление активного участка (между двумя ползунками) */
.ui-widget-header {
border: 2px solid #006296;
background: #758c04;
}

.transb	{
width:115px;
height:41px;
border:white 3px solid;      
padding: 4px;      
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background:#004483;
text-align: center;
box-sizing: border-box;
font-size: 14px;
text-transform: uppercase;
color:white;
margin:20px 0 0 50px;
cursor:pointer;
outline:none;
}
	
.transb:hover	{
background:#758c04;
}

#modal_form {
	width: 1110px; 
	height: 690px; /* Размеры должны быть фиксированы */
	background: #004483;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -345px;
	margin-left: -555px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 7779; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
	color:#6fa5c3;
}

#modal_form span, 
#modal_video span 
{
	color:#fff;
	font-size:150%;
	text-transform:uppercase;
}

/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
	width: 42px;
	height: 42px;
	border-radius:21px;
	position: absolute;
	background: #0077bb;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
	font-size:30px;
	line-height:42px;
	text-align:center;
	adding:12px 10px;
	box-sizing:border-box;
}

#modal_video {
	width: 870px; 
	height: 550px; /* Размеры должны быть фиксированы */
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -345px;
	margin-left: -435px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 7778; /* окно должно быть наиболее большем слое */
	padding: 70px 10px 0 10px;
	box-sizing:border-box;
	background:none;
}

#ifr {
	width:853px;
	height:480px;
}

#modal_video #modal_title {
	width: 100px;
	height: 42px;
	position: absolute;
	top: 20px;
	left: 10px;
	cursor: pointer;
	display: block;
	font-size:36px;
	box-sizing:border-box;
}

#modal_video #modal_close2 {
	display: inline-block;
	position: absolute;
	height: 42px;
	width: 42px;
	top: 0;
	right: 0;
	border-radius: 21px;
	-webkit-box-shadow: 0 0 0 2px white inset, 0 1px 1px 0 rgba(0, 0, 0, 0.21);
	box-shadow: 0 0 0 2px white inset, 0 1px 1px 0 rgba(0, 0, 0, 0.21);
	background: url("../img/close.png") no-repeat 10px 11px;
}

#cl1 {float:left; width:25%; padding-top:200px}
#cl1 div {width:200px;height:200px;border-radius:110px;border:#6fa5c3 5px solid;padding:60px;box-sizing:border-box}
#cl1 label {display:block}
#cl2 {float:right; width:75%; padding-top:100px}
#cl2 font {font-size:120%}

.ind {
	height:4px; 
	border-radius:2px; 
	background:#fff; 
	width:80%;
	margin:8px 0;
}

#country {margin:40px 0}
#country .roww {
	margin:10px 0;
}

.ocolor {color:#ff8800}
.ocolor div.ind {background:#ff8800 !important}

/* Подложка */
#overlay {
	z-index: 7777; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #004483; 
	opacity: 0.9; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}

/* /Калькулятор */


/* ТОП */

section:not(.sp1) h2,
h2.dia,
h1#pagetitle	
{
	font-size:22px;
	text-transform:uppercase;
	font-weight:bold;
	color:#004483;
	margin:0 0 30px;
}

section h3, .wrk h2		{
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
}

.all	{
	float:right;
}

.all a {
	text-decoration:none;
	color:#004483;
	font-size:20px;
}

.all a:after {
	content:"\00A0\2192";
	clear:both;
}

.top .slides li {
	margin:0 8px;
}

.top .slides div.im	{
	width:97%;
	height:100%;
	position:relative;

  	margin:5px 0;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  	-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  	-o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
   transition: all 0.4s ease-in-out;
}

.top .slides div.im img {
	width:100%;
}

.top .slides li:hover div.im	{
	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	-o-box-shadow: none;
  	box-shadow: none;
 }
 
 .top .slides div.options	{
	 color:gray;
	 /*text-transform:uppercase;
	 font-size:65%;*/
 }

 .top .slides div.news-title {margin-top:10px}
 

/*.top .slides li .mask	{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;   
   opacity: 0;
   overflow:visible;
   border: 50% solid rgba(0,0,0,0.7); 
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
 }

.top .slides li:hover .mask	{
	opacity: 1;
} */

.top .slides li div.mask	{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;   
   	opacity: 0;
   	overflow:visible;
	background: rgba(0,0,0,0);
   	box-sizing:border-box;
 }

.top .slides li:hover div.mask	{
   	opacity: 1;
	background: rgba(0,0,0,0.7);
}


.mask a	{
	background-color:#758c04;
	width:115px;
	height:41px;
	box-sizing:border-box;
	border-radius:20px;
	display:block;
	padding:12px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	position:absolute;
	top:40%;
	left:33%;
}
.top1 .mask a	{
	left:30%;
}    

.topn .slides li .mask	{
  	width: 380px;
  	height: 200px;
	top: 0;
}

.topn div { color:#004483}
.topn h3 { color:gray; font-weight:normal; width:80%}

.topn .slides img	{
	height:200px;
}

.topn .mask a	{
	margin:-15px auto;
}

.nophoto {
	width:380px;
	height:200px;
	border:#ccc 1px solid;
	margin-top:5px;
	box-sizing:border-box;
}

.topa {
	position:static !important;
}

.topa  .flex-direction-nav {
	display:none;
}

.topa:hover  .flex-direction-nav {
	display:block;
}

.topa .flex-direction-nav {
	position:relative !important;
}

.topa .flex-direction-nav a {
	margin-top:150px;
	box-shadow:black 0 0 15px;
}

.topa .flex-viewport	{
	width:100% !important;
	position:absolute !important;
	left:0 !important;
}
.topa .slides li {
	margin:0;
	width:50%;
	height:360px;
	box-sizing:border-box !important;
	background-size:cover !important;
}

.hd {
	min-height:260px;
	background-color:rgba(255,255,255,0.8);
	width:50%;
	padding:20px;
	margin-top:40px;
	box-sizing:border-box;
	color:#000;
	margin-left:110px;
}

.topa .slides li .mask	{
  	width: 100% !important;
  	height: 100% !important;
	top:0;
	box-sizing:border-box;
   	border: none;
	background: rgba(0,0,0,0.7);
}

.m370 {
	float:right !important;
	argin-left:370px !important; /* js addstyle - анимация */
	margin-right:120px !important; /* js addstyle - анимация */
	argin-left:38% !important; /* js addstyle - анимация */
}

/*.topa .slides li .mask a {
	margin:150px auto;
}*/
.topa .mask a	{
	margin:0 auto;
	left:inherit;
	position:relative;
}


/* РЕШЕНИЯ - 1 */

.solv .col {
	position:relative;
	margin:20px 20px 0 0 !important;
	display:inline-block;
}

.solv .roww {
	margin-bottom:20px;
	width:103%;
}

.solv h3 {
	font-size:26px;
	line-height:28px;
	font-weight:100;
	width:70%;
}

.solv .hd {
	width: 330px;
	height:254px;
	margin:20px;
	position:relative;
}

.hd .lbl1 {
	background:white;
	width:132px;
	height:36px;
	box-sizing:border-box;
	position: absolute;
	top:70%;
	left:0;   
	font-size:16px;
	padding:5px 20px;
	color:#ccc;
	text-transform:uppercase;
}

.hd .lbl2 {
	color:#fff;
	background:#004483;
	width:64px;
	height:64px;
	box-sizing:border-box;
	border-radius:32px;
	position: absolute;
	top:-4%;
	left:87%;   
	font-size:28px;
	padding:20px 0;
	text-transform:uppercase;
	text-align:center;
}

.solv .col .mask	{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;   
    opacity: 0;
	background: rgba(0,0,0,0.7);
    box-sizing:border-box;
    transition: all 0.4s ease-in-out;
 }

.solv .col:hover .mask	{
	opacity: 1;
   	/*border: 100px solid rgba(0,0,0,0.7);*/
}

.solv .mask a	{
	margin:0 auto;
	left:inherit;
	position:relative;
}

.solv .buz, .suz {
	background-color:#758c04;
	width:115px;
	height:41px;
	box-sizing:border-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius:20px;
	display:block;
	padding:8px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	border:white 3px solid;      
	font-size: 14px;
	text-align: center;
	margin:20px 0;
}

.buz:hover, .suz:hover	{
	background:#004483;
}



/* ОТЗЫВЫ КЛИЕНТОВ - 1 */


#logos .slides li  {
	display:table-cell !important;
	vertical-align:middle;
	height:70px;
	cursor:pointer;
}

#logos li.flex-active-slide {
	border-bottom:#758c04 3px solid;
}


#logos img {
	margin:auto;
	vertical-align:middle;
}

#logos .flex-direction-nav a {top:130%}


.client .slides li img {
	margin:5px 0;
	opacity:0.7;
    transition: all 0.4s ease-in-out;
}


.client .slides li:hover img	{
	opacity:1;
 }
 
#client li div {
	margin:40px 250px;
	box-sizing:border-box;
}

#client h3 {
	font-size:36px;
	font-weight:100;
	margin-bottom:40px;
}


/* ДИАГРАММЫ */

.proc1	{
	font-size:16px;
	text-align:center;
	width:130px;
	height:130px;
	position:absolute; 
	top:20px;
	left:25px;
	z-index:4;
}

svg {z-index:5}

.proc1	div {
	font-size:32px;
	color:#227FA9;
	margin:40px auto 0;
}


/* СЕРВИС */
.srv	{
	font-size:20px;
	color:white;
	line-height:32px;
	text-align:center;
	padding:10px;
}

.srv	div {
	margin:40px auto;
}

.srv img {
	margin:40px auto;
}

.send	{
	margin:25px auto;
	width:300px;
	height:54px;
	font-size:16px;
	text-align:center
}

.send a	{
	background-color:#004483;
	box-sizing:border-box;
	border-radius:25px;
	height:54px;
	display:block;
	padding:15px 35px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	line-height:25px;
}

.send a:hover	{
	background-color:#758c04;
}

.roww	{
  box-sizing: border-box;
  display: block;
  width: 100%;
}

.roww:before	{
	display: table;
  	content: " ";
	box-sizing: border-box;
}

.roww:after	{
	display: table;
  	content: " ";
	clear:both;
	box-sizing: border-box;
}

.list-in-line {
	padding-left: 0;
  	list-style: none;
}

.list-in-line li {
  display: inline-block;
  padding-right: 0px;
}

.list-in-line li:first-child {
 margin-left: 0;
 padding-left: 0;
}

.list-in-line li:last-child {
 margin-right: 0;
 padding-right: 0;
}

/* СЕТКА */

.col {
  box-sizing: border-box;
  display: block;
  float: left;
  min-height: 1px;

  position: relative;
  min-width:80px;
}


.col li:first-child {
 padding-left: 0;
}

.roww div.col:first-child {
 margin-left: 0;
}

.col li:last-child {
 padding-right: 0;
}

.roww div.col:last-child {
 margin-right: 0;
}


.md-1	{
  width: 80px;
  margin-right:20px;
}

.md-1w	{
  width: 120px;
  margin-right:20px;
}

.md-2	{
  width: 180px;
  margin-right:20px;
}

.md-2w	{
  width: 220px;
}

.md-3	{
  width: 280px;
  margin-right:20px;
}

.s	{
  margin:0;
}

.ml	{
  margin-left:20px;
}

.md-4	{
  width: 380px;
  margin-right:20px;
}

.md-5	{
  width: 480px;
  margin-right:20px;
}


.md-6	{
  width: 580px;
  margin-right:20px;
}

.md-6w	{
  width: 620px;
}
	

.md-9	{
  width: 590px;
}

.md-8	{
  width: 780px;
  margin-right:20px;
}


nav, section, .layer	{
	box-sizing: border-box;
}

section, .layer	{
	line-height:20px;
}

section	{
	padding: 40px 0;
}

.dark	{
	color: white;
}

.layer p {
  margin-bottom: 15px;
  font-size: 130%;
  line-height:130%;
  font-weight: 200;
}

.wrapper {
  	padding-right: 15px;
  	padding-left: 15px;
  	margin-right: auto;
  	margin-left: auto;
	width: 1180px;
}

.wrapper div.col:last-child {
	margin-right:0;
}
	
.parallax	{
  background: url(../img/parallax1.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position-y: 100% !important;
}

section.sp1 {
	border-top:#eee 1px solid;
	padding-top:50px;
}

/*HEADER*/

#mm li	{
	font-size:18px;
	padding-right:10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#mm li	{
	font-size:16px;
}
}

#mm a	{
	text-decoration:none;
	color:#000;
}

#mm a:hover	{
	color:#7b8a1c;
}

#mm a.selected	{
	color:#7b8a1c;
}

.navselect form {position:relative}
.navselect select	{
	opacity:0;	
	position:absolute;
	margin:5px 0px 0px -5px;
	width:150px;
}

footer .navselect select	{
	left:40px;
}
.navselect span	{
	font-size:18px;
	border-bottom:1px dotted;	
}


/* ВИДЕО */
.video h3 {
	font-size:19px; 
	font-weight:100;
	margin-bottom:40px;
	color:#000;
	line-height:25px;
	text-decoration:none;
}

.video h3 a {
	color:#000;
	text-decoration:none;
}

/* SEO-блок */

.tabz {
	background:url(../img/tabzf.png) repeat-x;
	padding-top:0;
	text-align:center;
}

.tabNavigation {
	width:auto;
	margin:0 auto;
	text-align:center;
	display: inline-block;
}

.tabNavigation li {
	width:200px;
	height:80px;
	display:table-cell;
	vertical-align:middle;
	text-indent:0;
	padding:0 20px;
	box-sizing:border-box;
}

/*.tabNavigation li:hover {
	border-bottom:#fff 3px solid;
}*/

.tabNavigation a {
	text-align:center;
	color:#6fa5c3;
	text-decoration:none;
	margin:auto 0;
	height:30px;
	text-transform:uppercase;
	font-size:75%;
}

.tabNavigation a.selected {
	color:white;
}

.tabNavigation li.sel {
	border-bottom:#fff 3px solid;
}

.tab {
	text-align:left;
	padding:50px;
	display:block;
	overflow:hidden;
}

.tab h2 {
	font-size:18px;
	margin-top:0;
	color:#004483;
	line-height:25px;
	text-transform:uppercase;
}

.tab p { margin:10px 0;}


.tab .timg {
	float:left;
	width:25%;
	margin-right:5%;
}

.timg img {width:100%}


.ttext {
	float:right;
	width:70%;
}



.yrs div {
	width:160px;
	margin:10px;
	font-size:22px;
	line-height:25px;
	text-align:center;
	display:inline-block;
}

.yrs span {
	font-size:26px;
	color:#004483;
	display:block;
}

/* ВЕНДОРЫ */


.logo div.col  {
	padding:0 10px;
	box-sizing:border-box;
	text-align:center;
}

.logo div.col a {
	height:170px;
	display:table-cell;
	vertical-align:middle;
}

/* ПОДВАЛ */

footer {
	 background:#004483; 
	 margin-bottom:0;
	 padding:40px 0;
	 width:100%;
}

footer a {
	color:#6fa5c3;
}

.bm {
	width:450px;
	margin:0 auto;
	margin-bottom:40px; 
}
	
.bm li {
	width:145px;
}

.bm a {
	color:white;
}

footer .footb {
	width:100%; 
	border-bottom:#fff 1px solid; 
	position:relative; 
	height:10px;	
}

footer .transb {
	margin:0 50px;
	padding:5px 15px;
	font-size:75%;
}

footer .navselect {
	margin:50px 2% 50px 2%;
	width:30%;
	float:left;
	text-align:right;
}

footer .addr {
	margin:50px 2% 50px 2%;
	float:right;
	width:60%;
	font-size:120%;
}
	
footer .copy {
	margin:20px 0;
	text-align:center;
        
}


.t800 {margin-top:10px}
.t800 span {font-size:180%;display:block; margin:5px 0}

#scroller {
  position: fixed;
  bottom: 365px;
  right: 10%;
  background: #004483;
  border-radius:50px;
  width: 95px;
  height: 95px;
  cursor: pointer;
  display: none;
  opacity:0.4;
  font-size:120%;
  text-transform:uppercase;
  box-sizing:border-box;
  padding:20px 15px;
  text-align:center;
  z-index:777;
}

#scroller.ny {
	background:url("../img/snow_up1.png");
}

#scroller:hover {
	opacity:1;
}


/* ВТОРЫЕ СТРАНИЦЫ */

.breadcrumb {margin-bottom:30px;}
.breadcrumb a {color:#000;}
.breadcrumb a:last-child {display:none}


.wrk {margin-left:100px;}

.wrk strong, .strong b {
	font-weight:bold;
}

.wrk p {
	margin:10px 0;
	text-align:left;
}

.wrk ul, .markd {
	/*list-style:disc;*/
	list-style-image:url(../img/libul.png);
	padding-left:20px;
	margin:10px 0;
}

.markd li {
	margin:5px 0;
}

/* Левое меню */
.left-menu {margin-bottom:40px}

.left-menu ul {
	width:100%;
}

.left-menu a {
	color:#000;
}
.left-menu a.sale {color:#cb1b1e}

/*.left-menu td.sale {background: url(../img/snowf.png) 200px no-repeat;}*/


.left-menu li {
	border-top:#fff 1px solid;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	/*padding:14px 20px;*/
	text-transform:uppercase;
}

.left-menu li:first-child {
	border-top:#ccc 1px solid;
	/*padding-left:20px;*/
}

.left-menu li table td {padding:14px 10px 14px 30px;}
.left-menu li table td.d2 {font-size:32px;line-height:20px;padding:0 0 5px 0;border-left:#ccc 1px solid; vertical-align:middle;}
.left-menu li table td.d2 span:before {color:#758c04;margin-bottom:2px;content:"\203A"}
.left-menu li.s1 table td.d2 {border-left:none}
.left-menu li.s1 table td.d2 span:before {content:""}

.left-menu li a.selected {color:#758c04;}

.left-menu li.bul {
	background:#fafafa;
	/*padding-left:40px;*/
	text-transform:inherit;
}

.city {
	display:block-inline;
	width:240px;
}


.city .navselect span {
	border-bottom:none;	
}

.city .navselect {
	padding:5px;
	border:#ccc 1px solid;	
	width:145px;
	float:right;
}


/* РАБОЧАЯ ОБЛАСТЬ */

body, div.catalog-item, div.catalog-section, div.catalog-detail, div.faq-item { background-color: #FFF;}
div.catalog-item, div.catalog-section, div.catalog-detail, div.news-item, div.faq-item { border-color:#FFF !important; /* must be like the body background */}

.wrk table:not(.sale) td {padding:10px;vertical-align:top}

h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}

h4 {
  display: block;
  -webkit-margin-before: 1.33em;
  -webkit-margin-after: 1.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}


div.catalog-detail-line 
{
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:12px 0;
	overflow:hidden;
	padding:0;
	background: url(../img/title-line.gif) no-repeat;
}

div.catalog-item-separator {
  background: url(../img/fade-catalog.gif) no-repeat left center;
  height: 1.7em;
  font-size: 1em;
}

/* НАВИГАЦИЯ */
div.navigation {
	margin: 40px 0;	
}

table.titled td	{
		font-size: 1.2em;
}

table.prim	{
	border-top:#ccc 1px dotted; 
	margin-top:20px;
}

div.addv {
	padding:20px 60px;
	BACKGROUND: url(../images/fon-plus.jpg) no-repeat left top; 	
}

ul.index	{
	list-style-image:url(../bitrix/templates/smtrade2/img/bullet.gif);
}

ul.index li	{
	margin:5px;
}

div.job-list ul li	{
	margin-top:10px;
}

.bordur	{
	border:#74af28 1px solid;
	PADDING: 20px;
	margin:0;
	width:90%
}

.bordur	table {
	width:100%
}

.bordur_gray15	{
	border:lightgray 1px solid;
	PADDING: 15px;
}

.podgray	{
	padding:15px;
	BACKGROUND-COLOR: rgb(238,238,238)
}

table.biz {
	margin:0 auto;
}

table.biz td	{
	font-size:20px;
	padding: 20px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}

table.biz td a	{
	color:#004b8d;
	text-decoration:none;
}

table.biz td a:hover	{
	color:#74af28;
	text-decoration:none;
}


div.biz-list	{
	border:lightgray 1px solid;
	padding:20px;
	margin-top:20px;
}
div.biz-item	{
	color:gray;
}

div.biz-title 	{
	margin-top:10px;
}

div.biz-title a	{
	/*color:#777;*/
}

.preview_picture_bord	{
	float:left;
	margin:0 20px 0 0;
	border:lightgray 1px solid;
}


div.sale-item {
	margin-bottom:20px;
	clear:both;
	min-height:100px;
}

ul.index_gray li	{
  	list-style-image:url(../images/bullet1.gif);
	margin:10px 0 10px 0;
}


img.borders	{
	border:gray 1px solid !important;
}

div.spravka	{
	color:gray;
}

/* каталог */

h2.qchoice	{
	color:gray;
	text-transform:uppercase;
	padding-bottom:0px;
	margin-bottom:0px;
	font-weight:normal;
	padding-top:20px;
}

div.sectdesc	{
	margin-bottom:10px;
}

div.vrez	{
	float:right; 
	margin:20px; 
	background-color:#EFFEE2; 
	width:250px; 
	padding:10px
}

div.foto	{
	float:left; 
	margin:10px; 
	padding:10px
}

.nobd, .nobd td	{
	border:none !important;
}

p.nb	{
	border-left-color: rgb(0, 102, 204); border-left-width: 3px; border-left-style: solid; padding-left: 20px;
}

td.tdbd	{
	border-bottom:lightgray 1px dotted;
}

table.r20	{
	margin:20px 0 20px 20px;
	float:right;
}

table.r20 div	{
	font-size:90%;
	width:200px;
}

/* Catalog Section List */
div.catalog-section-list {margin: 2.1em 0 0 0;}
div.catalog-section  
{
	overflow: hidden; 
	margin: 0; 
	padding: 0.9em 0 0.9em 0; 
	position:static;
	border: 1px solid;
	cursor: default;
	zoom:1;
}
div.catalog-section-separator {background: url(../img/fade-catalog.gif) no-repeat left center; height: 1.8em; font-size: 1em;}
div.catalog-section-hover { position: relative; }
div.catalog-section-hover div.catalog-admin-links { display: block; }

div.catalog-section-image {float:left; margin-right:10px; overflow:hidden; text-align:center; width:75px;}
div.catalog-section-info { margin-left:87px; }
div.catalog-section-desc { margin-bottom: 0.2em; width: 80%;}
div.no-picture-mode div.catalog-section-info { margin-left: 0;}
div.catalog-section-title { margin-bottom: 0,5em;}
div.catalog-section-title a { font-size: 1.4em; line-height: 0.7em;}
table.catalog-section-childs { width: 80%;}
table.catalog-section-childs td { width: 33.33%; padding: 0.3em 0.5em 0.3em 0; vertical-align: top;}
table.catalog-section-childs a { 
	padding-left: 8px; 
	display: block; 
	color: #000;
  	background: url(../img/icons-sprite.gif) no-repeat 0 -581px;
}

table.catalog-section-childs a:hover { text-decoration: underline; }

/*Catalog Item List*/
table.catalog-item-filter { width: 100%; }
div.catalog-item-filter-body { width:50%; display: block;  padding-bottom: 1em;}
div.catalog-item-filter-body-inner { padding:0.5em 1em; }
div.catalog-item-filter-title { padding-bottom: 1em; display: none;} 
#js div.catalog-item-filter-title { display: block;}
#js div.catalog-item-filter-body { display: none; }
#js div.filter-active div.catalog-item-filter-body { display: block; }
div.catalog-item-filter-title a { text-decoration: none; border-bottom: 1px dashed; outline: none;}

div.filter-active div.catalog-item-filter-title span { padding: 0.35em 0.5em 0.65em; display: inline-block; }

table.catalog-item-filter td { padding: 0.3em 0;}
table.catalog-item-filter td.field-name {font-size:0.95em;  width: 55%;}
table.catalog-item-filter td.field-control { font-size:0.95em;  width: 45%;}
table.catalog-item-filter tfoot td.field-control  { white-space: nowrap;}
span.filter-textbox { display: block; width: 100%;}
span.filter-textbox input { width: 95%; float: left;}
span.filter-dropdown select { width: 100%;}

div.catalog-item-sorting { padding: 1em 0 1em;}
div.catalog-item-sorting a { margin:0 0.3em;}
div.catalog-item-sorting a.selected {padding:0.4em 0.6em 0.6em; }
div.catalog-item-sorting a.desc {padding-right: 1.3em; }
div.catalog-item-sorting a.asc {padding-right: 1.3em; }

div.catalog-item-list { padding: 1.3em 0 0 0;}
div.catalog-item  
{
	overflow: hidden; 
	margin: 0; 
	padding: 0.65em 0 0.65em 0; 
	position:static;
	border: 1px solid;
	zoom:1; 
}

div.catalog-item-separator {background: url(../img/fade-catalog.gif) no-repeat left center; height: 1.7em; font-size: 1em;}


div.catalog-item-title span.sticker,  h1 span.sticker {text-decoration:none; color: white;  padding-right: 0.5em; padding-right: 0.2em; white-space: nowrap; vertical-align:top; background:url(../img/stickfon.png) left no-repeat;  padding-left:15px !important; }
.sales img	{display:inline}
h1 span.sticker { font-size: 0.6em; /*line-height: 1.3em;*/ zoom:1;}

div.catalog-item-preview-text { margin-bottom: 1em; }
div.catalog-item-image {margin:4px 10px 0 0; overflow:hidden; text-align:center; width:180px; zoom:1;}
div.catalog-item-desc { margin-left:20px; width:500px; }
div.catalog-item-info { width: 200px; position:relative;}

div.catalog-item-title { margin-bottom: 0.5em; float:left}
div.catalog-item-title a { font-size: 1.4em; margin-top: -4px;}

.lbl {
	position:absolute;
	top:0;
	right:0;
}

div.catalog-item .lbl {margin:0 100px 0 20px; float:right; position:inherit; top:inherit; right:inherit}

.tech {
	padding: 9px 3px;      
	width:40px;
	height:40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:#fff;
	border:#758c04 1px solid;
	text-align: center;
	box-sizing: border-box;
	text-transform: uppercase;
	color:#004483;
	margin:-8px -8px 0 0;
	float:right;
}
div.catalog-item .tech {display:inline-block;float:none}

div.catalog-item .tech:last-child {margin-right:0}


.tech a {margin:auto;display:block}

div.no-picture-mode div.catalog-item-desc { margin-left: 0;}
div.catalog-item-price { }
div.catalog-item-price span { padding:0.2em 0.3em; display:inline-block;}

div.catalog-item-links { width: 120px; overflow:hidden; margin:20px 0}

div.catalog-item-links a, div.catalog-item-links span  
{
	text-decoration: none; 
	padding-left: 20px; 
	display: block; 
	float: left; 
	clear: left; 
	margin-bottom: 1em; 
	outline: none;
	zoom:1;
	white-space: nowrap;
	line-height:18px
}

div.catalog-item-links a, div.catalog-item-links span { background: url(../img/icons-sprite.gif) no-repeat; }
div.catalog-item-links span.catalog-item-available { background-position: 0 -56px; color: #0E9500;}
div.catalog-item-links span.catalog-item-not-available { background-position: 0 -83px; color: #CC1300;}
div.catalog-item-links a.catalog-item-compare { background-position: 0 0; }
div.catalog-item-links a.catalog-item-compared { background-position: 0 -27px; color: #B3B3B3;}
div.catalog-item-links a.catalog-item-buy { background: url(../img/icon_2note.png) no-repeat; }
div.catalog-item-links a.catalog-item-in-the-cart { background: url(../img/icon_2noted.png) no-repeat; }



div.catalog-item-hover { position:relative;}
div.catalog-item-hover div.catalog-admin-links { display: block; }

div.catalog-item-offers{ width:466px;  position: relative; }
div.catalog-item-offers .table-offers{min-height: 43px;}
div.catalog-item-offers div.catalog-item-links{ left: 496px; position: absolute;}
div.no-picture-mode div.catalog-item-offers div.catalog-item-links{ left: 583px; position: absolute; }
div.catalog-item-offers div.catalog-item-price{  margin-top: 10px; }

div.catalog-detail-price-offer{ margin-top:15px; margin-bottom:17px; }
div.catalog-item-offers td.catalog-item-offers-field, div.catalog-item-offers td.catalog-item-offers-prop{ padding-right:5px; }

div.catalog-detail div.catalog-item-offers div.catalog-item-links{ left: 0; position: static; }

div.catalog-item-filter .r0 { border-color: #FFF; }
div.catalog-item-filter-body-inner, div.catalog-item-filter .r1 { background-color: #e6e6e6; }
div.catalog-item-filter-title a { border-color: #506CBC;}
div.catalog-item-filter-title a:hover { border-color: #EA0000;}

div.filter-active div.catalog-item-filter-title span { background-color: #e4edf7; }

div.catalog-item-sorting a.selected { background-color: #e6e6e6; color: #000;}
div.catalog-item-sorting a.desc { background-image: url(../img/icons-sprite.gif); background-repeat: no-repeat; background-position: right -185px;}
div.catalog-item-sorting a.asc {  background-image: url(../img/icons-sprite.gif); background-repeat: no-repeat; background-position: right -228px;}

div.catalog-item-price span { background-color:#e6e6e6; }

div.ajax-pager-wrap {
	line-height:37px;
}

div.ajax-pager-wrap img {
	float:left;
}

#overl {
	z-index: 777; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #fff; /* черная */
	opacity: 0.5; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	display: none; /* в обычном состоянии её нет) */
}


/* Catalog Detail Item */
div.catalog-detail { position: static; border: 1px solid; zoom:1;}
div.catalog-detail .md-3 { max-width:300px; margin-right:50px}
div.catalog-detail .md-5 { max-width:428px}

div.catalog-detail-hover div.catalog-admin-links  { display: block; }
div.catalog-detail-hover { position: relative;}

table.catalog-detail td { padding:0; vertical-align: top;}
div.catalog-detail-line 
{
	font-size:1px;
	height:1px;
	line-height:1px;
	margin:12px 0;
	overflow:hidden;
	padding:0;
	background: url(../img/title-line.gif) no-repeat;
}

div.catalog-detail-image { margin: 0 25px 0 0; border: 1px solid; padding: 2px; }
.catalog-detail-image ul.slides li {cursor:pointer}
div.catalog-detail-images { overflow: hidden;  margin: 0 25px 0 0;}
div.catalog-detail-images div.catalog-detail-image { position: relative; float: left; margin: 10px 10px 0 0; height:50px; overflow:hidden; padding: 2px; text-align:center; overflow:visible;}
div.catalog-detail-images div.catalog-detail-image a { width: 100%; height: 100%; display: block;}
div.catalog-detail-images div.catalog-detail-image img { vertical-align: middle;}

.catalog-detail-desc { width: 90%;}
.catalog-detail-desc li, .catalog-item-preview-text li {text-align:left}

div.catalog-detail-price { font-family: Arial; }
div.catalog-detail-price label { font-size: 1.5em; }
div.catalog-detail-price p { font-size: 1.5em; margin: 0.5em 0 0;}
div.catalog-detail-buttons { overflow: hidden; margin-top: 1.5em;}
div.catalog-detail-buttons a  
{
	float: left; 
	background: url(../img/button-bg.gif) no-repeat right 0; 
	height: 33px; 
	line-height: 30px; 
	text-decoration: none;
	font-family: Arial;
	/*font-size: 1.5em;*/
	padding: 0;
	outline: none;
	cursor: hand;
	cursor: pointer;
	text-shadow:1px 1px 1px #EEEEAA;
}
div.catalog-detail-buttons span { display: block; height: 33px; background: url(../img/button-bg.gif) no-repeat; margin-right: 3px; padding:0 12px 0 15px; float: left; white-space:nowrap}
div.catalog-detail-buttons a.disabled { background-position: right -33px; text-shadow:1px 1px 1px #EEE;}
div.catalog-detail-buttons a.disabled span { background-position: 0 -33px}
div.catalog-detail div.catalog-item-links { margin: 1em 0 0; overflow: hidden;}

div.catalog-detail-properties { clear: both; padding: 1em 0 0;  overflow: hidden; width: 80%; }
div.catalog-detail-property { margin: 0 0 1em; border-bottom:1px dotted; float: left; width: 100%;}
div.catalog-detail-property b { float: right; position: relative; top: 0.31em; padding-left: 3px;  font-weight:normal; }
div.catalog-detail-property span { float: left; position: relative; top: 0.31em; padding-right: 3px; zoom: 1;}
div.catalog-detail-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; }

div.catalog-detail-recommends { clear: both; padding: 1em 0 0;  overflow: hidden; width: 100%; }
div.catalog-detail-recommend { margin-top: 15px;}

div.catalog-detail-full-desc { width: 100%; text-align: left; background-color:#eee; margin-top:20px; padding:30px 80px; box-sizing:border-box}

div.catalog-detail-full-desc tr {border-bottom:#ccc 1px solid}
div.catalog-detail-full-desc tr:last-child {border-bottom:none}
div.catalog-detail-full-desc tr td:first-child {color:gray;}
div.catalog-detail-full-desc h2 {font-weight:normal; margin-top:20px}
div.catalog-detail-full-desc h3 {font-weight:normal; margin-top:20px}
div.catalog-detail-full-desc table td {padding:5px}
.catalog-detail-full-desc h2	{margin-top:20px;}
.catalog-detail-full-desc table	{width:100% !important}


table.birka {
	margin:20px auto;
	border:#ccc 1px solid;
	width:100%;
	box-sizing:border-box;
}

table.birka td {
	padding:15px;
	/*height:1px;*/
}

table.birka td div {
	border-right:#ccc 1px solid;
	height:100%;
}

table.birka tr td:last-child div {
	border-right:none;
}

table.birka td div span {
	color:gray;
	text-transform:uppercase;
	font-size:80%
}

table.birka b {
	display:block;
	font-weight:normal;
}


div.wvrez {
	background-color:#fff;
	padding:20px;
	text-transform:uppercase;
	color:gray;
	font-size:70%;
	margin:20px 0 0;
}
div.roww>div.wvrez {
	margin-left:20px;
}

/*Catalog Item Card */
div.catalog-item-cards {position: relative; margin-bottom:9px; zoom:1; }
table.catalog-item-card {  width: 100%; table-layout: fixed;}
table.catalog-item-card td { padding: 0; vertical-align: top;}
table.catalog-item-card tr.top td { height: 5px; border: none;}
table.catalog-item-card tr.bottom td { height: 5px; border: none;}

table.catalog-item-card .corner { width: 5px; height: 5px; font-size: 1px; background: url(../img/catalog-item-card-sprite.gif) no-repeat; }
table.catalog-item-card .left-top { float: left; background-position: 0 0;}
table.catalog-item-card .left-bottom { float: left; background-position: 0 -5px; }
table.catalog-item-card .right-top { float: right; background-position: -5px 0;}
table.catalog-item-card .right-bottom { float: right; background-position: -5px -5px;}
table.catalog-item-card td  
{
	width: 50%; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-khtml-box-sizing: border-box;
	border-left: 1px solid #e5e5e5; 
	border-right: 1px solid #e5e5e5; 
	height:100%;
}
table.catalog-item-card td.delimeter { width: 8px;  border:none;}
table.catalog-item-card .border-top { border-top: 1px solid #e5e5e5; margin: 0 5px;}
table.catalog-item-card .border-bottom { border-bottom: 1px solid #e5e5e5; margin: 4px 5px 0;}

div.catalog-item-card { padding: 9px 10px 10px 10px; }
div.catalog-item-card .item-image { width:75px; text-align:center; float: left; margin: 5px 10px 0 0; overflow: hidden; }
/*div.catalog-item-card .item-detail { bottom:13px; position:absolute; margin-left:85px; left:auto; clear: both; font-size: 0.85em;}*/
div.catalog-item-card .item-info { margin-left: 85px; /*margin-bottom: 1.5em;*/}
div.no-picture-mode .item-info,  div.no-picture-mode .item-detail { margin-left: 0;}
div.catalog-item-card p { margin: 0 0 0.5em; font-size: 0.85em;}
div.catalog-item-card p.item-price { padding-top: 0.2em; line-height:1.7em; margin-bottom:0;}
div.catalog-item-card p.item-price span { background: #e6e6e6; padding: 0.2em 0.3em;}
div.catalog-item-card p.item-price s { color: #aaa; white-space: nowrap;}
div.catalog-item-card p.item-desc { max-height: 6em; overflow: hidden; position: relative; zoom:1;}
div.catalog-item-card p.item-title  { font-weight: bold; font-size: 0.95em; margin:0 0 0.5em;}
div.catalog-item-card .item-desc-overlay 
{
	background:url(../img/fader.png) no-repeat scroll right center transparent;
	top:5em;
	display:block;
	height:1em;
	position:absolute;
	right:0;
	width:165px;
}
	
/* News List */
div.news-list { margin: 1.3em 0 2em; padding: 0;}
div.news-item { margin: 0 0 1.3em; border:#fff 1px solid;  zoom:1; }
div.news-date { margin: 0 0 0.5em; }
div.news-detail { zoom:1;}
div.news-detail b { font-weight:bold;}
div.news-title { font-size: 1.2em; margin: 0 0 0.5em; }
a.news-detail-link { display: block; margin: 1em 0 0; outline: none;}
img.ramka, div.news-detail img { 
	border: lightgray 1px solid;
	padding:2px;
	margin:0 0 20px 20px;
}
div.news-item-hover div.catalog-admin-links { display: block; }



/* PHOTO LIST */
.photo-items-list .photo-item-cont{float: left; margin: 0 30px 30px 0;padding: 2px; border: lightgray 1px solid;}
.photo-item-cont .photo-item-inner{display: block; overflow:hidden; position: relative;}
.photo-item-cont .photo-item-inner img{position: absolute; border: none;}

.photo-items-list .bxph-warn-icon{position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px;}

.photo-top-warning {position: absolute; top: 45%; left: 50%; color: #fff; font-family: Verdana; font-size: 1em; padding: 15px 15px 15px 45px; margin-left: -120px; font-weight: bold; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; display: none;}
.photo-top-not-active {background:url("images/not-approved.png") no-repeat 8px center #5b5b5b; display: block!important;}

.photo-top-warning span{}
.photo-top-not-warn-link {color:#FFFFFF!important; margin-top:5px; margin-left: 50px; cursor:pointer; display:block; height:18px;  line-height:17px; text-decoration:underline!important; overflow:hidden; padding:0 0 0 8px; width:100px;}
.photo-top-not-warn-link:hover {background:url("images/photo-gall-but.png") no-repeat 0 -24px; color:#000000!important;}

.bxph-warn-link {color:#FFFFFF!important; margin-top:0px; margin-left: 0px; cursor:pointer;text-decoration:underline!important; overflow:hidden; position: absolute; left: 0px; color:#ffffff!important; text-align: center; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; background:#5b5b5b; padding: 5px 0!important; font-weight: bold; display: none;}
.photo-item-inner:hover .bxph-warn-link{display: block!important;}

.photo-comments-left .reviews-reply-fields .reviews-reply-field {margin-bottom: 8px;}
.photo-comments-left .reviews-reply-fields input, .photo-forum-capcha-cont input.photo-forum-capcha-input {background-color: #FFFFFF;border: 1px solid #D9D9D9;color: #9D9D9D;font-family:Verdana,sans-serif;font-size: 11px;margin: 0;outline: medium none;padding: 2px 4px 2px 4px;width: 200px;}
.photo-comments-left .reviews-reply-fields input.bxph-photo-active , .photo-forum-capcha-cont input.bxph-photo-active{color:#000 !important;}

/* ОБЩЕЕ ОФОРМЛЕНИЕ*/

div.rvrez {
	margin:0 0 20px 20px;
	padding:20px;
	float:right;
	border:#004483 1px solid;
	width:50%
}
div.left {float:left}
div.right {float:right}

#ankor {border-top:#004483 1px dotted;margin-top:10px;}
#ankor a {color:#758c04}
ul.linkz {width:450px; margin:20px 0;overflow: hidden}
ul.linkz li {float:left; width: 180px;}
ul.linkz + p {clear:left}
.exp {
	height:auto;
} 
.fade {
	 z-index:99; 
	 position:absolute; 
	 top:20px; 
	 background: transparent url(../img/fade50.png) bottom repeat-x; 
	 width:100%; 
	 height:50px;
	 cursor:pointer;
}
.coll {
	position:relative; 
	max-height:65px; 
	overflow:hidden;
}

div.rvrez h2 {
	font-size:150%;
	color:#004483;
	font-weight:normal;
}
	
div.about {
	text-align: justify;
	margin:20px 0;
	font-weight:bold;
}

div.dabout h2 {
	text-transform:uppercase;
	font-size:120%;
	color:#004483;
	margin:20px 0;
}

div.dabout h3 {
	font-size:120%;
	color:#004483;
	margin:20px 0;
}

.dabout table td {
	padding:20px;
}

.dabout td:first-child {
	padding-left:0;
}

.dabout td:last-child {
	padding-right:0;
}


.about1 {
	font-size:120%;
	color:#004483;
	margin:20px 0;
	font-weight:bold;
}

.g-n-b {color:#fff;}
.g-n-b h2 {color:#fff !important;}
.g-n-b a {color:#fff !important;}

.g-n-b div:first-child {
	padding:50px;
	background-color:#758c04;
}
.ampr {
	position:absolute;
	top:-50px;
	left:50%;
	margin-left:-50px;
	display:block;
}
.g-n-b div:last-child {
	padding:50px;
	background-color:#004483;
	position:relative;
}

div.q {background:url(../img/about7left.jpg) left no-repeat, url(../img/about7right.jpg) right no-repeat;width:90%;padding:0 50px; font-size:170%; margin:40px auto; box-sizing:border-box; text-align:center; line-height:100%; }

.welcm {border-top:lightgray 1px solid; margin:50px 0; padding:50px 0; font-size:200%; line-height:100%}

.welcm .send {margin:25px 0;}

.chkl {margin:20px 0}
.chkl .about1 {margin-top:5px !important}
.chkl div.a {width:8%}
.chkl div.b {width:85%}
	
.pun {
	width:36px;
	height:36px;
	border-radius:20px;
	border:#004483 3px solid;
	text-align:center;
	padding:5px;
	box-sizing:border-box;
}

.pun span:after {content: attr(data-num);}
.check {border:#758c04 3px solid;}
.check span:after{color:#758c04; content:"\2714" ;}	


/* НОВОСТИ */

.newz div.news-item {margin: 10px 10px 10px 0; display:inline-block; width:245px; height:inherit !important; min-height:350px !important; position:relative;  vertical-align:top;}
.newz div.news-date { margin: 20px 0 0.5em; font-size:80%; color:gray }


.news-item .mask	{
	width: 100%;
	height: 210px;
	position: absolute;
	top: 0;
	left: 0;   
   opacity: 0;
   overflow:visible;
   border: 100px solid rgba(0,0,0,0.7);
   /*background:rgba(0,0,0,0.7);*/
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
 }

.news-item:hover .mask	{
	opacity: 1;
   	/*border: 100px solid rgba(0,0,0,0.7);*/
}


.newz .news-item img {
	width:245px;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  	-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  	-o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
   transition: all 0.4s ease-in-out;
}


.newz .news-item:hover img	{
	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	-o-box-shadow: none;
  	box-shadow: none;
 }
 
 

/* ПУБЛИКАЦИИ */

div.atop {
	background:url(../img/article1.jpg) center;
	width:100%;
	min-height:300px;
	overflow:hidden;
	padding:0;
	text-align:center;
}

.atop div {
	width:35%;
	min-height:250px;
	height:auto;
	padding:10px;
	margin:15px 35px;
	display:inline-table;
	float:none;
	background:rgba(255,255,255,0.7);
	vertical-align:middle;
}

.atop div a {font-size:120%;}

.atop span{color:#555}

.artcl {margin:0 auto;}

.artcl span{color:gray}

.artcl div.news-item { 
	margin: 10px 10px 10px 0; 
	width:245px; 
	display:inline-block
}

.artcl .ni {
	height:500px; 
	position:relative;
	overflow:hidden
}

.artcl .la {text-align:left}


/* РЕШЕНИЯ - 2 */

.newb .news-title {
	margin:10px 0;
}

.newb .news-detail {
	margin:10px 0;
	color:gray;
	font-size:80%;
	text-transform:uppercase;
}

.newb .news-item {
	height:450px !important;
}

.newb .mask a, .gal .mask a	{
	margin: -25px 0 0 -50px;
}

.resh  .news-item {display:inline-block; float:none !important}



.element-filter {margin-bottom:20px; overflow:hidden; display:inherit}
.left-menu {display:inherit}
.also-item img {margin:0 10px 10px 0}
.also-title {font-weight:bold}

/* ВИДЕО */

.newv .news-item {
	width:380px !important;
}

.newv .news-item:last-child {
	margin-right:0;
}

.wrk .newv .news-item:nth-child(even) {
	margin-right:0;
}

.newv .news-item img {
	width:100% !important;
}

.newv .news-item .mask	{
	height: 100%;
    background:rgba(0,0,0,0.7);
	border:none;
}

/*.newv .news-item .mask a	{
	margin:25% 0 0 35%;
}*/

.newv .mask a	{
	margin:40% auto 0 auto;
	left:inherit;
	top:inherit;
	position:relative;
}


/* Вакансии */

p.bol	{
	font-size:150%;
	font-weight:bold;
	margin:10px 0;
	color:#004483;
	line-height:130%;
}

div.brit {
	border:#004483 1px solid;
	width:380px;
	float:right;
	padding:40px 50px 40px 80px;
	margin:0 0 40px 40px;
	font-size:120%;
	box-sizing:border-box;
}

div.brit a {
	font-size:170%;
	font-weight:bold;
	margin:20px 0;
	display:block;
}


div.boll	{
	font-size:150%;
	font-weight:bold;
	text-transform:uppercase;
	line-height:120%;
	color:#004483;
	width:540px;
}

.job {
	display:block-inline;
	float:right;
	width:220px;
}


.job .navselect span {
	border-bottom:none;	
}

.job  .navselect {
	padding:5px;
	border:#ccc 1px solid;	
	width:145px;
	float:right;
}

.job-list ul {
	list-style:none;
}

.job-list li {
	font-size:130%;
	font-weight:bold;
	margin:40px 0;
	display:block;
}

.job-list li:first-child {
	margin-top:40px;
}

/* Бренды */

.news-list li.roww {
	border-bottom:#ccc 1px solid;
	padding:20px 0;
}

.news-list li.roww:last-child {
	border-bottom:none;
}

.news-item1 {
	position:relative;
}

.news-item1 .mask	{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;   
   opacity: 0;
   overflow:visible;
   background:rgba(0,0,0,0.7);
   box-sizing:border-box;
   transition: all 0.4s ease-in-out;
 }

.news-item1:hover .mask	{
	opacity: 1;
   	/*border: 100px solid rgba(0,0,0,0.7);*/
}


.news-item1 .mask a	{
	top:40%;
	left:40%;
	position:absolute;
	width:120px;
}

/* Сервис */

div.service h2 {
	text-transform:uppercase;
	font-size:120%;
	color:#004483;
	margin:20px 0;
}

div.service h3 {
	font-size:90%;
	color:white;
	text-transform:uppercase;
	margin:20px 0;
}

.podgray	{
	padding:40px;
	BACKGROUND-COLOR: #758c04;
	color:white;
	line-height:100%
}

.ph {font-size:60px; line-height:55px;}
.ph a {color:#fff}

.line {
	float:right; 
	width:150px;
	color:#BCC39C;
	margin-top:5px
}



div.service .send {
	margin:25px 0;
}

div.service .send a {
	border:#fff 3px solid;
	padding:12px 35px;
	background-color:#758c04;
}

div.service .send a:hover	{
	border-color:#004483;
}

div.serv {
	background-color:#eee;
	padding:50px 100px;
}

div.serv h2 {
	font-size:150%;
	font-weight:100;
	margin:20px 0;
}

div.serv span.labe, div.serv label {
	color:gray;
	text-transform:uppercase;	
	font-size:80%;
	/*margin:0 0 0 10px;*/
}

.serv input[type=text], .serv textarea {
	width:580px;
	border:#ccc 1px solid;
	margin:0 0 20px 0;
	padding-left:10px;
}

.serv input {
	height:30px;
}


.serv input[type="submit"] {
	padding:12px 35px;
	background-color:#004483;
	width:250px;
	height:45px;
	border-radius:20px;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	cursor:pointer;
	outline:none;
	border-color:transparent;
}

.serv input[type="submit"]:hover	{
	background-color:#758c04;
}

.servs	{
  width: 245px;
  margin-right:20px;
  width:245px;
  /*height:431px;*/
  min-height:342px;
  background:url(../img/s0b.png) no-repeat bottom;
}
.servs:last-child	{
  margin-right:0;
}
.servs div {padding-top:7px}
.servs h3 {line-height:90%;font-size:120% !important; text-transform:none !important; text-align:center; text-shadow:2px 2px 2px gray;}
.servs ul { list-style:none; margin:0; padding:50px 2px 0 2px;}
.servs li {
	border-bottom:#ccc 1px solid;
	margin:5px 0;
	padding:2px;
	text-align:center;
}
.servs li:last-child {border:none}


.suz {width:150px; margin:20px auto}


/* Документы сервиса */

.filez h2 {
	margin:50px 0 !important;
	text-transform:uppercase;
}

.filez h3 {
	margin:20px 0 !important;
	font-weight:100;
	font-size:26px;
	line-height:25px;
}

/*.filez .news-item {
		height:400px !important;
		position:relative;
}*/

.filez .news-item .mask {
	height:100%;
	border:rgba(0,0,0,0.7) 123px solid;
   	box-sizing:border-box;
   	transition: all 0.4s ease-in-out;
}

.filez .news-item:hover .mask {
	opacity:1;
}

.filez .news-item .mask a	{
	top:40% !important;
	position:absolute;
	margin:0 -50px !important;
	padding-left:25px;
}

/* Фотогалерея */


.gal .news-item .mask, .gal .news-item img	{
	height: 200px;
}

.gal .news-item .mask {
	z-index:77;
}

.gal .stck {
	position:absolute;
	top:150px;
	left:0;
	width:150px;
	height:20px;
	background:#fff;
	z-index:1;
	zoom:1;
	color:gray;
	font-size:80%;
	text-transform:uppercase;
	padding:5px;
}

.gal .news-title {
	margin:5px 0;
}

.photo-info-box-inner>.newf div.news-item, #photo_list_bxph_list_0 div.news-item {
	height:auto !important;
	min-height: 210px !important;
}

.newf img {
	position:absolute;
	top: 0;
	left: 0;   
	opacity:1;
	cursor:pointer;
	z-index:7777;
}

.newf img:hover {
	opacity:0.2;
}

.newf .mask {
	position:inherit;
	background:#333;
}
.newf .mask  a {margin: -30% 0 0 -70%;position:inherit;top:inherit;left:inherit}

/* ОТЗЫВЫ КЛИЕНТОВ - 2 */


#logos .slides li  {
	padding:10px;
	width:200px;
	height:100px;
	box-sizing:border-box;
	border:#fff 3px solid;
	border-radius:10px;
	background:url(../img/ten_150.jpg) bottom no-repeat;
}

/*

#logos img {
	margin:auto;
	vertical-align:middle;
}
*/

.wrk #logos li.flex-active-slide {
	border-color:#758c04;
	background:none;
}

.wrk ul.slides {
	table-layout:fixed;
	display:table;
}

.wrk #logos .flex-direction-nav a {top:50%}

.wrk ul.flex-direction-nav {
	list-style:none;
}

/*.client .slides li img {
	margin:5px 0;
	opacity:0.7;
    transition: all 0.4s ease-in-out;
}


.client .slides li:hover img	{
	opacity:1;
 }
*/ 

.wrk #client li div {
	margin:40px 50px;
	box-sizing:border-box;
}

/*#client h2 {
	font-size:36px;
	font-weight:100;
	margin-bottom:40px;
}*/

/* ЛИЧНЫЙ КАБИНЕТ */

#modal_form.loginf {
	padding:70px 10px;
	box-sizing:border-box;
	background:none;
	height:350px;
	margin-top:-175px;
	left:30%;
}
.wrk #modal_form.loginf {left:50%;}

.inn {
	padding:50px 100px;
	box-sizing:border-box;
	background:#fff;
}

#modal_form.loginf #modal_title {
	width: 100px;
	height: 42px;
	position: absolute;
	top: 20px;
	left: 10px;
	cursor: pointer;
	display: block;
	font-size:36px;
	box-sizing:border-box;
}

#modal_form.loginf #modal_close {
	background: none;
	border:#fff 2px solid;
}

.wrk .legend {
	margin:20px 0;
	text-transform:uppercase;
}

/* Заявки */

.order-item {
	border-top:gray 1px solid;
	margin:20px 0;
	padding:20px;
}
/* Профиль */

.prof input[type="submit"] {border:none;margin:20px 0}


/* Подписка */

.radio {
	display:block-inline;
	line-height:15px;
	height:50px;
}

.subs input, .subs label {
	display:inline;
	width:auto;
	vertical-align:middle;
	margin:0 20px;
	width:50px;
	padding:0;
}

.subs table td {	padding:0;}

.subs input[type="submit"] {border:none;}

/* Корзина */

.cart-item-quantity input {
	border:#004483 3px solid;
	border-radius:22px;
	height:45px;
	width:90px;
	box-sizing:border-box;
	text-align:center;
	font-size:130%;
	color:#004483;
	outline:none;
}

.cart-item-quantity table td {
	padding:5px;
}
	
.submi	{
	margin:25px auto;
	width:300px;
	background:#004483 url(../img/submi1a.png);
	border:none;
	height:54px;
	cursor:pointer;
	color:white;
	text-transform:uppercase;
	padding:2px 0 0 40px;
	font-size:100%;
	outline:none;
}

.submi:hover	{
	background:#758c04 url(../img/submi2a.png);
}
	
h2#headsel {
	text-transform:uppercase;
}

.cart-minus-item, .cart-plus-item {
	cursor:pointer;
}

div.loginf h2 {
	font-size:150%;
	font-weight:100;
	margin:20px 0;
}

div.loginf span.labe, div.loginf label {
	color:gray;
	text-transform:uppercase;	
	font-size:80%;
	margin:0 0 0 10px;
}

.loginf input[type=text], input[type=password], .loginf textarea {
	width:100%;
	border:#ccc 1px solid;
	margin:0 0 20px 0;
	padding-left:10px;
}

.loginf input {
	height:30px;
}


.loginf input[type="submit"] {
	padding:12px 35px;
	background-color:#004483;
	width:250px;
	height:45px;
	border-radius:20px;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	cursor:pointer;
	outline:none;
	border-color:transparent;
}

.loginf input[type="submit"]:hover	{
	background-color:#758c04;
}

.loginf input[type="password"]	{
	width:100%;
}

.loginf .form-input {position:relative}
.loginf .form-input .description {position:absolute; top:15%; right:0; text-transform:uppercase; color:#758c04; font-size:80%}	

.serv .notetext {color:#758c04; /*position:absolute; top:70px;*/}


/* КОНТАКТЫ */

div#contact strong {
	font-size:120%;
	color:#004483;
}

div#contact table tr td:first-child {
	text-align:right;
}

div#contact h2 {
	text-transform:uppercase;
	font-size:120%;
	color:#004483;
	margin:20px 0;
}

div.proezd {
	cursor:pointer;
	border:#758c04 2px solid;
	border-radius:25px;
	width:200px;
	height:50px;
	box-sizing:border-box;
	padding:0 15px;
	background-color:#fff;
}

div.proezd:hover {
	border:#004483 2px solid;
	
}


/* АДАПТИВНОСТЬ */

#rezview {display:block; position:fixed;top:0;left:0;width:40px;height:20px; background-color:gray;color:white; opacity:0.7; padding:0;line-height:20px}

@media (max-width: 1600px) {
#scroller {
  right:4%;
}
}

@media (max-width: 1279px) {

	div.webkit {margin:auto}
	
.md-3	{
  margin-right:0;
}

nav.fixe {
	position:fixed;
	z-index:8888;
	opacity:0.8;
	background-color:#fff;
	top:0%;
	left:0%;
	right:0%;
}

.mmext {
	width:25%;
	position: fixed;
	display:none !important;
    z-index: 999;
    background-color:#eee;
    color: #000;
	height:100%;
	min-width:140px;
	max-width:1200px;
	overflow:hidden;
	left:auto;
	right:0;
	top:0;
	transform: translateX(100%);
}

.mmext ul {
	text-align:left;
	margin-left:20px;
}

.mmext img {
	float:right;
	margin:10px;
}

.mmext ul li {
	display:block;
	line-height:80%;
	border-radius:5px;
	box-sizing:border-box;
	margin-top:10px;
}
.mmext ul li.du {
	margin-left:10px;
}

.mmext ul li.du a {
	color:#aaa;
	font-size:80%;
}


body.up .mmext {
	display:block !important;
}

body.up {
	transform: translateX(-25%);
	transition: transform 0.5s ease-out 0.1s;
	border-left:black 1px solid;
}

#scroller {
	opacity:0.2; 
	bottom:50px;
 	border-radius:25px;
  	width: 47px;
  	height: 47px;
  	padding:10px 7px;
  	right:5%;
}

#scroller:hover {opacity:0.2}

#scroller div {display:none}


/* СЕТКА */

body {
    font-family: 'Roboto Condensed', Roboto, Helvetica, sans-serif;
    text-decoration: none;
    /*font-size: 20px;
	line-height: 25px;*/
	min-width:800px;
}
nav,footer {width:100%;clear: both;}

.roww {text-align:center}
.roww:after {content:" ";display:block}
nav .roww {text-align:left}

.col {
  min-width:40px;
  display : inline-block;
  text-align:center;
  float:none;
  vertical-align:top;
}

footer .col {display : block; margin: 0 auto !important}

section, .layer	{
	line-height:25px;
}

section	{
	padding: 20px 0;
}

.layer p {
  margin-bottom: 7px;
}

.wrapper {
  	padding-right: 7px;
  	padding-left: 7px;
	width: 100%;
	text-align:center;
	box-sizing:border-box;
}

section:not(.sp1) h2 {text-align:left; margin:10px}
section:not(.sp1) h3 {text-align:left}

.parallax	{
  background: none;
}

section.sp1 {
	border-top:#eee 1px solid;
	padding-top:50px;
}

/* ШАПКА -800*/

button.mmenu {
	background:url(../img/menu-icon.png);
	border:none;
	outline:none;
	cursor:pointer;
	width:40px;
	height:40px;
	margin:20px 20px 0 10px;
}
.desktop {display:none !important}
.mobile {display:block}
.mobile.mm {
	display:none;
	position:fixed;
	top:0;
	right:0;
	background:#eee;
	padding:5px;
	z-index:7777;
	width:200px;
	
}
.mobile.mm button {
	position:absolute;
	top:0;
	right:0;
}

.mobile.mm img {
	position:absolute;
	top:5px;
	right:5px;
}

.mobile.mm li {display:block; margin:5px}


.flexslider ul.slides li	{
	height:250px;
	padding:10px 0;
	box-sizing:border-box;
	background-size: auto 100%;
	background-repeat:no-repeat;
}

.flexslider .h2	{text-shadow: 1px 1px 2px black}

.flexslider ol li	{
	margin:0 2%;
}

.flexslider ul.slides div {
	margin:10px;
}

.flex-direction-nav {display:none !important}
.flex-direction-nav:hover {display:none}

/*.flex-control-nav li div {font-size:15px !important}*/

ul.icons {margin:10px 0 0 0}

ul.pmenu {display:none}
ol.flex-control-thumbs li {width:20px; height:20px; overflow:hidden; background-color:#000; border:#fff 1px solid; outline:#000 1px solid}
ol.flex-control-thumbs li img {width:auto; height:100%; opacity:0.1}
ol.flex-control-thumbs li<img.flex-active {border:white 1px solid; outline:#fff 1px solid;}

ol.flex-control-thumbs li div {display:none}
ul.pmenu li a	{width:200px}
ul.pmenu li div	{display:none !important}
.eas:hover { background:url(../img/picon_eas1.png) top no-repeat}
.mdg:hover { background:url(../img/picon_mdg1.png) top no-repeat}
.tags:hover { background:url(../img/picon_tags1.png) top no-repeat}
.xtrim:hover { background:url(../img/picon_xtrim1.png) top no-repeat}
.cctv:hover { background:url(../img/picon_cctv1.png) top no-repeat}
.safer:hover { background:url(../img/picon_safer1.png) top no-repeat}
ul.slides div {text-align:left}
ul.slides div.zakaz {text-align:center}

/* Калькулятор - 800 */

#modal_form {
	width: 700px; 
	height: 690px; /* Размеры должны быть фиксированы */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -345px;
	margin-left: -350px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
}

#modal_form span, 
#modal_video span 
{
	font-size:20px;
}

#modal_video {
	width: 700px; 
	height: 550px; /* Размеры должны быть фиксированы */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -345px;
	margin-left: -350px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
}

#ifr {
	width:700px;
	height:395px;
}

#modal_video #modal_title {
	width: 100px;
	height: 42px;
	top: 20px;
	left: 10px;
	font-size:36px;
}

#modal_video #modal_close2 {
	background: none;
	border:#fff 2px solid;
	right:-10px;
}

.ind {
	height:4px; 
	border-radius:2px; 
	background:#fff; 
	width:80%;
	margin:8px 0;
}

#modal_form form .col	{
	text-align:left;
}

#country {margin:20px 0}
#country .roww {
	margin:4px 0;
}

#cl1 {padding-top:100px}
#cl1 div {width:130px;height:130px;border-radius:65px;border:#6fa5c3 3px solid;padding:30px;box-sizing:border-box}
#cl2 {padding-top:25px;}

form.calc select {right:0;}

.mask a	{
	width:100px;
	height:41px;
	border-radius:20px;
	padding:10px 20px;
	margin:-5px 0 0 -15px;
	font-size:70%;
}

.top1 .mask a	{
	margin:0;
	left:33%;
}


/* РЕШЕНИЯ - 800*/

.solv .md-4 {
	argin:20px !important;
}

.solv .roww {
	margin-bottom:0 !important;
	width:100%;
}
.solv .m40 {text-align:center}
.solv .m40 h3 {margin:10px auto;}
.solv .m40 a {margin:20px auto;}


#client li div {margin:20px 50px}

/* ВТОРЫЕ АДАПТИВ */

.breadcrumb {margin-bottom:0px; font-weight:bold}
.breadcrumb a:last-child {display:inline}
.breadcrumb span {display: inline}
section.sp1 {padding-top:5px; border-top:none}

.left-menu {display:none;width:82%; margin:10px auto}
#pmenu-div, #left-menu-div, #element-filter-div {position:relative; width:100%}
.left-menu-button, .pmenu-button, .element-filter-button {padding:14px; border:lightgray 1px solid; width:89%; cursor:pointer; margin:5px auto}
.pmenu-close, .element-filter-close, .left-menu-close {width:40px; height:40px; position:absolute; left:91%; z-index:777; border:#ccc 1px solid; display:none; cursor:pointer;padding:5px; box-sizing:border-box;
                        background: url('../img/close-bl.png') center center no-repeat;}
.element-filter-button span {color:red}
.element-filter {display:none; margin-top:10px}
.element-filter-reset {width:60px; height:40px; position:absolute; left:-5%; z-index:777; border:#ccc 1px solid; display:none; cursor:pointer;padding:5px; box-sizing:border-box}

.wrk {margin-left:0}
.wrk p {width:90%; text-align:left; margin:10px auto}
.wrk img {max-width:100%;min-width:20px;}
.cart-items img {max-width:inherit}
.job img {max-width:inherit;min-width:inherit;}
.cart-item-name ul,.cart-item-name p,.cart-item-name div:not(.news-detail) {display:none !important}

.wrk ul:not(.slides) { text-align:left; display:table; margin:10px auto; max-width:90%}
.wrk table td {text-align:left}
.wrk table:not(.sale) {width:80%; margin:10px auto;}
.welcm p {text-align:left}

.bordur	{PADDING: 10px;	margin:0 auto;}

h1#pagetitle {text-align:center; margin:10px auto}

div.left, div.wrk {width:90%; float:none}

.smartfilter .filtren, .smartfilter .vieweditems {width:100%}
.smartfilter ul li {float:left}
.smartfilter .filtren label {width:150px; text-align:left;}
.smartfilter .filtren label:before {content:""; display:none}
.smartfilter .filtren input[type="checkbox"]:checked + label {background-color:#eee}
.smartfilter .filtren input[type="checkbox"]:checked + label:after {content: " \2716";color: #004483;}
.smartfilter .filtren a.reb {display:none}
li.lvl1 {width:100%}
.smartfilter input[type="submit"] {display:none}

.elist .newz {overflow:hidden; text-align:center; margin:0 auto; width:95%}
.elist .newz div.news-item {display:inline-block;float: none;}
.elist .news-list:before {
    display: table;
    content: " ";
    box-sizing: border-box;
}
table.birka td {
	padding:5px;
}
table.birka {
	width:90%;
}

.tech {
	padding: 7px 3px;      
}
div.catalog-item {width:90%; margin:0 auto}
.catalog-item .roww, .catalog-item .col {text-align:left; vertical-align:top}

div.catalog-item-info { width:200px;  margin:0 auto; float:none }

div.catalog-item-links { border:#ccc 1px solid; padding:10px 10px 10px 30px}
div.catalog-item-links a { margin:0 auto}


div.catalog-item-image {float: none; overflow:visible}

div.catalog-item .catalog-item-desc { width: 70%; min-width:320px; margin:0 auto; float:none }

.catalog-detail-buttons {margin: 1.5em auto; width:104px}
 
.gal,.newf {
	overflow:hidden;
	width:90%;
	margin:0 auto !important;
	text-align:center
}

.gal .news-item {float:none !important; display:inline-block !important; min-height:inherit !important}
.photo-info-box-inner>.newf div.news-item img, #photo_list_bxph_list_0 div.news-item img {left:0 !important;}
.photo-info-box-inner>.newf div.news-item, #photo_list_bxph_list_0 div.news-item {
	display:inline-block !important;
	float:none !important
}

.flex-active-slide h2 {text-align:left}
.news-detail1 table, .news-detail table {float:none}

div.service .send, .welcm .send {margin:25px auto}

.serv label {display:block}

.serv input[type="text"], .serv input[type="password"], .serv input[type="email"], .serv textarea {
	width:90% !important;
	max-width:580px;
	min-width:250px;
}
.subs td span {display:none}
div.serv {padding:20px;}
.subs table, .subs label {width:auto}
div.serv span.labe {margin:20px 0 10px 0;display:block}
.radio {height:auto}

.form-input img {display:block !important; margin:5px auto; float:none}

.wrk #modal_form.loginf {left:50%;}

.city {
	display:block;
	margin:5px auto
}

div.mapz>ymaps {margin:0 auto; width:100% !important}

.line {float:none; margin:5px auto}


}

@media (max-width: 779px) {
.mmext {
	width:50%;
}
body.up {
	transform: translateX(-50%);
}

body {
	min-width:480px;
}
.md-4, .md-6 {width:380px}

footer .transb {margin: 0 10px; white-space:nowrap}
.wrapper {
	/*width: 480px;*/
	padding:0;
}
#logo {margin:15px; width:150px}
ul.pmenu {/*width:480px*/}
.flexslider {font-size:70% !important}
.flex-control-nav {bottom:5px !important}
.flex-control-nav li div {line-height:15px !important;font-size:70% !important}

.topa:hover .flex-direction-nav {display:none}
.hda {margin:5% !important; width:90%;}
.flexslider ul.slides li {height:180px}

#cl1,#cl2 {padding-top:25px; float:none; width:90%;padding:10px 5px 0 15px; text-align:left }
#cl1 div {height:50px; border-radius:0; padding:7px 40px;}
#cl1 label {display: inline; white-space:nowrap; overflow:visible; margin-left:50px}
#cl2 font {display:none}
#country {display:none}
#brate {margin-left:0}
#modal_form {
	width: 95%;
	padding:0;
	margin:10px;
	height:auto;
	top:0 !important;
	left:0 !important;
}
.wrk #modal_form.loginf {top:30% !important}

#modal_form form {max-width:600px; text-align:left; }

form.calc input[type=text]	{
	border:#227FA9 1px solid;
}
form.calc #dsel	{
	border:#227FA9 1px solid;
}

.newv div {float:none !important; }

#modal_video {
	width: 480px; 
	height: 378px; /* Размеры должны быть фиксированы */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 40%; /* половина экрана слева */
	margin-top: -240px;
	margin-left: -190px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
}

#ifr {
	width:480px;
	height:271px;
}


.md-8 {width:480px; margin:0 !important}

div.catalog-item-title { float:none}
div.catalog-item .lbl {float:none; margin:0}
div.catalog-item-links { float: none; margin:20px auto}
div.catalog-item-desc, div.catalog-item-info { text-align:left}
.catalog-item .roww, .catalog-item .col {text-align:center; }

div.rvrez, div.left, div.right {float:none; width:80% !important; margin:0 auto !important}

div.catalog-detail-full-desc { padding:30px 20px;}


.service .roww {width:300px;margin:auto; text-align:center}
.servs {margin:10px}

.bx-viewer-close {
	top: 15px;
	right: 20px;
}

.news-detail img {float:none !important; margin:20px auto !important; display:block;}
.wrk .news-detail table td {text-align:center}
.wrk .news-detail div {float:none !important; margin:20px auto}

.ph {font-size:40px; line-height:45px}

}

@media (max-width: 480px) {
.mmext {
	width:100%;
}
body.up {
	transform: translateX(-100%);
}
body {
	min-width:320px;
}
.wrapper {
	/*width: 320px;*/
}
#logo {margin:20px 10px 0; width:100px}
#logo img {width:100%}
nav {padding:0 !important}
.left {width:100% !important; margin-right:0}
.catalog-item-sorting {width:320px}
.catalog-item-sorting label {display:block}
ul.pmenu {/*width:320px*/}

li.srch {display:none}

.none360 {display:none}
.flex-control-nav li div {line-height:15px !important;font-size:70% !important}

#cl1,#cl2 {float:none; width:300px;padding:5px; }
#cl2 {text-align:center}
#brate {margin-left:0}
#modal_form {
	width: 320px;
	padding:0;
	margin:0;
	top:0 !important;
	left:0 !important;
}
#moda {
	font-size:50% !important;
}

/* ТОП КАТАЛОГА - 479 */

div.zakaz	{margin:10px 0 70px !important}
.md-4,.md-6,.md-8 {width:300px}
.md-5 {width:auto}

.solv .hd {
	width: 260px;
	margin:20px;
}

#modal_video {
	width: 320px; 
	height: 252px; /* Размеры должны быть фиксированы */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 40%; /* половина экрана слева */
	margin-top: -160px;
	margin-left: -126px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
}

#ifr {
	width:320px;
	height:181px;
}

.newv .news-item {width:245px !important}
.bm {width:100%}
.navselect, .addr {text-align:left; float:none; margin:0 auto}
div.all { width:30px; height:30px; overflow:hidden; border:gray 1px solid; border-radius:16px; margin:-7px 10px 0 0; position:relative}
div.all a { position:absolute; right:5px;white-space:nowrap}

.bx-viewer-cap-wrap img{
	width: 100% !important;
	height: inherit !important;
}

.ph {font-size:20px; line-height:15px}

.tabNavigation li {padding: 0 10px;}
.solv .md-4 {margin:10px !important}
}


@media (max-width: 400px) {
	ul.icons li {margin-left: 4px;}
	button.mmenu {
	margin: 20px 7px 0 4px;
}
}


@media (max-width: 320px) {
#logo {margin-right:5px}
button.mmenu {
	width:40px;
	height:40px;
	margin:20px 5px 0 5px;
}
}


@media (min-width: 1280px) {
.wrapper { width: 1180px;}
.mobile {display:none !important}
}


/*
 ==========================================================================
   Author's custom styles
   #004483 син
   #758c04 зел
   ========================================================================== */