/*!

	BASE
		BASE - ROOT
		BASE - HTML5
		BASE - EMBEDDED
		BASE - FORMS
		BASE - TABLES
		BASE - LINKS
		BASE - LISTS
		BASE - TYPOGRAPHY
 
 */



/* BASE
---------------------------------------------------------------------*/

/* BASE - ROOT
---------------------------------------------------------------------*/

html {
	font-size: 62.5%;
	font-family: sans-serif;
	overflow-y: scroll; /* убираем скачок из-за появляющейся полосы прокрутки */
	-webkit-font-smoothing: antialiased; /* лучшее сглаживание шрифта в макоси */
	-webkit-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	        text-size-adjust: none;
}

body {
	line-height: 1.3;
	margin: 0; /* Убираем внутренний отступ */
}

/* Текстовые выделения: убирается тень и добавляются цвета по умолчанию */
::-moz-selection {
	background-color: #b3d3fd;
	color: #000;
	text-shadow: none;
}
::selection {
	background-color: #b3d3fd;
	color: #000;
	text-shadow: none;
}

[hidden], template { /* отсутствует в ИЕ, Сафари и ФФлт22 */
	display: none;
}



/* BASE - HTML5
---------------------------------------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block; /* исправляется отображение в ИЕ891011 и ФФ */
}

audio, canvas, progress, video {
	display: inline-block; /* исправляется отображение в ИЕ89 */
	vertical-align: baseline; /* выравнивание в Хроме, ФФ и Опере */
}

audio:not([controls]) {
	display: none; /* не отображать без элементов управления */
	height: 0; /* убирается ненужная высота в аёс 5 */
}



/* BASE - EMBEDDED
---------------------------------------------------------------------*/

img {
	border: 0; /* убирается граница, если изображение внутри ссылки в ИЕ89 */
	vertical-align: middle;
}

/* убирается отступ снизу */

.ielte7 img {
	-ms-interpolation-mode: bicubic;/* улучшение отображения при изменении размера */
}

svg:not(:root) {
	overflow: hidden; /* отображение в ИЕ91011 */
}

figure {
	margin: 0; /* ИЕ 789, Сафари 5, Опера 11 */
}



/* BASE - FORMS
---------------------------------------------------------------------*/

.ielte7 form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	
	/* http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content/17863685#17863685 */
	min-width: 0;
}

@-moz-document url-prefix() {
	fieldset {
		display: table-cell;
		vertical-align: middle;
	}
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

.ielte7 legend {
	margin-left: -7px;
}

label, input[type="checkbox"], input[type="radio"], button, select {
	cursor: pointer;
}
html input[disabled], button[disabled], select[disabled] {
	cursor: default;
}

button, input, optgroup, select, textarea {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	color: inherit;
	font: inherit;
	margin: 0;
	vertical-align: baseline;
}

.ielte7 button, .ielte7 input, .ielte7 optgroup, .ielte7 select, .ielte7 textarea {
	vertical-align: middle;
}

button, input {
	line-height: normal;
}

button, select {
	text-transform: none;
}

button {
	overflow: visible; /* изначально значение `hidden` в ИЕ */
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* отображение в аёс и андроид */
	cursor: pointer;
}

.ielte7 button, .ielte7 html input[type="button"], .ielte7 input[type="reset"], .ielte7 input[type="submit"] {
	overflow: visible;/* внутренний отступ */
}

button[disabled], html input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	-moz-box-sizing: border-box;
	     box-sizing: border-box; /* правильные размеры для ИЕ */
	padding: 0;
	
	/* правильное выравнивание по вертикали */
	margin-top: -.17em;
	vertical-align: middle;
}

.ielte7 input[type="checkbox"], .ielte7 input[type="radio"] {
	height: 13px;
	width: 13px;
}

/* исправление проблемы с отображением в Хроме */
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;
}

/* проблемы с отображением в Хроме и Сафари */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto; /* теперь должен отображаться верный курсор */
}

/* внутренний отступ в ФФ */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* выделение элементов при фокусе в Хроме */
select:focus, button:focus, textarea:focus, input:focus, [tabindex]:focus {
	outline: 0;
}

