/* INTERFACE */
.clear { clear: both; border: 0 none !important; }
.clear-left { clear: left; border: 0 none !important; }

ul.align-justify { text-align: justify; line-height: 0; font-size: 1px; /*text-align-last:justify;*/ }
ul.align-justify:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ""; display: inline-block; }
ul.align-justify li { display: inline-block; text-align: left; line-height: 18px; font-size: 12px; }

/* BASE HELPERS CLASS */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* BORDER RADIUS */
.rounded-angles { border-radius: 4px; }

/* SHADOW */
.block-shadow {
	height: 2px;
	background-image: -moz-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0));
	background-image: -o-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0));
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0));
	background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0));
}

/* EFFECTS TRANSITION */
.transition-fast {
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}
.transition-faster {
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	transition: all 140ms linear;
}

/* SELECTABLE TEXT */
.not-selectable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* LINKS */
a,
a span,
a:hover,
a span:hover {
	position: relative;
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	transition: all 140ms linear;
}
a:before,
a span:before,
a:hover:before,
a span:hover:before,
a:after,
a span:after,
a:hover:after,
a span:hover:after {
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	transition: all 140ms linear;
}


/* синяя #175fb9 по ховеру - border из #175fb9 в transparent */
.link-blue { color : #175fb9; border-bottom: 1px solid #175fb9; }
.link-blue:hover { border-bottom-color: transparent; }

/* синяя #175fb9 по ховеру - border из transparent в #175fb9 */
.link-blue-invert { color : #175fb9; border-bottom: 1px solid transparent; }
.link-blue-invert:hover { border-bottom-color: #175fb9; }

/* голубая #a8c7e7 по ховеру - из #a8c7e7 в #175fb9 */
.link-blue-light { color : #819fc7; border-bottom: 1px solid #a8c7e7; }
.link-blue-light:hover { color : #175fb9; border-bottom-color: #175fb9; }

/* голубая #a8c7e7 по ховеру - border из transparent в #175fb9 */
.link-blue-light-invert { color : #819fc7; border-bottom: 1px solid transparent; }
.link-blue-light-invert:hover { color : #175fb9; border-bottom-color: #175fb9; }

/* серая #5c5c5c по ховеру - бордер из transparent в #5c5c5c */
.link-dark { color:#5c5c5c; border-bottom:1px solid transparent; }
.link-dark:hover { border-bottom-color:#5c5c5c; }

/* зеленая #17b96f по ховеру - бордер из #17b96f в transparent */
.link-green { color:#17b96f; border-bottom:1px solid #17b96f; }
.link-green:hover { border-bottom:1px solid transparent; }

/* зеленая #17b96f по ховеру - бордер из transparent в #17b96f */
.link-green-invert { color:#17b96f; border-bottom:1px solid transparent; }
.link-green-invert:hover { border-bottom:1px solid #17b96f; }

/* красная #b91717 по ховеру - бордер из #b91717 в #ffffff */
.link-red { color:#b91717; border-bottom:1px solid #b91717; }
.link-red:hover { border-bottom:1px solid #ffffff; }

/* красная #b91717 по ховеру - бордер из transparent в #b91717 */
.link-red-invert { color:#b91717; border-bottom:1px solid transparent; }
.link-red-invert:hover { border-bottom:1px solid #b91717; }

/* LINKS MODS */
/* треугольник вправо после синяя #175fb9 по ховеру #a8c7e7 */
.newarrow-blue-right-after:after {
	border: 4px solid transparent;
	border-left-color: #175fb9;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right:-12px;
	top:.5em;
}
.newarrow-blue-right-after:after:hover { border-left-color:#819fc7; }

/* треугольник вправо после голубая #a8c7e7 по ховеру #175fb9 */
.newarrow-blue-light-right-after:after {
	border: 4px solid transparent;
	border-left-color: #819fc7;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right:-12px;
	top:.5em;
}
.newarrow-blue-light-right-after:hover:after { border-left-color:#175fb9; }

/* треугольник вправо до синяя #175fb9 по ховеру #a8c7e7 */
.newarrow-blue-right-before:before {
	border: 4px solid transparent;
	border-left-color: #175fb9;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	left:-8px;
	top:.5em;
}
/*.arrow-blue-right-before:hover:before { border-left-color:#a8c7e7; }*/

/* треугольник вправо до голубая #a8c7e7 по ховеру #175fb9 */
.newarrow-blue-light-right-before:before {
	border: 4px solid transparent;
	border-left-color: #819fc7;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	left:-8px;
	top:.5em;
}
/*.arrow-blue-light-right-before:hover:before { border-left-color:#175fb9; }*/

.newarrow-blue-right-before,
.newarrow-blue-light-right-before { margin-left:8px; }

/* треугольник вниз после синяя #175fb9 по ховеру #175fb9 */
.newarrow-blue-bottom-after:after {
	border: 4px solid transparent;
	border-top-color: #175fb9;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right:-12px;
	top:.7em;
}
/*.arrow-blue-light-bottom-after:hover:after { border-top-color:#175fb9; }*/

/* треугольник вниз после голубая #a8c7e7 по ховеру #175fb9 */
.newarrow-bluelight-bottom-after:after {
	border: 4px solid transparent;
	border-top-color: #a8c7e7;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right:-12px;
	top:.7em;
}
.newarrow-bluelight-bottom-after:hover:after { border-top-color:#175fb9; }

/* стрелочка вверх когда кликнули */
.newarrow-bluelight-bottom-after.active { color:#175fb9; border-bottom-color:#175fb9; }
.newarrow-bluelight-bottom-after.active:after {
	border: 4px solid transparent;
	border-bottom-color: #175fb9;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	right:-12px;
	top:.3em;
}
.newarrow-bluelight-bottom-after.dropdown:after,
.newarrow-bluelight-bottom-after.active:after {
	-webkit-transition: border 0ms linear;
	-moz-transition: border 0ms linear;
	-ms-transition: border 0ms linear;
	-o-transition: border 0ms linear;
	transition: border 0ms linear;
}


/* стрелочка вправо вверх - картинка */
.with-arrow-after:after { content:''; position:absolute; right:-12px; top:.6em; width:5px; height:5px; background:url("//img.audiomania.ru/img/card-a-after-arrow-dark-bg.png") 0 0 no-repeat; }
.with-arrow-after:hover:after { background:url("//img.audiomania.ru/img/card-a-after-arrow-light-bg.png") 0 0 no-repeat; }

.with-arrow-after-light:after { content:''; position:absolute; right:-12px; top:.6em; width:5px; height:5px; background:url("//img.audiomania.ru/img/card-a-after-arrow-light-bg.png") 0 0 no-repeat; }
.with-arrow-after-light:hover:after { background:url("//img.audiomania.ru/img/card-a-after-arrow-dark-bg.png") 0 0 no-repeat; }

/* окошко - картинка */
.open-window-after:after { content:''; position:absolute; right:-15px; top:.4em; width:10px; height:10px; background:url("//img.audiomania.ru/img/open_window-dark.png") 0 0 no-repeat; }
.open-window-after:hover:after { background:url("//img.audiomania.ru/img/open_window-light.png") 0 0 no-repeat; }

.open-window-after-light:after { content:''; position:absolute; right:-15px; top:.4em; width:10px; height:10px; background:url("//img.audiomania.ru/img/open_window-light.png") 0 0 no-repeat; }
.open-window-after-light:hover:after { background:url("//img.audiomania.ru/img/open_window-dark.png") 0 0 no-repeat; }

.open-window-after-green:after { content:''; position:absolute; right:-15px; top:.4em; width:10px; height:10px; background:url("//img.audiomania.ru/img/open_window-green.png") 0 0 no-repeat; }

.vote-up,
.vote-down { margin-left:15px; }
.vote-up:before { content:''; position:absolute; width:11px; height:11px; left:-15px; top:-2px; background:url("//img.audiomania.ru/img/icon-vote-up.png") 0 0 no-repeat; }
.vote-down:before { content:''; position:absolute; width:11px; height:11px; left:-15px; top:2px; background:url("//img.audiomania.ru/img/icon-vote-down.png") 0 0 no-repeat; }

/* TODO: заменить ужс и рзврт с линками на 3 вида + мод
* - линк dropdown
* - линк popup
* - линк block-mode
*/
.block-mode { display:block; position: relative; background-color:#fff; font-size: 12px; line-height:18px; padding:10px 20px 11px; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.block-mode:hover { background-color: #fcfdfe; }

.popup { border-bottom-style:dotted !important; }
.dropdown { border-bottom-style: dashed !important; }

/* ARROWS */
/*
* моды стрелочек:
* arrow-size-small - 4px
* arrow-size-middle - 8px
* arrow-size-big - 17px
*
* цвета:
* arrow-blue - синяя #175fb9
* arrow-blue-light - голубая #a8c7e7
* arrow-grey - серая #7d7d7d
* arrow-grey-light - светло серая #bbbbbb
*/
.arrow { position: relative; }
.arrow:before,
.arrow:after {
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
}
/*SIZE*/
	.arrow-size-small-before:before,
	.arrow-size-small-after:after,
	.arrow-size-small-before-over:hover:before,
	.arrow-size-small-after-over:hover:after {
		border-width: 4px;
	}

	.arrow-size-middle-before:before,
	.arrow-size-middle-after:after,
	.arrow-size-middle-before-over:hover:before,
	.arrow-size-middle-after-over:hover:after {
		border-width: 8px;
	}

	.arrow-size-big-before:before,
	.arrow-size-big-after:after,
	.arrow-size-big-before-over:hover:before,
	.arrow-size-big-after-over:hover:after {
		border-width: 17px;
	}
/*COLOR BLUE*/
	.arrow-blue-before:before,
	.arrow-blue-after:after,
	.arrow-blue-before-over:hover:before,
	.arrow-blue-after-over:hover:after {
		border-color: rgba(23, 95, 185, 0);
	}
	/*TOP*/
		.arrow-blue-top-before:before,
		.arrow-blue-top-after:after,
		.arrow-blue-top-before-over:hover:before,
		.arrow-blue-top-after-over:hover:after {
			border-top-color: #175fb9;
		}
	/*BOTTOM*/
		.arrow-blue-bottom-before:before,
		.arrow-blue-bottom-after:after {
			border-bottom-color: #175fb9;
		}
	/*LEFT*/
		.arrow-blue-left-before:before,
		.arrow-blue-left-after:after,
		.arrow-blue-left-before-over:hover:before,
		.arrow-blue-left-after-over:hover:after {
			border-left-color: #175fb9;
		}
	/*RIGHT*/
		.arrow-blue-right-before:before,
		.arrow-blue-right-after:after {
			border-right-color: #175fb9;
		}
/*COLOR BLUE LIGHT*/
	.arrow-blue-light-before:before,
	.arrow-blue-light-after:after,
	.arrow-blue-light-before-over:hover:before,
	.arrow-blue-light-after-over:hover:after {
		border-color: rgba(129, 159, 199, 0);
	}
	/*TOP*/
		.arrow-blue-light-top-before:before,
		.arrow-blue-light-top-after:after,
		.arrow-blue-light-top-before-over:hover:before,
		.arrow-blue-light-top-after-over:hover:after {
			border-top-color: #819fc7;
		}
	/*BOTTOM*/
		.arrow-blue-light-bottom-before:before,
		.arrow-blue-light-bottom-after:after {
			border-bottom-color: #819fc7;
		}
	/*LEFT*/
		.arrow-blue-light-left-before:before,
		.arrow-blue-light-left-after:after,
		.arrow-blue-light-left-before-over:hover:before,
		.arrow-blue-light-left-after-over:hover:after {
			border-left-color: #819fc7;
		}
/*COLOR GREY*/
	.arrow-grey-before:before,
	.arrow-grey-after:after,
	.arrow-grey-before-over:hover:before,
	.arrow-grey-after-over:hover:after {
		border-color: rgba(125, 125, 125, 0);
	}
	/*TOP*/
		.arrow-grey-top-before:before,
		.arrow-grey-top-after:after,
		.arrow-grey-top-before-over:hover:before,
		.arrow-grey-top-after-over:hover:after {
			border-top-color: #7d7d7d;
		}
	/*LEFT*/
		.arrow-grey-left-before:before,
		.arrow-grey-left-after:after,
		.arrow-grey-left-before-over:hover:before,
		.arrow-grey-left-after-over:hover:after {
			border-left-color: #7d7d7d;
		}
/*COLOR GREY LIGHT*/
	.arrow-grey-light-before:before,
	.arrow-grey-light-after:after,
	.arrow-grey-light-before-over:hover:before,
	.arrow-grey-light-after-over:hover:after {
		border-color: rgba(187, 187, 187, 0);
	}
	/*LEFT*/
		.arrow-grey-light-left-before:before,
		.arrow-grey-light-left-after:after,
		.arrow-grey-light-left-before-over:hover:before,
		.arrow-grey-light-left-after-over:hover:after {
			border-left-color: #bbbbbb;
		}
/*COLOR GREY DARK*/
	.arrow-grey-dark-before:before,
	.arrow-grey-dark-after:after,
	.arrow-grey-dark-before-over:hover:before,
	.arrow-grey-dark-after-over:hover:after {
		border-color: rgba(187, 187, 187, 0);
	}
	/*TOP*/
		.arrow-grey-dark-top-before:before,
		.arrow-grey-dark-top-after:after,
		.arrow-grey-dark-top-before-over:hover:before,
		.arrow-grey-dark-top-after-over:hover:after {
			border-top-color: #5c5c5c;
		}
	/*BOTTOM*/
		.arrow-grey-dark-bottom-before:before,
		.arrow-grey-dark-bottom-after:after,
		.arrow-grey-dark-bottom-before-over:hover:before,
		.arrow-grey-dark-bottom-after-over:hover:after {
			border-bottom-color: #5c5c5c;
		}
/*COLOR WHITE*/
	.arrow-white-before:before,
	.arrow-white-after:after,
	.arrow-white-before-over:hover:before,
	.arrow-white-after-over:hover:after {
		border-color: rgba(255, 255, 255, 0);
	}
	/*TOP*/
		.arrow-white-top-before:before,
		.arrow-white-top-after:after,
		.arrow-white-top-before-over:hover:before,
		.arrow-white-top-after-over:hover:after {
			border-top-color: #ffffff;
		}
	/*BOTTOM*/
		.arrow-white-bottom-before:before,
		.arrow-white-bottom-after:after,
		.arrow-white-bottom-before-over:hover:before,
		.arrow-white-bottom-after-over:hover:after {
			border-bottom-color: #ffffff;
		}
/*COLOR BLACK*/
	.arrow-black-before:before,
	.arrow-black-after:after,
	.arrow-black-before-over:hover:before,
	.arrow-black-after-over:hover:after {
		border-color: rgba(0, 0, 0, 0);
	}
	/*TOP*/
		.arrow-black-top-before:before,
		.arrow-black-top-after:after,
		.arrow-black-top-before-over:hover:before,
		.arrow-black-top-after-over:hover:after {
			border-top-color: #000000;
		}

/* FORM BLOCK */
.form-block label { display: block; font-size: 12px; color: #6f6f6f; margin: 0 0 5px 3px; }

/* DROP DOWN LIST */
.drop-down { display: inline; position: relative; }

.drop-down a.drop-down-header { border-bottom-style: dotted; }
.drop-down a.drop-down-header:after { right: -11px; top: 7px; }

.drop-down .drop-down-list { position: absolute; z-index: 6; top: 25px; left: 0; /*padding-top:*/ 13px; display: none; }
/*
.drop-down .drop-down-list:before,
.drop-down .drop-down-list:after {
	border: 4px solid transparent;
	border-bottom-color: #fff;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	left:47%;
	bottom:100%;
	margin-bottom:-1px;
	-webkit-transition: all 140ms linear;
	-moz-transition: all 140ms linear;
	-ms-transition: all 140ms linear;
	-o-transition: all 140ms linear;
	transition: all 140ms linear;
}
.drop-down .drop-down-list:before { margin: 0 0 0 -1px; border-bottom-color:#a8c7e7; border-width:5px; }
*/
.drop-down .drop-down-list > div { background-color: #ffffff; border: 1px solid #a8c7e7; box-shadow: #a8c7e7 0 0 2px 0; padding: 8px 20px; min-width: 90px; overflow-y:scroll; max-height:250px; }
.drop-down .drop-down-list > div:before,
.drop-down .drop-down-list > div:after { bottom: 100%; left: 47%; }
.drop-down .drop-down-list > div:before { margin: 0 0 1px -1px; }
.drop-down .drop-down-list > div h3 { font-size: 12px; text-transform: uppercase; color : #bbbbbb; border-bottom: 1px solid #e6f3ff; padding-bottom: 10px; }

.drop-down .drop-down-list a { margin-bottom: 4px; display: inline-block; font-size: 12px !important; white-space:nowrap; }

/* ICONS BACKGROUNDS
* TODO проверить использование классов
*
*/
.blue-icon {
	background: none no-repeat center center #175fb9;
	border: 1px solid #175fb9;
	width: 38px;
	height: 38px;
	display: inline-block;
	color: #ffffff !important;
}
.blue-icon-over:hover {
	background: -moz-linear-gradient(#1e7bce, #1044a5) no-repeat center center #175fb9;
	background: -o-linear-gradient(#1e7bce, #1044a5) no-repeat center center #175fb9;
	background: -webkit-linear-gradient(#1e7bce, #1044a5) no-repeat center center #175fb9;
	background: linear-gradient(#1e7bce, #1044a5) no-repeat center center #175fb9;
	box-shadow: #74ade1 0 1px 0 0 inset, 0 0 3px #175fb9;
	color: #ffffff !important;
}
.blue-icon-click:active {
	background: -webkit-linear-gradient(#1044a5, #1e7bce) no-repeat center center #175fb9;
	background: -moz-linear-gradient(#1044a5, #1e7bce) no-repeat center center #175fb9;
	background: -o-linear-gradient(#1044a5, #1e7bce) no-repeat center center #175fb9;
	background: linear-gradient(#1044a5, #1e7bce) no-repeat center center #175fb9;
	box-shadow: none;
	color: #ffffff !important;
}
.blue-light-icon {
	background: none no-repeat center center #e6f3ff;
	border: 1px solid #e6f3ff;
	width: 38px;
	height: 38px;
	display: inline-block;
}
.blue-light-icon-over:hover {
	background: -webkit-linear-gradient(#edf7ff, #dff0ff) no-repeat center center #e6f3ff;
	background: -moz-linear-gradient(#edf7ff, #dff0ff) no-repeat center center #e6f3ff;
	background: -o-linear-gradient(#edf7ff, #dff0ff) no-repeat center center #e6f3ff;
	background: linear-gradient(#edf7ff, #dff0ff) no-repeat center center #e6f3ff;
	box-shadow: #f4faff 0 1px 0 0 inset, 0 0 3px #a8c7e7;
	border-color: #a8c7e7;
}
.blue-light-icon-click:active {
	background: -webkit-linear-gradient(#dff0ff, #edf7ff) no-repeat center center #e6f3ff;
	background: -moz-linear-gradient(#dff0ff, #edf7ff) no-repeat center center #e6f3ff;
	background: -o-linear-gradient(#dff0ff, #edf7ff) no-repeat center center #e6f3ff;
	background: linear-gradient(#dff0ff, #edf7ff) no-repeat center center #e6f3ff;
	box-shadow: none;
	border-color: #a8c7e7;
}
.grey-icon-over {
	opacity: 0;
	background: none no-repeat center center #7d7d7d;
	border: 1px solid #7d7d7d;
	width: 38px;
	height: 38px;
	display: inline-block;
	background-image: -webkit-linear-gradient(#a1a1a1, #5a5a5a);
	background-image: -moz-linear-gradient(#a1a1a1, #5a5a5a);
	background-image: -o-linear-gradient(#a1a1a1, #5a5a5a);
	background-image: linear-gradient(#a1a1a1, #5a5a5a);
	border: 1px solid #7d7d7d;
	box-shadow: #c5c5c5 0 1px 0 0 inset, 0 0 3px #7d7d7d;
}


/* BUTTONS */
.button { margin:3px; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* синяя кнопка с градиентом */
.blue-button-gradient {
	border: 1px solid #175fb9;
	border-radius: 4px;
	background-color: #175fb9;
	box-shadow: 0 1px 0 #74ade1 inset, 0 1px 2px rgba(0,0,0,.3);
	background-image: -moz-linear-gradient(bottom, #1044a5 0%, #1e7acd 100%);
	background-image: -o-linear-gradient(bottom, #1044a5 0%, #1e7acd 100%);
	background-image: -webkit-linear-gradient(bottom, #1044a5 0%, #1e7acd 100%);
	background-image: linear-gradient(bottom, #1044a5 0%, #1e7acd 100%);
}

.blue-button-gradient:hover {
	box-shadow: 0 1px 0 0 #74ade1 inset, 0 0 3px #175fb9;
}

.blue-button-gradient:focus,
.blue-button-gradient:active {
	box-shadow:none;
	background-image: -moz-linear-gradient(bottom, #1e7acd 0%, #1044a5 100%);
	background-image: -o-linear-gradient(bottom, #1e7acd 0%, #1044a5 100%);
	background-image: -webkit-linear-gradient(bottom, #1e7acd 0%, #1044a5 100%);
	background-image: linear-gradient(bottom, #1e7acd 0%, #1044a5 100%);
}

.blue-button-gradient span { color:#fff; display:block; }

/* голубая кнопка с градиентом */
.light-blue-button-gradient {
	border: 1px solid #a8c7e7;
	border-radius: 4px;
	background-color: #ddedff;
	box-shadow: 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,.15), 0 0 3px transparent;
	background-image: -moz-linear-gradient(bottom, #d3e9ff 0%, #e7f3ff 100%);
	background-image: -o-linear-gradient(bottom, #d3e9ff 0%, #e7f3ff 100%);
	background-image: -webkit-linear-gradient(bottom, #d3e9ff 0%, #e7f3ff 100%);
	background-image: linear-gradient(bottom, #d3e9ff 0%, #e7f3ff 100%);
}

.light-blue-button-gradient:hover {
	box-shadow: 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,.15), 0 0 3px #a8c7e7;
}

.light-blue-button-gradient:focus,
.light-blue-button-gradient:active {
	box-shadow:none;
	background-image: -moz-linear-gradient(bottom, #e7f3ff 0%, #d3e9ff 100%);
	background-image: -o-linear-gradient(bottom, #e7f3ff 0%, #d3e9ff 100%);
	background-image: -webkit-linear-gradient(bottom, #e7f3ff 0%, #d3e9ff 100%);
	background-image: linear-gradient(bottom, #e7f3ff 0%, #d3e9ff 100%);
}

.light-blue-button-gradient span { color:#175fb9; display:block; }


/* серая кнопка с градиентом */
.gray-button-gradient {
	border: 1px solid #a8c7e7;
	border-radius: 4px;
	background-color: #ddedff;
	box-shadow: 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,.15), 0 0 3px transparent;
	background-image: -moz-linear-gradient(bottom, #d3e9ff 0%, #e7f3ff 100%);
	background-image: -o-linear-gradient(bottom, #d3e9ff 0%, #e7f3ff 100%);
	background-image: -webkit-linear-gradient(bottom, #d3e9ff 0%, #e7f3ff 100%);
	background-image: linear-gradient(bottom, #d3e9ff 0%, #e7f3ff 100%);
}

.gray-button-gradient:hover {
	box-shadow: 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,.15), 0 0 3px #a8c7e7;
}

.gray-button-gradient:focus,
.gray-button-gradient:active {
	box-shadow:none;
	background-image: -moz-linear-gradient(bottom, #e7f3ff 0%, #d3e9ff 100%);
	background-image: -o-linear-gradient(bottom, #e7f3ff 0%, #d3e9ff 100%);
	background-image: -webkit-linear-gradient(bottom, #e7f3ff 0%, #d3e9ff 100%);
	background-image: linear-gradient(bottom, #e7f3ff 0%, #d3e9ff 100%);
}

.gray-button-gradient span { color:#175fb9; display:block; }

/* плоская кнопка, голубая */
.flat-light-blue-button { border-radius:4px; border:1px solid #a8c7e7; background:#e6f3ff; box-sizing:border-box; padding:0 20px; line-height:inherit; }

/* плоская кнопка, белая */
.flat-white-button { border-radius:4px; border:1px solid #a8c7e7; background:#fff; box-sizing:border-box; padding:0 20px; line-height:inherit; }

/* размеры кнопок */
.button-auto-30 { width:100%; height:30px; line-height:28px; display:block; }
.button-auto-40 { width:100%; height:40px; display:block; }
.button-auto-50 { width:100%; height:50px; display:block; }
.button-auto-60 { width:100%; height:60px; display:block; padding:2px 5px; }
.button-120-30 { width:120px; height:30px; display:block; }

.button-170-50 { width:170px; height:50px; display:block; }
.button-140-50 { width:140px; height:50px; display:block; }
.button-140-30 { width:140px; height:30px; display:block; }
.button-110-40 { width:110px; height:40px; display:block; }
.button-40-40 { width:40px; height:40px; display:block; }
.button-40-30 { width:40px; height:30px; display:block; }

/* для кнопки купить иконка */
.button .cart { background-image:url("//img.audiomania.ru/img/button-cart-normal.png"); background-repeat:no-repeat; }
.button:hover .cart { background-image:url("//img.audiomania.ru/img/button-cart-hover.png"); }
.button:focus .cart, .button:active .cart { background-image:url("//img.audiomania.ru/img/button-cart-click.png"); }
.button .cart.preorder, .button:hover .cart.preorder, .button:focus .cart.preorder, .button:active .cart.preorder { background-image:none; }
.button .cart.preorder-v2, .button:hover .cart.preorder-v2, .button:focus .cart.preorder-v2, .button:active .cart.preorder-v2 { background-image:none; }
.button.button-140-50 .cart { padding-left:50px; background-position:11px center; line-height:46px; font-size:18px; font-weight:bold; }
.button.button-140-50 .cart.preorder, .button.button-140-50 .cart.preorder-v2 { padding-left:20px; }
.button.button-110-40 .cart { padding-left:50px; background-position:10px center; line-height:36px; font-size:12px; }
.button.button-110-40 .cart.preorder, .button.button-110-40 .cart.preorder-v2 { padding-left:28px; }
.button.button-40-40 .cart { background-position:center center; height:38px; }

.button .cart-v5 { background-image:url("//img.audiomania.ru/img/button-cart-normal.png"); background-repeat:no-repeat; }
.button:hover .cart-v5 { background-image:url("//img.audiomania.ru/img/button-cart-hover.png"); }
.button:focus .cart-v5, .button:active .cart-v5 { background-image:url("//img.audiomania.ru/img/button-cart-click.png"); }
.button .cart-v5.preorder, .button:hover .cart-v5.preorder, .button:focus .cart-v5.preorder, .button:active .cart-v5.preorder { background-image:none; }
.button .cart-v5.preorder-v2, .button:hover .cart-v5.preorder-v2, .button:focus .cart-v5.preorder-v2, .button:active .cart-v5.preorder-v2 { background-image:none; }
.button.button-140-50 .cart-v5 { padding-left:50px; background-position:11px center; line-height:46px; font-size:18px; font-weight:bold; }
.button.button-140-50 .cart-v5.preorder, .button.button-140-50 .cart-v5.preorder-v2 { padding-left:20px; }
.button.button-110-40 .cart-v5 { padding-left:50px; background-position:10px center; line-height:36px; font-size:12px; }
.button.button-110-40 .cart-v5.preorder, .button.button-110-40 .cart-v5.preorder-v2 { padding-left:28px; }
.button.button-40-40 .cart-v5 { background-position:center center; height:38px; }

/* для кнопки с ухом иконка */
.button .listen { background-image:url("//img.audiomania.ru/img/button-listen-normal.png"); background-repeat:no-repeat; }
.button:hover .listen { background-image:url("//img.audiomania.ru/img/button-listen-hover.gif"); }
.button.button-140-50 .listen { padding-left:40px; margin:6px 0 8px; font-size:12px; background-position:8px center; }
.button.button-110-40 .listen {}
.button.button-40-40 .listen { background-position:center center; height:38px; }

.button .cart_paylate { background-image:url("//img.audiomania.ru/img/button-paylate-v2.png"); background-repeat:no-repeat; }
.button:hover .cart_paylate { }
.button.button-170-50 .cart_paylate { padding-left:48px; margin:6px 0 8px; font-size:12px; background-position:8px center; }

.button .cart_pb_credit { background-image:url("//img.audiomania.ru/img/button-paylate-v2.png"); background-repeat:no-repeat; }
.button:hover .cart_pb_credit { }
.button.button-170-50 .cart_pb_credit { padding-left:48px; margin:6px 0 8px; font-size:12px; background-position:8px center; }

.button .cart_pb_rassr { background-image:url("//img.audiomania.ru/img/button-pb-credit.png"); background-repeat:no-repeat; }
.button:hover .cart_pb_rassr { }
.button.button-170-50 .cart_pb_rassr { padding-left:48px; margin:6px 0 8px; font-size:12px; background-position:8px center; }

/* для кнопки tradein иконка */
.button .tradein {}

.button.button-140-50 .tradein { padding-left:10px; margin:6px 0 8px; font-size:12px; }
.button.button-110-40 .tradein {}
.button.button-40-40 .tradein {}

/* TODO: элементы форм */


/* ICONS */
.icon-bubble-review {
	background: url("//img.audiomania.ru/img/bubble_review.png") no-repeat center;
}
.icon-bubble-feedback {

	background: url("//img.audiomania.ru/img/bubble_feedback.png") no-repeat center;
}
.icon-bubble-vote {
	background: url("//img.audiomania.ru/img/bubble_vote.png") no-repeat center;
}
.icon-cart-empty {
	background-image: url("//img.audiomania.ru/img/cart_empty.png") !important;
}
.icon-cart-not-empty {
	background-image: url("//img.audiomania.ru/img/cart_not_empty.png"); cursor:pointer;
}
.icon-catalog {
	background-image: url("//img.audiomania.ru/img/catalog.png");
}
.icon-ready-solutions {
	background-image: url("//img.audiomania.ru/img/ready_solutions.png");
}
.icon-catalog-by-brands {
	background-image: url("//img.audiomania.ru/img/brandsarrow.png");
}
.icon-search {
	background-image: url("//img.audiomania.ru/img/search.png");
}
.icon-online {
	background: url("//img.audiomania.ru/img/online.png") no-repeat left center;
}
.icon-listen {
	background-image: url("//img.audiomania.ru/img/listen.png");
}
.icon-add-to-cart {
	background-image: url("//img.audiomania.ru/img/add_to_cart.png");
}
.icon-catalog-fixed {
	background-image: url("//img.audiomania.ru/img/catalog_fixed.png");
}
.icon-search-fixed {
	background-image: url("//img.audiomania.ru/img/search_fixed.png");
}
.icon-user-fixed {
	background-image: url("//img.audiomania.ru/img/user_fixed.png");
}
.icon-invert {
	background-image: url("//img.audiomania.ru/img/brandsarrow-lightblue.png");
}
.icon-search-field-fixed {
	background-image: url("//img.audiomania.ru/img/search_field_fixed.png") !important;
}

/* select in attribute_fieldset */
.attribute_fieldset select { width:140px; height:30px; border:1px solid #a7c7e7; border-radius:4px; padding:5px 35px 5px 5px; margin:10px 0; outline:none; }

/* слайдер для выбора значений */
.range-selector { padding:0 5px 15px; margin:10px 10px 0; border-top:1px solid #e6f3ff; }
.range-selector .caption { color:#6f6f6f; font-size:12px; }
.range-selector .caption span { color:#bbbbbb; }
.range-wrapper { padding:15px 10px; }

/* range-selector irs */
.range-selector .irs { position: relative; display: block; height: 32px; }
.range-selector .irs span { display: block; cursor: default; font-size: 11px; line-height: 20px; white-space: nowrap; color: #6f6f6f; font-weight: normal; text-align: center; }
.range-selector .irs .irs-line { position: relative; top:10px; overflow: hidden; height: 10px; border: 1px solid #a7c7e7; border-radius: 4px; background-color: #fff; box-shadow: 0 1px 0 #fff, inset 0 0 5px rgba(0,0,0,.1); outline: none; }
.range-selector .irs .irs-line-left { position: absolute; top:0; left:0; width: 11%; }
.range-selector .irs .irs-line-mid { position: absolute; top:0; left:9%; width: 82%; }
.range-selector .irs .irs-line-right { position: absolute; top:0; right:0; width: 11%; }
.range-selector .irs .irs-grid { display: none; }
.range-selector .irs .irs-min,
.range-selector .irs .irs-max,
.range-selector .irs .irs-from,
.range-selector .irs .irs-to,
.range-selector .irs .irs-single { position: absolute; left:0; top:100%; }
.range-selector .irs .irs-max { right:0; }
.range-selector .irs .irs-bar { position:absolute; width: 0; left: 0; top: 11px; height: 10px; background: #e6f3ff; }
.range-selector .irs .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; left:0; width: 0; }
.range-selector .irs .irs-slider { position: absolute; top:0; z-index: 2; cursor: pointer; touch-action: none; width: 30px; height: 30px; border: 1px solid #a8c7e7; border-radius: 15px; background-color: #fff; outline: none; color: #a8c7e7; font-size: 12px; line-height: 28px; text-align: center; }
.range-selector .irs .irs-slider.type_last { z-index: 3; }

/* ui-slider */
.ui-slider { position:relative; text-align:left; }
.ui-slider-horizontal { height:10px; border:1px solid #a7c7e7; border-radius:4px; background-color:#fff; box-shadow:0 1px 0 #fff, inset 0 0 5px rgba(0,0,0,.1); }
.ui-slider-range { height:10px; background-color:#e6f3ff; position:absolute; }

.ui-slider .step,
.ui-slider .step2 { position:absolute; top:10px; z-index:1; width:1px; background:#bbb; }
.ui-slider .step { height:5px;}
.ui-slider .step2 { height:10px; }

.ui-slider .ui-slider-handle { position:absolute; z-index:2; cursor:pointer; touch-action:none; width:29px; height:29px; border:1px solid #a8c7e7; border-radius:15px; top:-10px; margin-left:-15px; background-color:#fff; outline:none; color:#a8c7e7; font-size:12px; line-height:26px; text-align:center; }
.ui-slider .ui-slider-handle b { display:block; position:absolute; left:0; top:100%; width:30px; height:20px; font-size:11px; line-height:20px; white-space:nowrap; color:#6f6f6f; font-weight:normal; text-align:center; }

/* nps */
.index-nps p { padding:0 20px; }
.graph-nps { background:url("//img.audiomania.ru/img/NPSBackcells.png") center 20px no-repeat; padding:20px 20px 0; height:242px; position:relative; }
.graph-nps div { background-color:#feae00; position:absolute; bottom:0; color:#fff; font-size:12px; text-align:center; vertical-align:bottom; }
.graph-nps .after { position:absolute; left:0; top:-20px; width:54px; line-height:20px; color:#000; }
.graph-nps .date { position:absolute; left:0; bottom:10px; width:54px; line-height:14px; display:block; }

@media screen and (min-width: 0\0) {
.attribute_fieldset select { background: none; padding: 5px; }
}