/* Боковой модуль со всплытием и информацией */
/* Класс модуля - sidebar-info */

/* Блоки 1 2 3 nav, nav-dva, nav-tri */
.sidebar-info .navs,
.sidebar-info .nav-dva,
.sidebar-info .nav-tri,
.sidebar-info .nav-chetyre,
.sidebar-info .nav-pyat {
    width: 420px;
    min-width: 420px;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    right: -420px;
    padding: 15px 20px;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
    /* background: #16a085; */
	background: linear-gradient(90deg,#304759 15%,#416280 30%,#2f385b 70%,#21316f) !important;
    z-index: 2000;
}
	/**
 * Кнопка переключения панели
 * тег <label>
 */
.sidebar-info .navs-toggle,
.sidebar-info .nav-dva-toggle,
.sidebar-info .nav-tri-toggle,
.sidebar-info .nav-chetyre-toggle,
.sidebar-info .nav-pyat-toggle {
  position: absolute;
  top: 350px;
  right: 420px;
  padding: 13px 16px;
  color: transparent;
  cursor: pointer;
  font-size: 1.2em;
  line-height: 1;
  z-index: 99999999999999999999999999999999999999999;
  -webkit-transition: color .25s ease-in-out;
  -moz-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
  width: 60px;
  height: 60px;
background: -webkit-gradient(linear,left top,right top,color-stop(15%,#9801c9e0),color-stop(30%,#6227af),color-stop(70%,#f37e2b ),to(#f1c642)) !important;
background: -webkit-linear-gradient(left,#9801c9e0 15%,#6227af 30%,#f37e2b 70%,#f1c642) !important;
background: -o-linear-gradient(left,#9801c9e0 15%,#6227af 30%,#f37e2b 70%,#f1c642) !important;
background: linear-gradient(90deg,#253746 15%,#222d57 30%,#4d5162 70%,#22294f) !important;
  opacity: 9;
  overflow: hidden;
  border-radius: 1px;
  border-top: none;
}
@media (max-width: 499px) {
.sidebar-info .navs,
.sidebar-info .nav-dva,
.sidebar-info .nav-tri,
.sidebar-info .nav-chetyre,
.sidebar-info .nav-pyat {
    width: 320px;
    min-width: 320px;
    right: -320px;
}	
.sidebar-info .navs-toggle,
.sidebar-info .nav-dva-toggle,
.sidebar-info .nav-tri-toggle,
.sidebar-info .nav-chetyre-toggle,
.sidebar-info .nav-pyat-toggle {
  right: 320px;
}
} 
	
.sidebar-info .navs-toggle:hover,
.sidebar-info .nav-dva-toggle:hover,
.sidebar-info .nav-tri-toggle:hover,
.sidebar-info .nav-chetyre-toggle:hover,
.sidebar-info .nav-pyat-toggle:hover {

background: -webkit-gradient(linear,left top,right top,color-stop(15%,#9801c9e0),color-stop(30%,#6227af),color-stop(70%,#f37e2b ),to(#f1c642)) !important;
background: -webkit-linear-gradient(left,#9801c9e0 15%,#6227af 30%,#f37e2b 70%,#f1c642) !important;
background: -o-linear-gradient(left,#9801c9e0 15%,#6227af 30%,#f37e2b 70%,#f1c642) !important;
background: linear-gradient(90deg,#304759 15%,#416280 30%,#2f385b 70%,#21316f) !important;
}
.sidebar-info .nav-dva-toggle {
  top: 410px;
  border-top: 1px solid white;
}
.sidebar-info .nav-tri-toggle {
  top: 470px;
  border-top: 1px solid white;
}
.sidebar-info .nav-chetyre-toggle {
  top: 530px;
  border-top: 1px solid white;
}
.sidebar-info .nav-pyat-toggle {
  top: 590px;
  border-top: 1px solid white;
}
/* определяем текст кнопки 
 * символ Unicode (TRIGRAM FOR HEAVEN)
*/
.sidebar-info .navs-toggle:after,
.sidebar-info .nav-dva-toggle:after,
.sidebar-info .nav-tri-toggle:after,
.sidebar-info .nav-chetyre-toggle:after,
.sidebar-info .nav-pyat-toggle:after {
		content: '\2630';
		text-decoration: none;
	}
.sidebar-info .navs-toggle:hover,
.sidebar-info .nav-dva-toggle:hover,
.sidebar-info .nav-tri-toggle:hover,
.sidebar-info .nav-chetyre-toggle:hover,
.sidebar-info .nav-pyat-toggle:hover{
		opacity: 0.7;
		color: transparent;
		/* background-image: url(/images/znachki/call.png); */
		background: grey;
	}
.sidebar-info:hover .navs-toggle,
.sidebar-info:hover .nav-dva-toggle,
.sidebar-info:hover .nav-tri-toggle,
.sidebar-info:hover .nav-chetyre-toggle,
.sidebar-info:hover .nav-pyat-toggle{
  width: 220px;
  transition-duration: .3s;
  transition: all .5s;
  opacity: 9;
}
.sidebar-info .navs-toggle i,
 .sidebar-info .nav-dva-toggle i, 
 .sidebar-info .nav-tri-toggle i, 
 .sidebar-info .nav-chetyre-toggle i,
 .sidebar-info .nav-pyat-toggle i {
  z-index: 99999999;
  position: relative;
  width: 60px;
  height: 60px;
  color: white;
  font-size: 32px;
  float: left;
}
.sidebar-info .navs-toggle img,
.sidebar-info .nav-dva-toggle img,
.sidebar-info .nav-tri-toggle img,
.sidebar-info .nav-chetyre-toggle img, 
.sidebar-info .nav-pyat-toggle img {
  width: 60px;
  margin-right: 13px;
  max-width: 290px;
  float: left;
}
.sidebar-info  .navs-toggle .span-bloka,
.sidebar-info  .nav-dva-toggle .span-bloka,
.sidebar-info  .nav-tri-toggle .span-bloka,
.sidebar-info  .nav-chetyre-toggle .span-bloka,
.sidebar-info  .nav-pyat-toggle .span-bloka {
font-size: 14px;font-family: 'Open Sans', sans-serif;font-weight: 500;color: white;text-shadow: 0px 1px black;
}
.sidebar-info :hover .span-bloka {
  display: block;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: white;
  font-weight: 500;
}	
.sidebar-info .span-bloka a {
	color: white !important;
}	
	/**
 * Скрытый чекбокс (флажок)
 * невидим и недоступен :)
 * имя селектора атрибут флажка
 */
	[id='navs-toggle'] {
		position: absolute;
		display: none;
	}
	[id='nav-dva-toggle'] {
		position: absolute;
		display: none;
	}
	[id='nav-tri-toggle'] {
		position: absolute;
		display: none;
	}
	[id='nav-chetyre-toggle'] {
		position: absolute;
		display: none;
	}
	[id='nav-pyat-toggle'] {
		position: absolute;
		display: none;
	}
	/**
 * изменение положения переключателя 
 * при просмотре на мобильных устройствах
 * когда навигация раскрыта, располагаем внутри панели
*/
[id="navs-toggle"]:checked ~ .navs > .navs-toggle {
    left: auto;
	width: 125px !important;
    right: 2px;
    top: 1em;
    background: transparent !important;
	height: 80px;
    border: none;
}
[id="navs-toggle"]:checked ~ .navs > .navs-toggle img{
    display: none !important;
}
[id="navs-toggle"]:checked ~ .navs > .navs-toggle i{
    display: none !important;
}
[id="navs-toggle"]:checked ~ .navs > .navs-toggle .span-bloka {
    display: none !important;
}

/* Навигиация */

[id="nav-dva-toggle"]:checked ~ .nav-dva > .nav-dva-toggle {
    left: auto;
	width: 125px !important;
    right: 2px;
    top: 1em;
    background: transparent !important;
	height: 80px;
    border: none;
}
[id="nav-dva-toggle"]:checked ~ .nav-dva > .nav-dva-toggle img{
    display: none !important;
}
[id="nav-dva-toggle"]:checked ~ .nav-dva > .nav-dva-toggle i{
    display: none !important;
}
[id="nav-dva-toggle"]:checked ~ .nav-dva > .nav-dva-toggle .span-bloka {
    display: none !important;
}

/* Навигиация */

[id="nav-tri-toggle"]:checked ~ .nav-tri > .nav-tri-toggle {
    left: auto;
	width: 125px !important;
    right: 2px;
    top: 1em;
    background: transparent !important;
	height: 80px;
    border: none;
}
[id="nav-tri-toggle"]:checked ~ .nav-tri > .nav-tri-toggle img{
    display: none !important;
}
[id="nav-tri-toggle"]:checked ~ .nav-tri > .nav-tri-toggle i{
    display: none !important;
}
[id="nav-tri-toggle"]:checked ~ .nav-tri > .nav-tri-toggle .span-bloka {
    display: none !important;
}

/* Навигиация */

[id="nav-chetyre-toggle"]:checked ~ .nav-chetyre > .nav-chetyre-toggle {
    left: auto;
	width: 125px !important;
    right: 2px;
    top: 1em;
    background: transparent!important;
	height: 80px;
    border: none;
}
[id="nav-chetyre-toggle"]:checked ~ .nav-chetyre > .nav-chetyre-toggle img{
    display: none !important;
}
[id="nav-chetyre-toggle"]:checked ~ .nav-chetyre > .nav-chetyre-toggle i{
    display: none !important;
}
[id="nav-chetyre-toggle"]:checked ~ .nav-chetyre > .nav-chetyre-toggle .span-bloka {
    display: none !important;
}

/* Навигиация */

[id="nav-pyat-toggle"]:checked ~ .nav-pyat > .nav-pyat-toggle {
    left: auto;
	width: 125px !important;
    right: 2px;
    top: 1em;
    background: transparent !important;
	height: 80px;
    border: none;
}
[id="nav-pyat-toggle"]:checked ~ .nav-pyat > .nav-pyat-toggle img{
    display: none !important;
}
[id="nav-pyat-toggle"]:checked ~ .nav-pyat > .nav-pyat-toggle i{
    display: none !important;
}
[id="nav-pyat-toggle"]:checked ~ .nav-pyat > .nav-pyat-toggle .span-bloka {
    display: none !important;
}

	/**
 * Когда флажок установлен, открывается панель
 * используем псевдокласс:checked
 */
[id='navs-toggle']:checked~.navs {
		right: 0;
		z-index: 99999999999;
		box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		overflow-y: auto;
}

[id='nav-dva-toggle']:checked~.nav-dva {
		right: 0;
		z-index: 99999999999;
		box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		overflow-y: auto;
}

[id='nav-tri-toggle']:checked~.nav-tri {
		right: 0;
		z-index: 99999999999;
		box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		overflow-y: auto;
}
[id='nav-chetyre-toggle']:checked~.nav-chetyre {
		right: 0;
		z-index: 99999999999;
		box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		overflow-y: auto;
}
[id='nav-pyat-toggle']:checked~.nav-pyat {
		right: 0;
		z-index: 99999999999;
		box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.5);
		overflow-y: auto;
}
	/* 

	/*
 * изменение символа переключателя,
 * вы можете использовать любой другой значок
*/
[id="navs-toggle"]:checked ~ .navs > .navs-toggle::after {
    content: '\2715';
    color: #f4f0f0;
    left: 70px;
    position: relative;
    border: 1px solid white;
    font-size: 30px;
    padding: 4px;
}

[id="nav-dva-toggle"]:checked ~ .nav-dva > .nav-dva-toggle::after {
    content: '\2715';
    color: #f4f0f0;
    left: 70px;
    position: relative;
    border: 1px solid white;
    font-size: 30px;
    padding: 4px;
}

[id="nav-tri-toggle"]:checked ~ .nav-tri > .nav-tri-toggle::after {
    content: '\2715';
    color: #f4f0f0;
    left: 70px;
    position: relative;
    border: 1px solid white;
    font-size: 30px;
    padding: 4px;
}
[id="nav-chetyre-toggle"]:checked ~ .nav-chetyre > .nav-chetyre-toggle::after {
    content: '\2715';
    color: #f4f0f0;
    left: 70px;
    position: relative;
    border: 1px solid white;
    font-size: 30px;
    padding: 4px;
}
[id="nav-pyat-toggle"]:checked ~ .nav-pyat > .nav-pyat-toggle::after {
    content: '\2715';
    color: #f4f0f0;
    left: 70px;
    position: relative;
    border: 1px solid white;
    font-size: 30px;
    padding: 4px;
}
	/**
 * профиксим баг в Android <= 4.1.2
 */
	.sidebar-info body {
		-webkit-animation: bugfix infinite 1s;
	}
	@-webkit-keyframes bugfix {
		to {
			padding: 0;
	}
}
	@media screen and (max-width: 320px) {
		.sidebar-info .navs {
			width: 100%;
			box-shadow: none
		}
		.sidebar-info .nav-dva {
			width: 100%;
			box-shadow: none
		}
		.sidebar-info .nav-tri {
			width: 100%;
			box-shadow: none
		}
		.sidebar-info .nav-chetyre {
			width: 100%;
			box-shadow: none
		}
		.sidebar-info .nav-pyat {
			width: 100%;
			box-shadow: none
		}
	}
	/**
 * Формируем стиль заголовка (логотип) панели 
*/
	.sidebar-info .navs h2,
	.sidebar-info .nav-dva h2,
	.sidebar-info .nav-tri h2,
	.sidebar-info .nav-chetyre h2,
	.sidebar-info .nav-pyat h2 {
		width: 80%;
		padding: 0;
		margin: 10px auto;
		text-align: center;
		text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
		font-size: 1.3em;
		line-height: 1.3em;
		opacity: 0;
		color: #dadada;
		text-decoration: none;
		text-transform: uppercase;
		transform: scale(0.1, 0.1);
		-ms-transform: scale(0.1, 0.1);
		-moz-transform: scale(0.1, 0.1);
		-webkit-transform: scale(0.1, 0.1);
		transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-webkit-transform-origin: 0% 0%;
		transition: opacity 0.8s, transform 0.8s;
		-ms-transition: opacity 0.8s, -ms-transform 0.8s;
		-moz-transition: opacity 0.8s, -moz-transform 0.8s;
		-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	}
	/*плавное появление заголовка (логотипа) при раскрытии панели */
	[id='navs-toggle']:checked~.navs h2 {
		opacity: 1;
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}
	[id='nav-dva-toggle']:checked~.nav-dva h2 {
		opacity: 1;
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}
	[id='nav-tri-toggle']:checked~.nav-tri h2 {
		opacity: 1;
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}
	[id='nav-chetyre-toggle']:checked~.nav-chetyre h2 {
		opacity: 1;
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}
	[id='nav-pyat-toggle']:checked~.nav-pyat h2 {
		opacity: 1;
		transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}
	/**
 * формируем непосредственно само меню
 * используем неупорядоченный список для пунктов меню
 * прикрутим трансфомации и плавные переходы
 */
	.sidebar-info .navs>ul ,
	.sidebar-info .nav-dva>ul,
	.sidebar-info .nav-tri>ul,
	.sidebar-info .nav-chetyre>ul,
	.sidebar-info .nav-pyat>ul {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.sidebar-info .navs>ul>li,
    .sidebar-info .nav-dva>ul>li,
    .sidebar-info .nav-tri>ul>li,
    .sidebar-info .nav-chetyre>ul>li,
    .sidebar-info .nav-pyat>ul>li	{
		line-height: 2.5;
		opacity: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
		-moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
		-ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
		transition: opacity .5s .1s, transform .5s .1s;
	}
	[id='navs-toggle']:checked~.navs>ul>li {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	[id='nav-dva-toggle']:checked~.nav-dva>ul>li {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	[id='nav-tri-toggle']:checked~.nav-tri>ul>li {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	[id='nav-tri-toggle']:checked~.nav-chetyre>ul>li {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	[id='nav-tri-toggle']:checked~.nav-pyat>ul>li {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	/* определяем интервалы появления пунктов меню */
.sidebar-info .navs>ul>li:nth-child(2),
.sidebar-info .nav-dva>ul>li:nth-child(2),
.sidebar-info .nav-tri>ul>li:nth-child(2),
.sidebar-info .nav-chetyre>ul>li:nth-child(2),
.sidebar-info .nav-pyat>ul>li:nth-child(2)	{
		-webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
		transition: opacity .5s .2s, transform .5s .2s;
	}
.sidebar-info .navs>ul>li:nth-child(3),
.sidebar-info .nav-dva>ul>li:nth-child(3),
.sidebar-info .nav-tri>ul>li:nth-child(3),
.sidebar-info .nav-chetyre>ul>li:nth-child(3),
.sidebar-info .nav-pyat>ul>li:nth-child(3)	{
		-webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
		transition: opacity .5s .3s, transform .5s .3s;
	}
.sidebar-info .navs>ul>li:nth-child(4),
.sidebar-info .nav-dva>ul>li:nth-child(4),
.sidebar-info .nav-tri>ul>li:nth-child(4),
.sidebar-info .nav-chetyre>ul>li:nth-child(4),
.sidebar-info .nav-pyat>ul>li:nth-child(4)	{
		-webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
		transition: opacity .5s .4s, transform .5s .4s;
	}
.sidebar-info .navs>ul>li:nth-child(5),
.sidebar-info .nav-dva>ul>li:nth-child(5),
.sidebar-info .nav-tri>ul>li:nth-child(5),
.sidebar-info .nav-chetyre>ul>li:nth-child(5),
.sidebar-info .nav-pyat>ul>li:nth-child(5)	{
		-webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
		transition: opacity .5s .5s, transform .5s .5s;
	}
.sidebar-info .navs>ul>li:nth-child(6),
.sidebar-info .nav-dva>ul>li:nth-child(6),
.sidebar-info .nav-tri>ul>li:nth-child(6),
.sidebar-info .nav-chetyre>ul>li:nth-child(6),
.sidebar-info .nav-pyat>ul>li:nth-child(6)	{
		-webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
		transition: opacity .5s .6s, transform .5s .6s;
	}
.sidebar-info .navs>ul>li:nth-child(7),
.sidebar-info .nav-dva>ul>li:nth-child(7),
.sidebar-info .nav-tri>ul>li:nth-child(7),	
.sidebar-info .nav-chetyre>ul>li:nth-child(7),
.sidebar-info .nav-pyat>ul>li:nth-child(7) {
		-webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
		transition: opacity .5s .7s, transform .5s .7s;
	}
	/**
 * оформление ссылок пунктов меню
 */
.sidebar-info .navs>ul>li>a,
.sidebar-info .nav-dva>ul>li>a ,
.sidebar-info .nav-tri>ul>li>a,
.sidebar-info .nav-chetyre>ul>li>a, 
.sidebar-info .nav-pyat>ul>li>a  {
		display: inline-block;
		position: relative;
		padding: 0;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 1.2em;
		color: #dadada;
		width: 100%;
		text-decoration: none;
		/* плавный переход */
		-webkit-transition: color .5s ease, padding .5s ease;
		-moz-transition: color .5s ease, padding .5s ease;
		transition: color .5s ease, padding .5s ease;
	}
	/**
 * состояние ссылок меню при наведении
 */
	.sidebar-info .navs>ul>li>a:hover,
	.sidebar-info .navs>ul>li>a:focus ,
	.sidebar-info .nav-dva>ul>li>a:hover,
	.sidebar-info .nav-dva>ul>li>a:focus ,
	.sidebar-info .nav-tri>ul>li>a:hover,
	.sidebar-info .nav-tri>ul>li>a:focus,
    .sidebar-info .nav-chetyre>ul>li>a:hover,
	.sidebar-info .nav-chetyre>ul>li>a:focus,
    .sidebar-info .nav-pyat>ul>li>a:hover,
	.sidebar-info .nav-pyat>ul>li>a:focus	{
		color: white;
		padding-left: 15px;
	}
	/**
 * линия подчеркивания ссылок меню
 */
.sidebar-info .navs>ul>li>a:before,
.sidebar-info .nav-dva>ul>li>a:before,
.sidebar-info .nav-tri>ul>li>a:before,
.sidebar-info .nav-chetyre>ul>li>a:before,
.sidebar-info .nav-pyat>ul>li>a:before	{
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		height: 1px;
		width: 100%;
		-webkit-transition: width 0s ease;
		transition: width 0s ease;
	}
.sidebar-info .navs>ul>li>a:after,
.sidebar-info .nav-dva>ul>li>a:after,
.sidebar-info .nav-tri>ul>li>a:after, 
.sidebar-info .nav-chetyre>ul>li>a:after,
.sidebar-info .nav-pyat>ul>li>a:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 1px;
		width: 100%;
		background: #3bc1a0;
		-webkit-transition: width .5s ease;
		transition: width .5s ease;
	}
	/**
 * анимируем линию подчеркивания 
 * ссылок при наведении
 */
.sidebar-info .navs>ul>li>a:hover:before,
.sidebar-info .nav-dva>ul>li>a:hover:before,
.sidebar-info .nav-tri>ul>li>a:hover:before,
.sidebar-info .nav-chetyre>ul>li>a:hover:before,
.sidebar-info .nav-pyat>ul>li>a:hover:before {
		width: 0%;
		background: #3bc1a0;
		-webkit-transition: width .5s ease;
		transition: width .5s ease;
	}
.sidebar-info .navs>ul>li>a:hover:after,
.sidebar-info .nav-dva>ul>li>a:hover:after,
.sidebar-info .nav-tri>ul>li>a:hover:after,
.sidebar-info .nav-chetyre>ul>li>a:hover:after,
.sidebar-info .nav-pyat>ul>li>a:hover:after {
		width: 0%;
		background: transparent;
		-webkit-transition: width 0s ease;
		transition: width 0s ease;
	}
	* {
		box-sizing: border-box;
	}
	
	/**
	/* изменяем полоcу прокрутки */
	.sidebar-info::-webkit-scrollbar {
		width: .65em;
	}
	.sidebar-info::-webkit-scrollbar-track {
		background-color: rgba(217, 217, 217, 0.75);
	}
	.sidebar-info::-webkit-scrollbar-thumb {
		background: rgba(170, 170, 170, 0.6);
		border-radius: 5px;
		box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07);
	}	
	/* Медиа-запросы боковое меню */
	
@media (max-width: 767px) {
/* 1 */
.sidebar-info .navs-toggle {
    top: 270px !important;
    left: -60px;
	height: 70px !important;
    }
	[id="navs-toggle"]:checked ~ .navs > .navs-toggle::after {
    left: 0;
    top: 40%;
    }
	[id="navs-toggle"]:checked ~ .navs > .navs-toggle {
    left: auto;
    width: 125px !important;
    right: -66px;
    top: 1em !important;
    background: transparent;
    height: 50px !important;
    border: none;
    overflow: visible;
    }
	.sticky .sidebar-info .navs-toggle {
    left: 140% !important;
    top: 42%;
    }	
	.sidebar-info :hover .navs-toggle {
  left: -22rem;
    }
/* 2 */
	.sidebar-info .nav-dva-toggle {
    top: 330px !important;
    left: -60px;
	height: 70px !important;
    }
	[id="nav-dva-toggle"]:checked ~ .nav-dva > .nav-dva-toggle::after {
    left: 0;
    top: 40%;
    }
	[id="nav-dva-toggle"]:checked ~ .nav-dva > .nav-dva-toggle {
    left: auto;
    width: 125px !important;
    right: -66px;
    top: 1em !important;
    background: transparent;
    height: 50px !important;
    border: none;
    overflow: visible;
    }
	.sticky .sidebar-info .nav-dva-toggle {
    left: 140% !important;
    top: 42%;
    }	
	.sidebar-info :hover .nav-dva-toggle {
  left: -22rem;
    }
/* 3 */
	.sidebar-info .nav-tri-toggle {
    top: 390px !important;
    left: -60px;
	height: 70px !important;
    }
	[id="nav-tri-toggle"]:checked ~ .nav-tri > .nav-tri-toggle::after {
    left: 0;
    top: 40%;
    }
	[id="nav-tri-toggle"]:checked ~ .nav-tri> .nav-tri-toggle {
    left: auto;
    width: 125px !important;
    right: -66px;
    top: 1em !important;
    background: transparent;
    height: 50px !important;
    border: none;
    overflow: visible;
    }
	.sticky .sidebar-info .nav-tri-toggle {
    left: 140% !important;
    top: 42%;
    }	
	.sidebar-info :hover .nav-tri-toggle {
  left: -22rem;
    }
/* 4 */
.sidebar-info .nav-chetyre-toggle {
    top: 450px !important;
    left: -60px;
	height: 70px !important;
    }
	[id="nav-chetyre-toggle"]:checked ~ .nav-chetyre > .nav-chetyre-toggle::after {
    left: 0;
    top: 40%;
    }
	[id="nav-chetyre-toggle"]:checked ~ .nav-chetyre > .nav-chetyre-toggle {
    left: auto;
    width: 125px !important;
    right: -66px;
    top: 1em !important;
    background: transparent;
    height: 50px !important;
    border: none;
    overflow: visible;
    }
	.sticky .sidebar-info .nav-chetyre-toggle {
    left: 140% !important;
    top: 42%;
    }	
	.sidebar-info :hover .nav-chetyre-toggle {
  left: -22rem;
    }
/* 5 */
.sidebar-info .nav-pyat-toggle {
    top: 510px !important;
    left: -60px;
	height: 70px !important;
    }
	[id="nav-pyat-toggle"]:checked ~ .nav-pyat > .nav-pyat-toggle::after {
    left: 0;
    top: 40%;
    }
	[id="nav-pyat-toggle"]:checked ~ .nav-pyat > .nav-pyat-toggle {
    left: auto;
    width: 125px !important;
    right: -66px;
    top: 1em !important;
    background: transparent;
    height: 50px !important;
    border: none;
    overflow: visible;
    }
	.sticky .sidebar-info .nav-pyat-toggle {
    left: 140% !important;
    top: 42%;
    }	
	.sidebar-info :hover .nav-pyat-toggle {
  left: -22rem;
    }
}

@media (min-width: 992px) and (max-width: 1259px) {
	/* 1 */
	.sidebar-info .navs-toggle {
		top: 250px;
	}
    /* 2 */	
	.sidebar-info .nav-dva-toggle {
		top: 310px;
	}
	/* 3 */	
	.sidebar-info .nav-tri-toggle {
		top: 370px;
	}
	/* 4 */	
	.sidebar-info .nav-chetyre-toggle {
		top: 430px;
	}
	/* 5 */	
	.sidebar-info .nav-pyat-toggle {
		top: 490px;
	}
}	

/* Отключение модуля на страницах Каталога но обязательное отображение
на страницах Материалов. Класс non-catalog */

.view-category .non-catalog {
	display: none;
}
.com-content .non-catalog {
	display: inherit !important;
}	

/* Специальный фон  */
.sidebar-info .special-white {
  background: linear-gradient(90deg,#d0d2dfe0 15%,#a3a3a6 30%,#ccc2fb 70%,#5e22b5) !important;
  width: 110%;
  margin: 5% auto auto auto;
  padding: 4% 9% 4% 9%;
  float: none;
  display: block;
  border-radius: 11px;
  width: 100%;
}
.sidebar-info .special-white:hover {
  background: linear-gradient(90deg,#e8e9f2e0 15%,#a3a3a6 30%,#e2dcfd 70%,#5e22b5) !important;
}	
.sidebar-info .special-white-h {
color: red !important;
} 	

/* Боковое меню: Акции, события и прочее */

/* Модуль ТОП-3 товаров в боковой панели BEGIN */

.top-h .vmgroup .vm-product.productdetails li {
    padding: 5px;
    border: 1px solid #f4f2f22b;
    margin-bottom: 10px;
}

.top-h h3, .top-h p, .top-h span  {
	color: white !important;
}
.top-h h3 {
	font-weight: 300;
    margin-top: 15%;
    margin-bottom: 4px;
}
    	
.top-h .spacer-inner a {
    color: rgb(155, 150, 150);
    text-shadow: 0px 1px black;
    font-size: 13px;
    line-height: 19px;
    display: block;
    padding-right: 2px;
}
.top-h .recomed-for-top-3 img {
    position: absolute;
    z-index: 999;
    width: 29%;
    right: 0;
    left: 77%;
    top: -6%;
    transform: none !important;
}
.top-h  .skidka-text {
	position: absolute;
    font-size: 11px;
}
.top-h  .skidka-text .vm-price-value .vm-price-desc {
    font-size: 11px;
	background: transparent !important;
}
.top-h .percent-off {
    z-index: 9999999999;
    position: relative;
    color: white;
    position: relative;
    top: 0%;
    left: -68%;
    font-size: 9.9px;
    float: left;
    margin-top: 2.2%;
}
.top-h .skidka-text .vm-price-value .PricesalesPriceWithDiscount {
	font-size: 20px !important;
    color: rgb(230, 218, 218) !important;
    background: rgba(220, 0, 0, 0.37);
    padding: 4px !important;
    position: relative;
    top: -8px;
}
.top-h-divider {
	margin-bottom: 23px;
}	

/* Медиа-запросы Модуль ТОП-3 товаров в боковой панели */

@media (max-width: 991px) {
	
	.top-h .vmgroup .vm-product.productdetails li .spacer-img {
		width: 34% !important;
	}
	.top-h .vmgroup .vm-product.productdetails li .spacer-img img {
		width: 100%;
		height: auto;
	}
	.top-h .percent-off {
        margin-top: 5px;
    }
}
@media (min-width: 992px) and (max-width: 1599px) {
    
    .top-h  .vmgroup .vm-product {  
	    padding-right: 10px;
	}
}	
/* Модуль ТОП-3 товаров в боковой панели END */