/* вертикальная полоса прокрутки в ИЕ */
textarea {
	min-height: 5em;
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

legend {
	border: 0; /* правильный цвет не наследовался в ИЕ */
	padding: 0;
}

optgroup {
	font-weight: 700; /* жирность должна не наследоваться */
}



/* BASE - TABLES
---------------------------------------------------------------------*/

/* устранение отступов между ячейками */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}



/* BASE - LINKS
---------------------------------------------------------------------*/

a:focus {
	outline: thin dotted; /* одинаковое выделение выбранных ссылок */
}

a:active, a:hover {
	outline: 0; /* убираем выделение в других состояниях */
}



/* BASE - LISTS
---------------------------------------------------------------------*/

li ul, li ol {
	margin: 0.43333em 0 0.86667em;
}
ul, ol, dl {
	margin: 0 0 1.3em;
}
ul, ol {
	padding: 0 0 0 1.5em;
}
li, dt, dd {
	margin-top: 0.43333em;
	padding-left: 0;
	position: relative;
}
li:first-child, dt:first-child, dd:first-child {
	margin-top: 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 3em;
}



/* BASE - TYPOGRAPHY
---------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 2em;
	line-height: 1em;
	margin: 0.65em 0 0.325em;
}

h2 {
	font-size: 1.5em;
	line-height: 0.86667em;
	margin: 0.86667em 0 0.43333em;
}

h3 {
	font-size: 1.17em;
	line-height: 1.11111em;
	margin: 1.11111em 0 0.55556em;
}

h4 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 1.3em 0 0.65em;
}

h5 {
	font-size: .83em;
	line-height: 1.56627em;
	margin: 1.56627em 0 0.78313em;
}

h6 {
	font-size: .67em;
	line-height: 1.9403em;
	margin: 1.9403em 0 0.97015em;
}

p, pre, blockquote {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 1.3em;
}

p + ul, p + ol, p + dl {
	margin-top: -0.65em;
}


abbr[title] {
	border-bottom: 1px dotted; /* стиль отсутствует в ИЕ 89, Сафари 5 и в Хроме */
	cursor: help;
}

b, strong {
	font-weight: 700;
}

i, em {
	font-style: italic;
}

dfn {
	font-style: italic; /* стиль отсутствует в Сафари 5 и Хроме */
}

/* в ФФ теперь не отличается */
hr {
	-moz-box-sizing: content-box;
	     box-sizing: content-box;
	height: 0;
}

/* стиль отсутствует в ИЕ 789 */
mark {
	background: #ff0;
	color: #000;
}

/* стиль отсутствует в Сафари 5 и Хроме */
code, kbd, pre, samp {
	font-family: monospace, sans-serif;
	font-size: 1em;
}

pre {
	overflow: auto; /* правильное поведение при переполнении */
	white-space: pre-wrap; /* улучшает читаемость во всех браузерах */
}

/* кавычки для русского и английского языков */
q:lang(en), .q.en {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
q:lang(ru), .q.ru {
	quotes: '\00AB' '\00BB' '\201E' '\201C';
}

big {
	font-size: 120%;
}
small {
	font-size: 80%;
}

/* чтобы не влияли на высоту строки */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}

wbr {
	display: inline-block;
}
/*!
	
	USEFUL
 
 */


/* USEFUL
---------------------------------------------------------------------*/

/* предотвращает схлопывание элемента, если в нём есть плавающие */
.group:before, .group:after {
	content: " ";
	display: table;
}
.group:after {
	clear: both;
}

/* альтернативный способ */
.groupIB {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	display: inline-block;
	width: 100%;
}

.hideAway {
	left: -9999px;
	position: absolute;
	top: -9999px;
	visibility: hidden;
}
.hideAway\! {
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
	visibility: hidden !important;
}

.hideAway--clear {
	left: auto;
	position: static;
	top: auto;
	visibility: visible;
}
.hideAway--clear\! {
	left: auto !important;
	position: static !important;
	top: auto !important;
	visibility: visible !important;
}

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


