html, body { margin:0px; }
img { max-width:100%; border:none; } 
.clr { clear:both; display:block; width:100%; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.justify { text-align:justify; }
.nowrap { white-space:nowrap; }
.lowercase { text-transform:lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform:capitalize; }
.float-left { float:left; }
.float-right { float:right; }
img.float-left, .img.float-left { margin-right:15px; max-width:50%; }
img.float-right, .img.float-right { margin-left:15px; max-width:50%; }
@media (max-width: 576px) {  /* < 576 */
	img.float-left, .img.float-left, img.float-right, .img.float-right { float:none; margin:0px 0px 15px 0px; max-width:100%; display:block; }
}

/* СЕТКА, УТИЛИТЫ АДАПТИВНОСТИ */
* { box-sizing:border-box; }
.hidden { display:none; }
.responsive { max-width:100%; height:auto; overflow-y:hidden; overflow-x:auto; }
.container { margin-left:auto!important; margin-right:auto!important; }
.container-fluid, .rows { width:auto!important; }
.row { margin-left:-15px; margin-right:-15px; display:-ms-flexbox; display:flex; flex-wrap:wrap; }
.row:before, .row:after { content:''; display:block; clear:both; }
[class*="cl-"], [class*="cls-"] > .cl { float:left; margin-left:0px; margin-right:0px; }
[class*="cl-"], [class*="cls-"] > .cl, .container, .container-fluid, .rows { padding-left:15px; padding-right:15px; }
.cl- { width:auto!important; }
.cl-12, .cls-1 > .cl { width:100%; }
.cl-11 { width:91.6666666666666%; }
.cl-10 { width:83.3333333333333%; }
.cl-9 { width:75%; }
.cl-8 { width:66.6666666666666%; }
.cl-7 { width:58.3333333333333%; }
.cl-6, .cls-2 > .cl { width:50%; }
.cl-5 { width:41.6666666666666%; }
.cl-4, .cls-3 > .cl { width:33.3333333333333%; }
.cl-3, .cls-4 > .cl { width:25%; }
.cl-2, .cls-6 > .cl { width:16.66666666666666%; }
.cl-1 { width:8.33333333333333%; }
.cls-5 > .cl { width:20%; }
@media (max-width: 768px) {  /* < 768 */
	.container { width:auto; }
	.visible-lg, .visible-md, .visible-sm, .visible-xxs, .hidden-xs { display:none !important; }
	.visible-xs, .hidden-sm, .hidden-md, .hidden-lg, .hidden-xxs { display:block !important; }
}
@media (min-width: 576px) {  /* >= 576 */
	[class*="cl-lg-"], [class*="cls-lg-"] > .cl, [class*="cl-md-"], [class*="cls-md-"] > .cl, [class*="cl-sm-"], [class*="cls-sm-"] > .cl { width:100%; float:none; }
	[class*="cl-xs-"], [class*="cls-xs-"] > .cl { float:left; }
	.cl-xs-12, .cls-xs-1 > .cl { width:100%; }
	.cl-xs-11 { width:91.6666666666666%; }
	.cl-xs-10 { width:83.3333333333333%; }
	.cl-xs-9 { width:75%; }
	.cl-xs-8 { width:66.6666666666666%; }
	.cl-xs-7 { width:58.3333333333333%; }
	.cl-xs-6, .cls-xs-2 > .cl { width:50%; }
	.cl-xs-5 { width:41.6666666666666%; }
	.cl-xs-4, .cls-xs-3 > .cl { width:33.3333333333333%; }
	.cl-xs-3, .cls-xs-4 > .cl { width:25%; }
	.cl-xs-2, .cls-6 > .cl, .cls-xs-6 > .cl { width:16.66666666666666%; }
	.cl-xs-1 { width:8.33333333333333%; }
	.cls-xs-5 > .cl { width:20%; }
}
@media (min-width: 768px) {  /* >= 768 */
	.container { width:750px; }
	.visible-lg, .visible-md, .hidden-sm, .visible-xs, .visible-xxs { display:none !important; }
	.hidden-lg, .hidden-md, .visible-sm, .hidden-xs, .hidden-xxs { display:block !important; }
	[class*="cl-md-"], [class*="cls-md-"] > .cl, [class*="cl-lg-"], [class*="cls-lg-"] > .cl { width:100%; float:none; }
	[class*="cl-sm-"], [class*="cls-sm-"] > .cl { float:left; }
	.cl-sm-12, .cls-sm-1 { width:100%; }
	.cl-sm-11 { width:91.6666666666666%; }
	.cl-sm-10 { width:83.3333333333333%; }
	.cl-sm-9   { width:75%; }
	.cl-sm-8   { width:66.6666666666666%; }
	.cl-sm-7   { width:58.3333333333333%; }
	.cl-sm-6, .cls-sm-2 > .cl  { width:50%; }
	.cl-sm-5  { width:41.6666666666666%; }
	.cl-sm-4, .cls-sm-3 > .cl  { width:33.3333333333333%; }
	.cl-sm-3, .cls-sm-4 > .cl  { width:25%; }
	.cls-sm-5 > .cl { width:20%; }
	.cl-sm-2, .cls-sm-6 > .cl  { width:16.66666666666666%; }
	.cl-sm-1 { width:8.33333333333333%; }
}
@media (min-width: 992px) { /* >= 992 */
	.container { width:970px; }
	.visible-lg, .hidden-md, .visible-sm, .visible-xs, .visible-xxs { display:none !important; }
	.hidden.lg, .visible-md, .hidden-sm, .hidden-xs, .hidden-xxs { display:block !important; }
	[class*=cl-lg-], [class*="cls-lg-"] > .cl { width:100%; float:none; }
	[class*="cl-md-"], [class*="cls-md-"] > .cl { float:left; }
	.cl-md-12, .cls-md-1 { width:100%; }
	.cl-md-11 { width:91.6666666666666%; }
	.cl-md-10 { width:83.3333333333333%; }
	.cl-md-9   { width:75%; }
	.cl-md-8   { width:66.6666666666666%; }
	.cl-md-7   { width:58.3333333333333%; }
	.cl-md-6, .cls-md-2 > .cl  { width:50% }
	.cl-md-5  { width:41.6666666666666%; }
	.cl-md-4, .cls-md-3 > .cl  { width:33.3333333333333%; }
	.cl-md-3, .cls-md-4 > .cl  { width:25%; }
	.cls-md-5 > .cl { width:20%; }
	.cl-md-2, .cls-md-6 > .cl  { width:16.66666666666666%; }
	.cl-md-1  { width:8.33333333333333%; }
}
@media (min-width: 1200px) { /* >= 1200 */
	.container { width:1170px; }
	.hidden-lg, .visible-md, .visible-sm, .visible-xs, .visible-xxs { display:none !important; }
	.visible-lg, .hidden-md, .hidden-sm, .hidden-xs, .hidden-xxs { display:block !important; }
	[class*="cl-lg-"], [class*="cls-lg-"] > .cl { float:left; }
	.cl-lg-12, .cls-lg-1 { width:100%; }
	.cl-lg-11 { width:91.6666666666666%; }
	.cl-lg-10 { width:83.3333333333333%; }
	.cl-lg-9   { width:75%; }
	.cl-lg-8   { width:66.6666666666666%; }
	.cl-lg-7   { width:58.3333333333333%; }
	.cl-lg-6, .cls-lg-2 > .cl  { width:50% }
	.cl-lg-5  { width:41.6666666666666%; }
	.cl-lg-4, .cls-lg-3 > .cl  { width:33.3333333333333%; }
	.cl-lg-3, .cls-lg-4 > .cl  { width:25%; }
	.cls-md-5 > .cl { width:20%; }
	.cl-lg-2, .cls-lg-6 > .cl  { width:16.66666666666666%; }
	.cl-lg-1  { width:8.33333333333333%; }
}
@media (max-width: 576px) {  /* < 576 */
	[class*="cl-lg-"], [class*="cls-lg-"] > .cl, [class*="cl-md-"], [class*="cls-md-"] > .cl, [class*="cl-sm-"], [class*="cls-sm-"] > .cl, [class*="cl-xs-"], [class*="cls-xs-"] > .cl { width:100%; float:none; }
	.hidden-xxs, .visible-xs { display:none !important; }
	.visible-xxs, .hidden.xs { display:block !important; }
}

/* ТАБЛИЦЫ */
.table, .table-border {
	border-spacing: 0px;
	border-collapse: collapse;
}
.table tr > td, .table-border tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table tr > td {
	padding: 8px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}
.table-border tr > td, .table-border tr > th {
	padding: 8px;
	vertical-align: top;
	border: 1px solid #ddd;
}
.table-strip tr:nth-child(odd) > td, .table-strip tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

/* ФОРМЫ */
.form-control, .input-addon {
	height: 34px;
	padding: 4px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/* КНОПКИ */
.btn {
	cursor: pointer;
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 7px 2em;
	border: none;
	outline: none;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	line-height: 120%;
	font-size: 100%;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: 0px 1px 0px rgba(0,0,0,.08);
	background-color: #сссссс;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#70ffffff',endColorstr='#00ffffff',GradientType=0 );
	background-blend-mode: overlay;
	transition: background 0.5s linear, top 0.3s linear;
}
.btn:active { top:2px; }
.btn:before {
	content: '';
	position: absolute;
	top: 0px; 
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0,0,0,0.1);
	border-bottom-color:rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
	box-sizing: border-box;
}
.btn:hover {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 50%);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20ffffff',endColorstr='#00ffffff',GradientType=0 );
}
.btn .btn-plain:before { border: 1px solid rgba(0,0,0,0.05); }
.btn.btn-sharp {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.5) 50.1%, rgba(0,0,0,0.4) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.5) 50.1%, rgba(0,0,0,0.4) 100%);
}
.btn.btn-sharp:hover {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0.05) 50%, rgba(0,0,0,0.3) 50.1%, rgba(0,0,0,0.2) 100%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.2) 50.1%, rgba(0,0,0,0.15) 100%);
}
.btn.btn-round, .btn.btn-round:before { border-radius:100px; }
.btn.btn-plain { background-image:none; background-color:#e0e0e0; box-shadow: 0px 1px 0px rgba(0,0,0,.1); }
.btn.btn-plain:before { border-color:rgba(0,0,0,0.06); border-bottom-color:rgba(0,0,0,0.2); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3); }
.btn.btn-under:before { border:none; border-bottom:3px solid rgba(0,0,0,0.2); overflow:hidden; }
.btn.btn-under:hover:before { border-bottom-width:1px; }
.btn.btn-border { border:2px solid #fff; }
.btn.btn-border:before, .btn.btn-stric:before { border:none; box-shadow:none; }
.btn.btn-stric { border-radius:0px; background-image:none; background-color:#e0e0e0; box-shadow:none; }
.btn.btn-plain:hover:before, .btn.btn-stric:hover:before { background-color:rgba(0,0,0,0.05); } 
.btn.btn-orange { background-color:#f89406; }
.btn.btn-red { background-color:#bd362f; }
.btn.btn-green { background-color:#28a745; }
.btn.btn-blue { background-color:#0058cc; }
.btn.btn-cyan  { background-color:#2f96b4; }
.btn.btn-red, .btn.btn-blue, .btn.btn-green, .btn.btn-cyan { color:#fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.btn.btn-lg { font-size:200%; }

.animate-pulse:hover {
	animation: btnPulse 0.7s ease-in-out;
	-ms-animation: btnPulse 0.7s ease-in-out;
}
@-ms-keyframes btnPulse {
	0% {-ms-transform: scale(1)}
	25% {-ms-transform: scale(.8)}
	50% {-ms-transform: scale(1.05)}
	70% {-ms-transform: scale(.9)}
	100% {-ms-transform: scale(1)}
}
@keyframes btnPulse {
	0% {transform: scale(1)}
	25% {transform: scale(.8)}
	50% {transform: scale(1.05)}
	70% {transform: scale(.9)}
	100% {transform: scale(1)}
}


/* МЕНЮ */
body { left:0px; transition:left 0.3s; position:relative; }
body.menu_open { overflow-x:hidden; }

.menu > div { 
	font-size:120%; text-transform:uppercase;
}
.menu ul, .dropdown ul {
	list-style: none; margin: 0px; padding: 0px;
}
.menu > ul:before, .menu > ul:after {
	content:''; display:block; clear:both;
}
.menu li {
	margin:0px; padding:0px; position:relative;
}
.menu li a {
	display:block; color:inherit; text-decoration:none;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#07ffffff',endColorstr='#07ffffff',GradientType=0 );
	background-image: -ms-linear-gradient(to bottom,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%);
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%);
	background-blend-mode: overlay;
}
.menu li.parent > a:after {
	content:''; display:inline-block; width:0; height:0; margin-left:5px; vertical-align:middle;
}
/* menu level 1 */
.menu > ul > li > a {
	padding: 12px 20px;
}
.menu > ul > li.parent > a:after  {
    border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;
}
.menu > ul > li { float:left }
.menu > ul > li > a { border-right: 1px solid rgba(0,0,0,0.1) }
.menu > ul > li + li > a { border-left: 1px solid rgba(255,255,255,0.6) }
.menu > ul > li > ul {
    border-radius: 0px 0px 4px 4px;
	top: 100%;
    left: 0px;
    min-width: 100%;
	transform: scaleY(0);
	transform-origin: 0 0;
	-ms-transform: scaleY(0);
	-ms-transform-origin: 0 0;
}
/* menu levels > 1 */
.menu li > ul {
	position:absolute; margin:0px; padding:0px; z-index:10000; box-shadow: 0 6px 12px rgba(0,0,0,.175);
	opacity:0; visibility:hidden; transition: all 0.3s;
}
.menu > ul ul li a {
	padding:6px 20px; font-size:95%; white-space:nowrap;
	border: 1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid #ccc;
	border-bottom-color: rgba(255,255,255,0.3);
    background-color: #ccc;
}
.menu > ul ul > li:last-child a { border-bottom-color: 1px solid rgba(0,0,0,0.1); }
.menu.__mnuNoCollaps__ > ul ul li:hover > a { background-image:none; }
.menu > ul ul > li.parent > a:after { border-left: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.menu > ul ul ul {
	top:0px; left:100%; transform:scale(0,1); -ms-transform: scale(0,1); transform-origin: 0 0; -ms-transform-origin: 0 0;
}
.menu li.open > ul, .menu li.open li:hover > ul, .menu.__noDD__ li:hover > ul { 
	opacity:1; visibility:visible; transform:scaleY(1); -ms-transform: scaleY(1);
}
/* menu themes */
.menu[class*="menu-"].gradient, .menu[class*="menu-"].sharp { background-blend-mode:overlay; }
.menu.__mnuNoCollaps__ > ul > li > a { background-image:none; }
.menu[class*="menu-"].gradient, .menu[class*="menu-"].__mnuNoCollaps__.gradient > ul > li > a { 
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#70ffffff',endColorstr='#00ffffff',GradientType=0 );
}
.menu[class*="menu-"].sharp, .menu[class*="menu-"].__mnuNoCollaps__.sharp > ul > li > a {
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.5) 50.1%, rgba(0,0,0,0.4) 100%);
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 50%, rgba(0,0,0,0.5) 50.1%, rgba(0,0,0,0.4) 100%);
}
.menu.menu-default, .menu.menu-default a { background-color:#cccccc; }
.menu.menu-orange, .menu.menu-orange a { background-color:#f89406; }
.menu.menu-red, .menu.menu-red a { background-color:#bd362f; }
.menu.menu-green, .menu.menu-green a { background-color:#51a351; }
.menu.menu-blue, .menu.menu-blue a { background-color:#0058cc; }
.menu.menu-cyan, .menu.menu-cyan a { background-color:#2f96b4; }
.menu.menu-red a, .menu.menu-red > div, .menu.menu-green a, .menu.menu-green > div, .menu.menu-blue a, .menu.menu-blue > div, .menu.menu-cyan a, .menu.menu-cyan > div { color:#ffffff; }
.menu.__mnuNoCollaps__.__noDD__ > ul > li:hover > a, .menu[class*="menu-"].__mnuNoCollaps__ > ul > li.open > a {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#70ffffff',endColorstr='#70ffffff',GradientType=0 );
	background-image: -ms-linear-gradient(to bottom,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%);
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%);
}
/* menu collapse button */
.menu-pic, .menu > div { display:none; }
.menu-pic { 
	vertical-align:middle; position:relative; width:40px; height:35px; background:none; border:1px solid #888;
	border-color:rgba(0,0,0,0.4); border-radius:4px; margin:4px 15px; cursor:pointer; padding:0px;
}
.menu-pic:hover, .menu.open .menu-pic { background-color:rgba(255,255,255,0.4); }
.menu-pic > span {
	position:absolute; top:50%; left:0px; right:0px; margin:-8px auto 0px auto;
	width:70%; height:2px; background:#000; opacity:0.6; filter:alpha(60); transition:all 0.3s;
}
.menu-pic > span:first-child + span { margin-top:-1px; }
.menu-pic > span:first-child + span + span { margin-top:6px; }
.menu.__mnuCollaps__.open .menu-pic > span:nth-child(1) { transform:rotate(45deg); margin-top:-2px; }
.menu.__mnuCollaps__.open .menu-pic > span:nth-child(2) { opacity:0; }
.menu.__mnuCollaps__.open .menu-pic > span:nth-child(3) { transform:rotate(-45deg); margin-top:-1px; }
/* menu collapse */
.menu.__mnuCollaps__ { position:relative; }
.menu.__mnuCollaps__ > ul > li { float:none; }
.menu.__mnuCollaps__ .menu-pic, .menu.__mnuCollaps__ > div { display:inline-block; vertical-align:middle; }
.menu.__mnuCollaps__ > ul a { border:1px solid rgba(0,0,0,0.05); border-bottom:1px solid #ccc; border-bottom-color:rgba(255,255,255,0.1); }
.menu.__mnuCollaps__ li > a:hover { background-image:none; }
.menu.__mnuCollaps__ > ul > li > a { border-top-width:3px; }
.menu.__mnuCollaps__ > ul > li > ul > li > a { border-top-width:2px; }
.menu.__mnuCollaps__ > ul ul li a { padding-left:35px; }
.menu.__mnuCollaps__ > ul ul ul li a { padding-left:55px; }
.menu.__mnuCollaps__ > ul ul > li.parent > a:after { display:none; }
.menu.__mnuCollaps__ > ul { 
	opacity:0; visibility:hidden; transform:scaleY(0); transform-origin:40px 0px; 
	box-shadow:0 6px 12px rgba(0,0,0,.175); position:absolute; width:100%; z-index:10000; transition:all 0.3s;
}
.menu.__mnuCollaps__ > ul ul { position:static; transform:none!important; -ms-transform:none!important; box-shadow:none; }
.menu.__mnuCollaps__.open > ul { opacity:1; visibility:visible; transform:scaleY(1); }
.menu.__mnuCollaps__.open > ul ul { visibility:visible; opacity:1; }
.menu.openleft.__mnuCollaps__ > ul, .menu.openright.__mnuCollaps__ > ul {
	position:fixed; top:0px; left:-100%; width:auto; height:100%; background-color:inherit; 
	z-index:1000000; overflow:auto; transform:none; opacity:1; visibility:visible;
}
.menu.openleft.__mnuCollaps__ > ul > li > a, .menu.openright.__mnuCollaps__ > ul > li > a { 
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
}
.menu.openleft.__mnuCollaps__ li li > a, .menu.openright.__mnuCollaps__ li li > a {
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%);
}
.menu.openleft.__mnuCollaps__ li > ul, .menu.openright.__mnuCollaps__ li > ul { visibility:visible; opacity:1; }
.menu.openleft.__mnuCollaps__.open > ul { left:0px; }
.menu.openright.__mnuCollaps__ > ul { left:auto; right:-100%; }
.menu.openright.__mnuCollaps__.open > ul { right:0px; }
.menu > ul > li.menu_close { position:absolute; top:10px; right:0px; width:30px; height:30px; font-size:20px; display:none; cursor:pointer; }
.menu.openleft > ul > li.menu_close, .menu.openright > ul > li.menu_close { display:inline-block; }


/* АКОРДИОН */
.accordion > .toggle {
	display: block;
	cursor: pointer;
	line-height: 35px;
	margin-top: 10px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	color: #222;
	text-shadow: 1px 1px 0px rgba(0,0,0, .2);
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #f2f2f2; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#d8d8d8 50%,#b5b5b5 51%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%,#d8d8d8 50%,#b5b5b5 51%,#e0e0e0 100%); /* W3C */
}
.accordion > .toggle:before {
	content: '+';
	display: inline-block;
	width: 25px;
	line-height: 25px;
	text-align: center;
	margin-right: 10px;
	box-shadow: 0px 0px 5px silver;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #e4f5fc; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */
	background: -ms-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* W3C */
}
.accordion > .toggle:hover { border-color: #888; }
.accordion > .toggle.active { border-radius: 4px 4px 0px 0px; }
.accordion > .toggle.active:before { content: '–' }
.accordion > .section {
	display:none; overflow: hidden; margin-top: 0px; padding: 0px 10px; border: 1px solid #d6d6d6; font-size: 12px; text-align: left;
}
.accordion > .toggle.active + .section { display:block; }
.accordion.acc-light > .toggle {
	background:none; border:none; border-bottom:1px solid silver; border-radius:0px; margin-left:40px; padding-left:0px; font-weight:normal;
}
.accordion.acc-light > .toggle:hover { border-bottom-color:#888; }
.accordion.acc-light > .toggle:before { background:none; margin-left:-30px; border:none; color:#333377; box-shadow:none; }
.accordion.acc-light > .section { border:none; background:none; padding-left:40px; color:#707070; }
.accordion.acc-plain > .toggle {
	border:1px solid #d9d9d9; border-radius:4px; background:#f3f3f3; font-weight:normal; position:relative; padding-left:30px;
}
.accordion.acc-plain > .toggle:hover { border-color:#b6b6b6; }
.accordion.acc-plain > .toggle:before {
	content:''; background:none; box-shadow:none; border-radius:0px; border:0.35em solid transparent; position:absolute; left:10px;
	border-left-color:#888; color:#777; width:auto; height:auto; margin:auto 2px; transition:all 0.5s; top:33%;
}
.accordion.acc-plain > .toggle.active { border-radius:4px 4px 0px 0px; }
.accordion.acc-plain > .toggle.active:before {
	transform:rotate(90deg); -ms-transform:rotate(90deg); margin-top:0.18em; margin-left:-0.05em;
}
.accordion.acc-plain > .section { border-color: #d9d9d9; margin-top:0px; border-top:none; border-radius:0px 0px 4px 4px; }
.accordion.acc-light > .toggle, .accordion.acc-plain > .toggle { filter:none; }
.__slideDownTmp__ {
	display: block !important; visibility: hidden !important; position: absolute !important; height: auto !important; transition: unset !important;
}


/* ТАБЫ */
.tabs { position:relative; overflow:hidden; }
.tabs > .toggles { position:relative; }
.tabs > .toggles:after { content:''; display:block; clear:both; }
.tabs > .toggles > div {
	float: left;
	line-height: 25px;
	padding: 4px 12px;
	margin-right: 4px;
	text-align: center;
	cursor: pointer;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px 4px 0px 0px;
	color: #444;
	position: relative;
	z-index: 10;
}
.tabs > .toggles > div:hover { border-color:#b6b6b6; color:#000; }
.tabs > .toggles > div.active, .tabs > .toggles > div.active:hover {
	background-color:#f6f6f6; border-color:#e0e0e0; border-bottom-width:0px; z-index:50; }
.tabs > .sections {
	background:#f6f6f6; border:1px solid #e0e0e0; position:relative; z-index:45; top:-2px; overflow:hidden;
}
.tabs > .sections > div {
	display: none; overflow:hidden; padding:10px; text-align:left; position:relative; left:0px; top:0px;
}
.tabs > .sections > div.active { display:block; z-index:47; }
.tabs.tab-light > .toggles > div { border-width:0px; }
.tabs.tab-light > .toggles > div:hover { background-color:#f0f0f0; }
.tabs.tab-light > .toggles > div.active { border-width:1px; border-bottom-width:0px; background:#fff; z-index:55; }
.tabs.tab-light > .sections { border-left:none; border-right:none; border-bottom:none; background:#fff; }
.tabs.tab-arrow > .toggles > div {
	border-radius:0px; margin-right:0px; text-align:center; line-height:300%; position:relative; border-bottom:none;
}
.tabs.tab-arrow > .toggles > div + div { border-left:none; }
.tabs.tab-arrow > .toggles > div:hover { background-color:#f6f6f6; border-color:#e0e0e0; }
.tabs.tab-arrow > .toggles > div.active { background-color:#e0e0e0; }
.tabs.tab-arrow > .toggles > div.active:after {
	content:''; position:absolute; border: 10px solid transparent; border-top-color:#e0e0e0;
	bottom:-20px; left:50%; margin-left:-10px;
}
.tabs.tab-arrow .sections { background:none; top:0px; }

.tabs.tab-disc .toggles > div, .slider .toggles > div {
	display: inline-block;
	background: #ddd;
	border: none;
	width: 14px;
	height: 14px;
	margin: 10px;
	padding: 0px;
	border-radius: 7px;
	color: transparent;
	overflow: hidden;
	cursor: pointer;
}
.tabs.tab-disc .toggles > div.active, .slider .toggles > div.active { background:#606060; }
.tabs.tab-toFade .sections > div { position:absolute; opacity:0; display:block; transition: opacity 0.2s; z-index:46; }
.tabs.tab-toFade .sections > div.active { position:relative; z-index:47; }
.tabs.tab-toFade .sections > div.active.in { opacity:1; }
.tabs.tab-toMove .sections > div {
	display:block; position:absolute; margin-left:-50px; opacity:0; z-index:46; transition: opacity 0.2s, margin 0.2s;
}
.tabs.tab-toMove .sections > div.active { position:relative; z-index:47; }
.tabs.tab-toMove .sections > div.active.in { opacity:1;	margin-left:0px; }


/* МОДАЛЬНЫЕ ОКНА */
body.no-scroll { overflow:hidden; }
#modal-back {
	position:fixed; width:100%; height:100%; top:0; left:0px; z-index:100000;
	background:#000; opacity:0; filter:alpha(opacity=0); visibility:hidden; transition:opacity 0.3s;
}
#modal-back.show { opacity:0.7; filter:alpha(opacity=70); visibility:visible; }
.modal-wrap {
	position:fixed; top:0px; left:0px; width:100%; height:100%; overflow:auto; visibility:hidden; z-index:100005;
}
.modal {
	position:absolute; width:600px; max-width:100%;	top:0px; left:0px; right:0px;
	margin:-50px auto 0px auto; padding:10px; opacity:0; filter:alpha(opacity=0); visibility:hidden;
	background-color:#fff; box-shadow:0 5px 15px rgba(0,0,0,.5); border:1px solid rgba(0,0,0,.2); border-radius:6px; transition:all 0.3s;
}
.modal > .modal-header {
	margin:-10px -10px 0px -10px; padding:10px; border-bottom:1px solid #e5e5e5; min-height:16.42857143px;
}
.modal-wrap.show { visibility:visible; }
.modal-wrap.show > .modal { opacity:1; filter:alpha(opacity=100); visibility:visible; margin-top:50px; }
.modal a.close {
	position:absolute; display:inline-block; top:7px; right:10px; text-decoration:none;
	color:#000; opacity:.5; filter:alpha(opacity=50); cursor:pointer; font-size:20px;
}
.modal a.close:hover { opacity:1; filter:alpha(opacity=100); }


/* ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ */
*[data-tooltip] { border-bottom:1px dashed silver; } 
.tooltip {
	display:block; position:fixed; background:#000; color:#fff; padding:3px 8px; max-width:300px;
	float:none; border-radius:4px; visibility:hidden; opacity:0; transition:all 0.3s;
	box-shadow:0 5px 10px rgba(255,255,255,.4); border:1px solid rgba(255,255,255,.6); font-size:90%;
}
.tooltip.show { visibility:visible; opacity:1; }
.cursor.tooltip { transition:opacity 0.5s; }
.tooltip:before, .tooltip:after { content:''; position:absolute; border:5px solid transparent; }
.right.tooltip:after { border-right-color:#000; left:-10px; top:50%; margin-top:-5px; }
.right.tooltip:before { border-right-color:rgba(255,255,255,.6); left:-11px; top:50%; margin-top:-5px; }
.left.tooltip:after { border-left-color:#000; right:-10px; top:50%; margin-top:-5px; }
.left.tooltip:before { border-left-color:rgba(255,255,255,.6); right:-11px; top:50%; margin-top:-5px; }
.top.tooltip:after, .cursor.tooltip:after { border-top-color:#000; bottom:-10px; left:50%; margin-left:-5px; }
.top.tooltip:before, .cursor.tooltip:before { border-top-color:rgba(255,255,255,.6); bottom:-11px; left:50%; margin-left:-5px; }
.bottom.tooltip:after { border-bottom-color:#000; top:-10px; left:50%; margin-left:-5px; }
.bottom.tooltip:before { border-bottom-color:rgba(255,255,255,.6); top:-11px; left:50%; margin-left:-5px; }
.white.tooltip { color:#333; background:#fff; border-color:rgba(0,0,0,.2); box-shadow:0 5px 10px rgba(0,0,0,.2); }
.white.right.tooltip:after { border-right-color:#fff; }
.white.right.tooltip:before { border-right-color:rgba(0,0,0,.2); }
.white.left.tooltip:after { border-left-color:#fff; }
.white.left.tooltip:before { border-left-color:rgba(0,0,0,.2); }
.white.top.tooltip:after, .white.cursor.tooltip:after { border-top-color:#fff; }
.white.top.tooltip:before, .white.cursor.tooltip:before { border-top-color:rgba(0,0,0,.2); }
.white.bottom.tooltip:after { border-bottom-color:#fff; }
.white.bottom.tooltip:before { border-bottom-color:rgba(0,0,0,.2); }


/* АНИМАЦИЯ ПРИ ПРОКРУТКЕ СТРАНИЦЫ */
[class*="vp-"] { transition: transform .5s, opacity .5s; }
.visible[class*="vp-"] {
	opacity: 1; -ms-transform: scale(1) translateX(0px) translateY(0px); transform: scale(1) translateX(0px) translateY(0px);
} 
.vp-zoom-in { -ms-transform:scale(0.6); transform:scale(0.6); }
.vp-zoom-out { opacity:0; -ms-transform:scale(1.4); transform:scale(1.4); }
.vp-to-right { opacity: 0; -ms-transform: translateX(-150px); transform: translateX(-150px); }
.vp-to-left { opacity: 0; -ms-transform: translateX(150px); transform: translateX(150px); }
.vp-to-up { opacity: 0; transform: translateY(100px); }
.vp-fade-in { opacity: 0; }


/* TOP FIXED */
.top_fixed.show { position:fixed; z-index:1000000; left:0px; top:0px; animation:topFixed 400ms; }
@keyframes topFixed {
	from { translateX(-200px); }
	to  { translateX(0px); }
}


/* GALLERY IMAGES */
.thumb { display:inline-block; padding:4px; background-color:#fff; border: 1px solid #ddd; border-radius:4px; }
a.toggle-image.thumb { display:inline-block; overflow:hidden; position:relative; }
a.toggle-image.thumb:after {
	content:''; width:100px; height:100px; border-radius:50px; position:absolute;
	top:0px; right:0px; bottom:0px; left:0px; margin:auto;
	background: rgba(0,0,0,0.2) url('../sprite.png') -145px 50% no-repeat;
	opacity:0; filter:alpha(opacity=0); transform:scale(0); -ms-transform:scale(0); transition: all 0.4s;
}
a.toggle-image.thumb > img { display:block; }
a.toggle-image.thumb:hover:after { opacity:1; filter:alpha(opacity=100); transform:scale(1); }
a.toggle-image.loading:after, #imgZoomBox.loading:after {
	content:''; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:10000; background:url('../load.gif') center center no-repeat;
}
#imgZoomBox { 
	position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000000; 
	visibility:hidden; overflow:hidden; background:transparent; transition:background 0.3s;
}
#imgZoomBox .image-big { position:absolute; max-width:initial; margin-left:0%; }
#imgZoomBox .image-big.hide { visibility:hidden; }
#imgZoomBox.show .image-big.trans { transition:all 0.4s; }
#imgZoomBox.show { visibility:visible; }
#imgZoomBox.big { background:#000; }
#imgZoomBox.scroll { overflow:auto; }
#imgZoomBox  > div { position:fixed; cursor:pointer; opacity:0; filter:alpha(opacity=0); transition:opacity 0.2s; z-index:100005; }
#imgZoomBox.big > div { opacity:0.7; filter:alpha(opacity=70); }
#imgZoomBox.big > div:hover { opacity:1; filter:alpha(opacity=100); }
#imgZoomBox > .imgzoom-close {
    top:10px; right:10px; width:30px; height:30px; background: url('../sprite.png') -52px 0px no-repeat;
}
#imgZoomBox > .imgzoom-expand, #imgZoomBox.big > .imgzoom-expand {
	top:50px; right:10px; width:30px; height:30px; display: none;
	background: url('../sprite.png') -82px 0px no-repeat; opacity:0; filter:alpha(opacity=0);
}
#imgZoomBox.big.expanded > .imgzoom-expand { display:block; opacity:0.7; filter:alpha(opacity=70); }
#imgZoomBox.big.expanded > .imgzoom-expand:hover { opacity:1; filter:alpha(opacity=100); }
#imgZoomBox.scroll > .imgzoom-expand { background-position:-112px 0px; }
#imgZoomBox .imgzoom-prev, #imgZoomBox .imgzoom-next {
	top:82px; bottom:45px; margin:auto; width:41px; display:none;
}
#imgZoomBox  >.imgzoom-prev { left:0px; }
#imgZoomBox > .imgzoom-next { right:0px; }
#imgZoomBox.gallery .imgzoom-prev, #imgZoomBox.gallery .imgzoom-next { display:block; }
#imgZoomBox > .imgzoom-prev:before, #imgZoomBox .imgzoom-next:before {
	content:''; position:absolute; display:block; width:26px; height:40px; transition:transform 0.3s;
	top:0px; bottom:0px; left:0px; right:0px; margin:auto; background:url('../sprite.png');
}
#imgZoomBox > .imgzoom-next:before { background-position:-26px 0px; }
#imgZoomBox > .imgzoom-prev:hover:before { transform:translateX(-5px); -ms-transform:translateX(-5px); }
#imgZoomBox > .imgzoom-next:hover:before { transform:translateX(5px); -ms-transform:translateX(5px); }
#imgZoomBox > .imgzoom-title { bottom:0px; margin-bottom:-50px; width:100%; transition:opacity 0.4s, margin 0.4s; }
#imgZoomBox > .imgzoom-title  > div { background:#fff; color:#222; text-align:center; padding:15px; font-size:16px; box-shadow:0px 0px 8px #444; }
#imgZoomBox.big > .imgzoom-title { opacity:1; filter:alpha(opacity=100); margin-bottom:0px; }
#imgZoomBox.move > .imgzoom-title { opacity:0; filter:alpha(opacity=0); margin-bottom:-50px; }
#imgZoomBox.scroll > .imgzoom-title { visibility:hidden; }
#imgZoomBox.scroll > .imgzoom-close, #imgZoomBox.scroll > .imgzoom-expand, #imgZoomBox.scroll > .imgzoom-next { right:24px; }