/* грамотное выравнивание */
.v-a-m-true {
	margin-top: -.17em;
	vertical-align: middle;
}

.v-a-m-tranY {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}


img[align="left"], .align-left {
	float: left;
	margin-right: .75em;
}
img[align="right"], .align-right {
	float: right;
	margin-left: .75em;
}


/* встраиваемое содержимое растягивается на всю ширину контейнера, не искажаясь */
.embedFill {
	height: auto;
	width: 100%;
}


/* предзагрузка изображений */
/*
<button>
<span class="Icon order imgPreload imgPreloadLoading"></span>
Купить
</button>
*/

.imgPreload:after {
	content: '';
	display: inline;
}
/*.imgPreloadLoading:after,
.Btn.loading .Icon {
	background: url("/img/icons/loading.gif");
}*/

/*
 * осеревание изображения
 * http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
 * https://github.com/karlhorky/gray
 */
.grayscale {
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+ */
	        filter: grayscale(100%); /* Chrome 19+, Safari 6+ */
}


/*
<label for="input">Заголовок</label>
<input id="input" type="text" />
*/

.fieldRequired:after {
	color: red;
	content: '*';
	font-weight: bold;
	margin-left: .3em;
}

.ielte7 .fieldRequired {
	background-color: #fdd;
	display: inline;
	min-height: 1em;
	min-width: 1em;
	zoom: 1;
}


.Required:after {
	content: '*';
	color: #e35959;
}


/* скрытие элементов, нуждающихся в джс, класс для модернизра */
.isNeedsJS {
	opacity: 0;
	visibility: hidden;
}
.has-js .isNeedsJS {
	opacity: 1;
	visibility: visible;
}


/* скрытие текста в элементе */
.textHide, .Logo__image, .Nav__logo, .Product__badge {
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}
.ielte7 .textHide {
	text-indent: -9999px;/* проблема: строчно-блоковые элементы улетают */
}

.textHideAway {
	text-indent: -9999px;
}


/* невыделяемый текст */
.noUserSelect {
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.noUserSelect::-moz-selection {
	color: inherit
}
.noUserSelect::selection {
	color: inherit
}

/* отключение всплытия информации о ссылке при долгом нажатии на ней, http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#/apple_ref/css/property/-webkit-touch-callout */
.noTouchCallout {
	-webkit-touch-callout: none;
}

/* https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html */
/* аналог для ИЕ10 на ВинФон8 — http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx */
.noTapHighlight {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* верхний регистр с разрядкой */
.textUppercase {
	font-size: .875em;
	letter-spacing: .1em;
	margin-right: -.1em;
	text-transform: uppercase;
}

/* полупробел */
/* аналог в хтмл — `&#8198;` [отсюда](http://stackoverflow.com/a/8515417) */
/* неразрывный вариант — `&#8239;` [отсюда](http://en.wikipedia.org/wiki/Non-breaking_space) */
/* символьные аналоги могут не отображаться в некоторых системах, поэтому: */
/*
<span class="halfSpace">&nbsp;</span>
*/
.textHalfSpace {
	font-size: 50%;
	line-height: 1;
}


/*doc

### .TextFade

Плавное опрозрачнивание однострочного текста

Не работает в опере 12, в ИЕ скрывается троеточиями (где возможно)
*/

.TextFade {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-webkit-mask-image: linear-gradient(to left, transparent 0, #000 3em);
	        mask-image: linear-gradient(to left, transparent 0, #000 3em);
	-ms-text-overflow: ellipsis;
}


/* вытягивание текста в одну строку и обрезание троеточием */
.fillLine {
	display: inline-block;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
			text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}


/*
Скрытие текста обрезанием

http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/

```html
<p class="Ellipsify"><span class="Ellipsify__text">Эксикатор разрушаем. Заиливание волнообразно. Очевидно, что надолба перемещает легкосуглинистый бур, вне зависимости от предсказаний теоретической модели явления. Латерит, как следует из полевых и лабораторных наблюдений, восстанавливает пахотный чернозём одинаково по всем направлениям.<span></p>
```
*/

.Ellipsify {
	height: 5.2em;
	line-height: 1.3em;
	overflow: hidden;
}

.Ellipsify:before {
	content: "";
	float: left;
	height: 5.2em;
	width: 5px;
}

.Ellipsify:after {
	-moz-box-sizing: content-box;
	     box-sizing: content-box;
	content: "\02026";
	float: right;
	left: 100%;
	margin-left: -1em;
	padding-right: 5px;
	position: relative;
	text-align: right;
	top: -1.3em;
	width: 1em;
}
.Ellipsify__text {
	float: right;
	margin-left: -5px;
	width: 100%;
}


/* добавление индикатора выпадаемости */

.caret {
	border: .36em solid transparent;
	border-top-color: currentColor;
	border-bottom-width: 0;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
}

.caret--top {
	border-top: 0;
	border-bottom-color: currentColor;
	border-bottom-width: .36em;
}

.caret--left {
	border-right: 0;
	border-left-color: currentColor;
	border-top-color: transparent;
	border-bottom-width: .36em;
}

.caret--right {
	border-left: 0;
	border-right-color: currentColor;
	border-top-color: transparent;
	border-bottom-width: .36em;
}

.caret--after {
	margin-left: .4em;
}

.caret--before {
	margin-right: .4em;
}

.Btn .caret {
	margin-left: 0;
}


/* добавление внешних стрелок, удобно для ссылок со стрелками */
.larr, .rarr {
	position: relative;
}
.larr {
	margin-left: 1.5em;
}
.rarr {
	margin-right: 1.5em;
}
.larr:before, .rarr:after {
	font-size: 1.2em;
	line-height: 1em;
	position: absolute;
	top: 0;
}
.larr:before {
	content: "\2190";
	margin-right: .3em;
	right: 100%;
}
.rarr:after {
	content: "\2192";
	left: 100%;
	margin-left: .3em;
}

.Delta {
	color: #999;
}

.Delta--positiveDown, .Delta--positive {
	color: #48b28b;
}

.Delta--positiveDown:after, .Delta--positive:after {
	content: '\2191';
	position: relative;
	top: -.15em;
}

.Delta--positiveDown:after {
	content: '\2193';
}

.Delta--negativeUp, .Delta--negative {
	color: #e45959;
}

.Delta--negativeUp:after, .Delta--negative:after {
	content: '\2193';
	position: relative;
	top: -.15em;
}

.Delta--negativeUp:after {
	content: '\2191';
}


/* Адаптивные таблицы */
.TableResponsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
/* BLOCKS - RUBLE
---------------------------------------------------------------------*/

/*doc

### Знак рубля

Реализован контейнер для текста, который будет копироваться, вместо самого знака. Если шрифт не подгружается — отображается «руб»

```html
120<span class="Rub"> руб.</span>
```
*/
.Rub {
	font-family: "Ruble Arial", "Trebuchet MS", sans-serif;
}
/* BLOCKS - SPINNER
---------------------------------------------------------------------*/

/*doc

### Spinner

Индикатор продолжительного процесса.
Работает, где есть анимации и трансформации.

```html
<span class="Spinner"></span> Загрузка
```
*/

@-webkit-keyframes Spinner {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

@-moz-keyframes Spinner {
	0% {-moz-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);transform: rotate(360deg);}
}

@-o-keyframes Spinner {
	0% {-o-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);transform: rotate(360deg);}
}

@keyframes Spinner {
	0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}

.Spinner {
	display: inline-block;
	height: .75em;
	vertical-align: middle;
	width: .75em;
	-webkit-animation: Spinner linear .7s infinite;
	   -moz-animation: Spinner linear .7s infinite;
	     -o-animation: Spinner linear .7s infinite;
	        animation: Spinner linear .7s infinite;
	border-radius: 100%;
	border: .33em solid transparent;
	border-top-color: #d42e12;
	font-size: 1em;
	margin-top: -.2em;
}



body {
	background: #fff;
	font-family: 'Trebuchet MS', tahoma, arial, sans-serif;
	font-size: 1.5em;
	line-height: 1.3;
	min-width: 940px;
}


.icon {
	margin-top: -.2em;
	vertical-align: middle;
}


.Group {
	display: table;
	width: 100%;
}

.Box {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	
	padding-left: 0;
}

.Group--fixed {
	table-layout: fixed;
}
.Group--fixed .Box {
	word-wrap: break-word;
}

.Group--ib {
	word-wrap: break-word;
}
.Group--ib .Box {
	display: inline-block;
}

.Row {
	display: table-row;
}



.pseudoLink {
	border-bottom: 1px dotted;
	color: #d64027;
	cursor: pointer;
}



a.pseudoLink {
	text-decoration: none;
}



h2 {
	font-size: 36px;
}
h3 {
	font-size: 34px;
}

h4, .h4 {
	font-weight: normal;
}



a {
	color: #d54026;
}
a:hover {
	color: #ff010d;
}

.Page__wrapper {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	min-width: 980px;
	padding-left: 30px;
	padding-right: 30px;
}



.Page__header {
	padding-top: 20px;
	padding-bottom: 20px;
}
.Header__anchor + .Header__anchor {
	margin-top: 5px;
}
.Header__anchor--contacts .pseudoLink {
	color: #4c4c4c;
}
.Header__anchor--contacts .pseudoLink:hover {
	color: #000;
}

.Logo__image {
	background-image: url('/landings/assets_oz/img/dest/brand/logo.png');
	width: 170px;
	height: 47px;
}
.Logo__text {
	color: #d42e12;
	font-size: 22px;
	line-height: 1.2em;
}
.Logo .Box.image {
	width: 1px;
}
.Logo .Box.text {
	padding-left: 20px;
	padding-top: 4px;
}


.Page__nav {
	position: relative;
	z-index: 100;
	height: 0;
}


.Page__nav > .Page__wrapper {
	position: relative;
	top: 25px;
	max-width: 100%;
	width: 100%;
}

.Nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	-moz-transition-duration: .1s;
	
	  -o-transition-duration: .1s;
	
	     transition-duration: .1s;
}

.Nav > .Page__wrapper {
	position: relative;
}
.Nav__logo, .Nav__item {
	margin-top: 5px;
	margin-bottom: 5px;
}
.Nav__item {
	color: #ffffff;
	color: rgba(255,255,255,.8);
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-left: .75em;
	margin-right: .75em;
	padding: .2em .4em;
	position: relative;
	text-decoration: none;
	-o-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}
.Nav__item:hover {
	color: #fff;
}
.Nav__logo + .Nav__item {
	margin-left: 2em;
}
@media (max-width: 1130px) {

	.Nav__item {
		margin-left: .5em;
		margin-right: .5em;
		font-size: 13px;
	}
}
.Nav__text {
	display: inline-block;
	color: inherit;
}

.Nav__logo {
	background-image: url('/landings/assets_oz/img/dest/brand/logo.png');
	width: 170px;
	height: 47px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4em;
	-o-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}

.Nav--isFixed {
	background-color: #000000;
	background-color: rgba(0,0,0,.9);
	position: fixed;
	top: 0;
	-o-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}

.Nav--isFixed .Nav__logo {
	background-image: url('/landings/assets_oz/img/dest/brand/logo--small.png');
	width: 189px;
	height: 29px;
}

.Nav__item.anchorSpy--active {
	background-color: #00aef0;
	color: #fff;
	border-bottom: 0;
}

.Nav__item.anchorSpy--active .Nav__text {
	border-bottom-width: 0;
}



.Section {
	padding-top: 100px;
	padding-bottom: 100px;
}
.Section__header, .Section__description {
	margin-bottom: 40px;
	text-align: center;
}
.Section__header {
	margin-top: 0;
}
.Section__description {
	font-size: 16px;
}
.Section__header + .Section__description {
	margin-top: -30px;
}



.Btn {
	border: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	overflow: visible;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	
	background: none;
}
.Btn:hover {
	text-decoration: none;
}

.Btn--default {
	line-height: 1;
	position: relative;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	
	border: 2px solid;
	color: #d42e12;
	
	/* хром обрезает кнопки в витрине */
	margin-bottom: 1px;
	padding: 25px 45px;
}
.Btn--default:hover, .Btn--default.hover, .Btn--default:focus {
	background-color: #cf5d3f;
	border-color: #cf5d3f;
	color: #fff;
}
.Btn--default:active, .Btn--default.active {
	box-shadow: inset 0 5px 1px -3px rgba(0,0,10,.25);
}
.Btn--main {
	background-color: #ea6a48;
	border-width: 0;
	color: #fff;
	font-size: 22px;
}

.Btn__text {
	-o-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
.Btn:active .Btn__text {
	display: inline-block;
	-webkit-transform: translateY(3px);
	   -moz-transform: translateY(3px);
	    -ms-transform: translateY(3px);
	     -o-transform: translateY(3px);
	        transform: translateY(3px);
}



/*
<span class="Price"><span class="Price__count">1&thinsp;572</span>,<span class="Price__penny">90</span><span class="Rub"> руб.</span></span>
*/

.Price {
	display: inline-block;
	white-space: nowrap;
}
.Price__c {
	border: 0 none;
	color: transparent;
	font: 0px/0 a;
	text-shadow: none;
}
/*.Price__penny {}*/

.Price__rub {
	font-family: "Ruble Arial",'Trebuchet MS',sans-serif;
}



.Showcase {
	position: relative;
}
.Showcase__list {
	overflow: hidden;
	white-space: nowrap;
}
.Showcase__item {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	display: inline-block;
	white-space: normal;
}
.Showcase__control {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: .5;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}
.Showcase__control:hover, .Showcase__control.hover {
	opacity: 1;
}
.Showcase__control:active, .Showcase__control.active {
	-webkit-transform: translateY(3px);
	   -moz-transform: translateY(3px);
	    -ms-transform: translateY(3px);
	     -o-transform: translateY(3px);
	        transform: translateY(3px);
}
.Showcase__control--prev {
	width: 30px;
	
	left: -30px;
}
.Showcase__control--next {
	width: 30px;

	right: -30px;
}


/*.Section--about {}*/

.About--workflow, .About__image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.About--workflow {
	margin-bottom: 3em;
}
.About--workflow .Page__wrapper {
	max-width: 1275px;
	padding-left: 0;
	padding-right: 0;
}
@media (min-width: 1px) {
	.About--workflow {
		background-image: url('/landings/assets_oz/img/dest/brand/workflow.png');
		height: 255px;
	}
}
@media (max-width: 1100px) {
	.ielte8 .About--workflow {
		display: none;
	}
}
@media (max-width: 1275px) {
	.About--workflow {
		height: auto;
	}
	.ielte8 .About__image {
		padding-top: 255px;
	}
}
	
.About__image {
	background-image: url('/landings/assets_oz/img/dest/brand/workflow.png');
	background-size: cover;
	width: 100%;
	padding-top: 20%;
}

.Features .Box {
	padding-left: 2em;
	padding-right: 2em;
	vertical-align: top;
}

.Features .Box:first-child {
	padding-left: 0;
}

.Features .Box:last-child {
	padding-right: 0;
}

.Feature__header {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: .3em;
	white-space: nowrap;
}

.Feature__header:before {
	content: "";
	display: inline-block;
	margin-right: .4em;
	vertical-align: middle;
	margin-top: -.3em;
}
.Feature--catalog .Feature__header:before {
	width: 24px;
	height: 26px;
}
.Feature--search .Feature__header:before {
	width: 25px;
	height: 25px;
}
.Feature--order .Feature__header:before {
	width: 35px;
	height: 25px;
	margin-left: -8px;
}
.Feature--account .Feature__header:before {
	width: 23px;
	height: 23px;
}

.Feature__info {
	font-size: 16px;
}


.Section--leader {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}


.Section--leader:before, .Section--leader:after {
	content: "";
	position: absolute;
	bottom: 0;
}


@media (max-width: 1200px) {

	.Section--leader:before, .Section--leader:after {
		display: none;
	}
}


.Section--leader:before {
	left: 0;
}


.Section--leader:after {
	right: 0;
}


.Section--leader .Page__wrapper {
	padding-left: 220px;
	padding-right: 220px;
	position: relative;
}


@media (max-width: 1200px) {

	.Section--leader .Page__wrapper {
		padding-left: 25px;
		padding-right: 25px;
	}
}
.Leader {
	color: #fff;
	font-size: 18px;
	height: 400px;
	text-align: center;
	text-shadow: 0 0 30px rgba(0,0,0,.25);
}
.Leader__header {
	font-size: 50px;
	margin-top: 0;
	margin-bottom: 40px;
	line-height: 1.2;
}
@media (max-width: 1300px) {

	.Leader__header {
		font-size: 40px;
	}
}
@media (max-width: 1200px) {

	.Leader__header {
		font-size: 50px;
	}
}
.Leader__info {
	padding-top: 150px;
	padding-bottom: 150px;
}
.Leader__description {
	font-size: 26px;
}
.Leader__description p {
	margin-bottom: 0;
}
@media (max-width: 1300px) {

	.Leader__description {
		font-size: 23px;
	}
}
@media (max-width: 1200px) {

	.Leader__description {
		font-size: 26px;
	}
}

.Section--categorie {
	background-color: #fff;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}

.Section--categorie:before, .Section--categorie:after {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	content: "";
	position: absolute;
	bottom: 25px;
	top: 25px;
	width: 50%;
	border: 300px solid;
	border-left: 0;
	border-right: 0;
	background-color: #fff;
}

.Section--categorie:before {
	border-top-color: #2f3d4a;
	border-bottom-color: #00aff0;
	left: 0;
}

.Section--categorie:after {
	border-top-color: #e1e8ea;
	border-bottom-color: #445260;
	right: 0;
}

.Section--categorie .Page__wrapper {
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
	z-index: 1;
}

.Categories {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	font-size: 18px;
	width: 100%;
}
.Categories__row {
	display: table-row;
}
.Categorie {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	display: table-cell;
	border: 25px solid #fff;
	border-top-width: 0;
	border-bottom-width: 0;
	padding: 30px;
	vertical-align: top;
	width: 25%;
	height: 300px;
	
	background-repeat: no-repeat;
}
.Categorie--wide {
	width: 50%;
}
.Categorie:first-child {
	border-left: 0;
	padding-left: 0;
}
.Categorie--last {
	border-right: 0;
	padding-right: 0;
}
.Categories + .Categories {
	margin-top: 25px;
}

.Categorie__link {
	color: inherit;
	padding-top: .3em;
	padding-bottom: .3em;
	text-decoration: none;
}

.Categorie__link:hover {
	color: inherit;
	text-decoration: underline;
}
.Categorie__wrapper + .Categorie__wrapper {
	margin-top: .5em;
}


.Section--showcase {
	background-image: url('/landings/assets_oz/img/dest/brand/bg_money.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
}
.Products {
	position: relative;
}
.Products__info {
	font-size: 16px;
	font-weight: bold;
	margin-top: 50px;
	text-align: center;
}

/* компенсация индикатора хитовости */
.Products .Showcase__list {
	padding-top: 3px;
	text-align: center;
}

.Products .Showcase__item {
	padding-right: 2%;
	text-align: left;
	width: 20.4%;
}

.Product {
	background-color: #fff;
	color: #000;
	position: relative;
	padding: 20px;
}
.Product__photo {
	display: block;
	margin: -20px;
	margin-bottom: 1em;
}
.Product__img {
	width: 100%;
	height: auto;
}
.Product__nameWrapper {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	height: 3em;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: .5em;
	position: relative;
}
.Product__name {
	background-color: #fff;
	color: #000;
	font-size: 15px;
	max-height: 2.7em;
	overflow: hidden;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-decoration: none;
	-o-transition: .4s ease-in-out;
	-moz-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
	z-index: 1;
}
.Product:hover .Product__name {
	height: auto;
	max-height: 9.3em;
	color: #000;
	text-decoration: underline;
	-moz-transition-duration: .1s;
	  -o-transition-duration: .1s;
	     transition-duration: .1s;
}
.Product__price {
	font-size: 22px;
}
.Product__badge {
	width: 36px;
	height: 34px;
	position: absolute; right: 0; top: 0;
	margin-top: -3px;
	margin-right: -5px;
}


/*.Section--brands {}*/
.Brands {
	margin-top: -1em;
	font-size: 16px;
	text-align: center;
}
.Brand {
	display: inline-block;
	width: 25%;
	margin-top: 1.5em;
}
.Brand__logo {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.Brand__logo--galant {
	background-image: url('/landings/assets_oz/img/dest/brand/logo_galant.png');
	height: 40px;
}
.Brand__logo--staff {
	background-image: url('/landings/assets_oz/img/dest/brand/logo_staff.png');
	height: 38px;
}
.Brand__logo--brauberg {
	background-image: url('/landings/assets_oz/img/dest/brand/logo_brauberg.png');
	height: 26px;
}
.Brand__logo--laima {
	background-image: url('/landings/assets_oz/img/dest/brand/logo_laima.png');
	height: 25px;
}
.Brand__logo--sonnen {
	background-image: url('/landings/assets_oz/img/dest/brand/logo_sonnen.png');
	height: 21px;
}
.Brand__logo--brabix {
	height: 20px;
}
.Brand__description {
	margin-left: auto;
	margin-right: auto;
	margin-top: .5em;
	width: 65%;
	min-width: 210px;
}


.Section--benefit {
	background-image: url('/landings/assets_oz/img/dest/brand/bg_benefit.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	color: #fff;
}

.Benefits + .Benefits {
	margin-top: 3em;
}

.Benefits--marked {
	border: 1px solid #fff;
	border-left-width: 0;
	border-right-width: 0;
}

.Benefits--marked .Benefit {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 85px;
}

.Benefit__icon, .Benefit__header {
	display: inline-block;
	vertical-align: middle;
}

.Benefit__icon {
	margin-right: 10px;
	margin-left: -85px;
}
.Benefit--delay .Benefit__icon {
	background-image: url('/landings/assets_oz/img/dest/brand/wallet.png');
	width: 66px;
	height: 68px;
	margin-top: -1.5em;
}
.Benefit--delivery .Benefit__icon {
	width: 74px;
	height: 48px;
}
.Benefit--manager .Benefit__icon {
	width: 56px;
	height: 51px;
}
.Benefit--actions .Benefit__icon {
	background-image: url('/landings/assets_oz/img/dest/brand/stars.png');
	width: 70px;
	height: 49px;
}

.Benefit__header {
	font-size: 16px;
	font-weight: bold;
}


.Benefits--pure .Row + .Row .Box {
	padding-top: 2em;
}


.Benefits--pure .Box {
	padding-left: 2em;
	padding-right: 2em;
}


.Benefits--pure .Box:first-child {
	padding-left: 0;
}


.Benefits--pure .Box:last-child {
	padding-right: 0;
}


.Benefits--pure .Benefit__header {
	font-size: 18px;
	margin-bottom: .25em;
}


.Benefits--pure .Benefit__description {
	font-size: 16px;
}


.Section--clients {
	background-color: #e3e3e3;
	padding-top: 40px;
	padding-bottom: 20px;
}


.Section--clients .Section__header {
	font-size: 22px;
	margin-bottom: 0;
}

.Clients {
	cursor: default;
	text-align: center;
}
.Client {
	display: inline-block;
	padding: 1em;
}


.Section--footer {
	background-image: url('/landings/assets_oz/img/dest/brand/bg_site.jpg');
	background-position: 50%;
	color: #fff;
	font-size: 22px;
	text-align: center;
}


.Section--footer .Section__header {
	font-size: 22px;
	font-weight: normal;
}


.Section--footer .Section__description {
	margin-top: 170px;
	margin-bottom: 0;
}

/*# sourceMappingURL=maps/main.css.map */