/****************************************/
/***** GLOBAL          ******************/
/****************************************/
	BODY						{ font-size:100%; line-height:1.4; font-family:"Open Sans", Helvetica, sans-serif; text-rendering:optimizelegibility; color:#000 }
	A							{ color:#b39559; text-decoration:none }
	A:hover						{ color:#D41734 }
	H1, H2, H3, H4, H5, H6		{ font-weight:normal; text-rendering:auto }
	H1							{ font-size:2em }
	H2							{ font-size:1.8em }
	H3							{ font-size:1.6em }
	H4							{ font-size:1.4em }
	H5							{ font-size:1.2em }
	H6							{ font-size:1em }
	I							{ font-style:normal }
	ABBR[title] 				{ border-bottom: 1px dotted }
	B, STRONG 					{ font-weight:bold }
	EM							{ font-style:italic }
	EM STRONG,
	STRONG EM					{ font-weight:bold; font-style:italic }
	CITE						{ font-variant:small-caps }
	DFN 						{ font-style:italic }
	HR 							{ display:block; height:1px; border:0; border-top:1px solid #000; margin:1em 0; padding:0 }
	MARK 						{ background:#ff0; padding-left:4px; padding-right:4px; color:#000 }
	PRE, CODE, KBD, SAMP,VAR 	{ font-family:monospace, serif; _font-family:'Courier new', Monospace; font-size:1em }
	SMALL 						{ font-size:100% }
	SUB, SUP 					{ font-size:75%; line-height:0; position:relative; vertical-align:baseline }
	SUP 						{ top:-0.5em }
	SUB 						{ bottom:-0.25em }
	::-moz-selection 			{ background:#000; color:#fff; text-shadow:none }
	::selection 				{ background:#000; color:#fff; text-shadow:none }

	::-webkit-input-placeholder,
	:-moz-placeholder,
	::-moz-placeholder,
	:-ms-input-placeholder 			{ line-height:1.2  }

	BUTTON.default, .btn.default	{ display:block; margin-bottom:0; padding:auto; font-size:inherit; font-weight: inherit; text-align:inherit; box-shadow:none;  min-width:initial; border-radius:0; cursor:pointer; color:#000; background:initial; border:none }

/****************************************/
/***** SPACERS         ******************/
/****************************************/
	.mt--mc						{ margin-top:10px }
	.mt--sm,
	.mt--md,
	.mt--lg,
	.mt--xl						{ margin-top:20px }
	.pt--mc						{ padding-top:10px }
	.pt--sm,
	.pt--md,
	.pt--lg,
	.pt--xl						{ padding-top:20px }
	.mb--mc						{ margin-bottom:10px }
	.mb--sm,
	.mb--md,
	.mb--lg,
	.mb--xl						{ margin-bottom:20px }
	.pb--mc						{ padding-bottom:10px }
	.pb--sm,
	.pb--md,
	.pb--lg,
	.pb--xl						{ padding-bottom:20px }

	@media only screen and (min-width:680px){
	.mt--mc						{ margin-top:10px }
	.mt--sm 					{ margin-top:20px }
	.mt--md						{ margin-top:30px }
	.mt--lg						{ margin-top:40px }
	.mt--xl						{ margin-top:60px }
	.pt--mc						{ padding-top:10px }
	.pt--sm 					{ padding-top:20px }
	.pt--md						{ padding-top:30px }
	.pt--lg						{ padding-top:40px }
	.pt--xl						{ padding-top:60px }
	.mb--mc						{ margin-bottom:10px }
	.mb--sm 					{ margin-bottom:20px }
	.mb--md						{ margin-bottom:30px }
	.mb--lg						{ margin-bottom:40px }
	.mb--xl						{ margin-bottom:60px }
	.pb--mc						{ padding-bottom:10px }
	.pb--sm 					{ padding-bottom:20px }
	.pb--md						{ padding-bottom:30px }
	.pb--lg						{ padding-bottom:40px }
	.pb--xl						{ padding-bottom:60px }
	.pr--sm						{ padding-right:20px }
	.pr--md						{ padding-right:30px }
	.pr--lg						{ padding-right:40px }
	.pr--xl						{ padding-right:60px }
	.pl--sm						{ padding-left:20px }
	.pl--md						{ padding-left:30px }
	.pl--lg						{ padding-left:40px }
	.pl--xl						{ padding-left:60px }
	}

/****************************************/
/***** BUTTONS          ******************/
/****************************************/

	/* Type */
	.btn					{ display:inline-block; padding:8px 20px; font-size:0.75rem; font-weight:normal; letter-spacing:1px; text-align:center; min-width:100px; max-width:300px; cursor:pointer; color:#000; background:#D4D4D4; border:none; transition: color 0.4s, background 0.4s, border 0.4s, opacity:0.4s }
	.btn:hover      		{ opacity:0.9 }
	.btn__ico					{ width:18px; height:18px; padding-right:6px; display:inline-block; vertical-align:middle }
	.btn__ico--action			{ width:21px; height:20px; padding-right:8px }
	.btn__ico--primary			{ fill:#FFF }
	.btn__name					{ font-size:0.75rem; font-weight:normal }
	.btn--txt,
	.btn--more					{ margin-bottom:0; padding:0; letter-spacing:0; text-align:left; box-shadow:none; cursor:pointer;  border-radius:0 }
	.btn--txt					{ display:inline-block }
	.btn--more					{ display:inline-block; font-weight:bold }
	.btn--block					{ display:block; width:100%; min-width:inherit; max-width:400px; padding:8px 40px }
	.btn--dashed				{ display:block; min-width:inherit; width:100%; max-width:inherit; padding:8px; box-shadow:none; border-width:2px; border-style:dashed; background:#F5F5F5 }
	.btn--dashed:hover			{ border-style:solid }
	.btn--default				{ display:block; margin-bottom:0; padding:auto; font-size:inherit; font-weight: inherit; text-align:inherit; box-shadow:none;  min-width:initial; border-radius:0; cursor:pointer; color:#000; background:initial; border:none }
	/* Style */
	.btn--txt,
	.btn--more					{ font-size:0.875rem; transition: color 0.4s }
	.btn--action				{ padding:8px 30px;  font-size:0.875rem; letter-spacing:1px; line-height:2; text-transform:uppercase }
	.btn--micro					{ padding:6px 8px }
	.btn--block					{ font-size:0.95rem }
	.btn--narrow				{ padding-left:10px; padding-right:10px; min-width:60px }
	.btn--sm					{ font-size:0.8125em }
	/* Colors */
	.btn--primary				{ color:#FFF; background:#b39559 }
	.btn--primary:hover			{ color:#FFF; opacity:0.9 }
	.btn--primary-warm			{ color:#FFF; background:#3366cc }
	.btn--primary-warm:hover	{ color:#FFF; opacity:0.9 }
	.btn--primary-cold			{ color:#FFF; background:#000 }
	.btn--primary-cold:hover	{ color:#FFF; opacity:0.9 }
	.btn--primary-del,
	.btn--del:hover				{ color:#FFF; background:#e60234 }
	.btn--primary-del:hover		{ color:#FFF; background:#D90230 }
	.btn--primary-ok,
	.btn--ok:hover				{ color:#FFF; background:#0CA36f }
 	.btn--primary-ok:hover		{ color:#FFF; background:#0a9465 }
	.btn--txt					{ color:#b39559; background:none; border:none }
	.btn--txt-line				{ border-bottom:2px solid #ed1a3b }
	.btn--more					{ color:#b39559; background:none; border:none }
	.btn--more-warm				{ color:#3366cc }
	.btn--more-cold				{ color:#000 }
	.btn--txt:hover,
	.btn--txt-line:hover
	.btn--more:hover			{ color:#ed1a3b; background:none; border-color:#ed1a3b }
	.btn--txt-del:hover			{ color:#e50000; text-decoration:line-through }
	.btn--txt-reset:hover		{ color:#EF5D24 }
	.btn--txt-warm				{ color:#3366cc }
	.btn--txt-cold				{ color:#000 }
	.btn--invert,
	.btn--invert:hover			{ color:#FFF }

	.show									{ visibility:visible }
	.hide									{ visibility:hidden }

	.table 								{ display:table; border-collapse:collapse }
		.table__row 						{ display:block; padding:8px 14px }
		.table__col							{ display: table-cell; text-align:left; vertical-align:top }
		.table__thead						{ position:relative; font-size:1.5em; line-height:1; text-align:center; background-color:#2377BD; color:#FFF }
		.table__tfoot						{ position:relative; text-align:center; background-color:#FAFAFA; border-top:1px solid #DDD }

	.alert				{ display:block; padding:10px 20px; font-size:0.875em; border-radius:3px; box-shadow:1px 2px 2px -2px rgba(0, 0, 0, 0.4); color:#FFF; background-color:#808080 }
		.alert--info		{ color:#FFF; background-color:#0A6CCD }
		.alert--succes		{ color:#FFF; background-color:#0CA36f }
		.alert--warning		{ color:#FFF; background-color:#FB811B }
		.alert--danger		{ color:#FFF; background-color:#E94B4A }
		.alert--error		{ color:#FFF; background-color:#E60234 }
		.alert--sm			{ padding:8px 16px; font-size:0.75em }
		.alert--mt			{ margin-top:10px }
		.alert--mb			{ margin-bottom:10px }

	/* Miscellaneous */
	.align--left					{ float:left }
	.align--right					{ float:right }
	.align--center 					{ display:inline-block; text-align:center }

/****************************************/
/***** FORMS ****************************/
/****************************************/

	.form						{ overflow:hidden }
		.form__caption					{ display:block; margin-bottom:10px; font-size:0.875em; text-align:left; color:#4d4d4d }
		.form__link						{ color:#E31B23 }
		.form__link:HOVER				{ text-decoration:underline }
		.form__label					{ font-size:0.875rem; font-family:"Open Sans", "Helvetica Neue", Helvetica, sans-serif; text-transform:uppercase }
		.form__label--emphasize			{ font-weight:700 }
		.form__label--block				{ padding-bottom:4px; display:block }
		.form__label--check				{  }
		.form__label--textarea			{ padding-bottom:4px; display:block }
		.form__label--lowercase			{ text-transform:lowercase; font-size:0.8rem }
		.form__label--name				{ font-size:0.875em; font-weight:700 }
		.form__label-value				{ font-size:110%; font-weight:700; color:#9b5a34 }
		.form__label-link				{ color:inherit }
		.form__fieldset					{ margin-top:10px; border:none }
		.form__legend					{ font-size:0.875rem }
		.form__legend--head				{ font-size: 1.25em; letter-spacing:1px; line-height:1.1; text-transform:uppercase; color:#9b5a34 }
		.form__name						{ font-size:0.875em; font-weight:700 }
		.form__name--head				{ font-size:1rem }
		.form__name--indent				{ padding-left:14px; padding-right:14px }
		.form__name-ico					{ width:20px; height:20px }

		.form__input,
		.form__select,
		.form__textarea					{ -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:0.875rem; font-family:"Open Sans", "Helvetica Neue", Helvetica, sans-serif; border:solid 1px #CCC; transition: all .5s; background-color:#F9F9F9 }
		.form__input					{ min-width:240px; padding:8px 12px 10px 14px  }
		.form__input:hover				{ border:solid 1px #b3b3b3; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color:#000; background-color:#F5F5F5 }
		.form__input:focus				{ border:solid 1px #b3b3b3; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color:#000; background-color:#F5F5F5 }
		.form__input:disabled:hover		{ border:none; box-shadow:none }
		.form__select					{ padding:4px 24px 4px 10px; font-size:0.875rem; background-image:url("../imgs/shape-arrow.svg"); background-repeat:no-repeat; background-position:right center; cursor:pointer }
		.form__select--lg				{ padding-top:8px; padding-bottom:8px }
		.form__textarea					{ display:block; padding:12px; min-width:260px; resize:vertical; min-height:140px; line-height:1.6 }
		.form__textarea:hover,
		.form__textarea:focus			{ border:solid 1px #b3b3b3; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color:#000; background-color:#F5F5F5 }
		.form__textarea--expand 		{ height:80px; transition: height 0.5s }
		.form__textarea--expand:focus 	{ height:200px; overflow:auto }
		.form__textarea--full			{ width:100% }
		.form__check					{  }
		.form__group					{ overflow:hidden; margin-bottom:10px }
		.form__group--center			{ text-align:center }
		.form__group--fill				{ width:-webkit-fill-available; width:-moz-available }
		.form__row						{ overflow:hidden; display:table; margin-top:14px }
		.form__row--block				{ display:block }
		.form__row--nospace				{ margin-top:0 }

		.form__row--separator			{ margin-top:20px; padding-top:20px; border-top:1px solid #DDD }
		.form__row--separator-dashed	{ border-top:1px dashed #DDD }
		.form__cell						{ overflow:hidden; display:table-cell }
		.form__actions					{ overflow:hidden }
		.form__actions--center			{ text-align:center }
		.form__info						{ display:block; padding-top:2px; font-size:0.75em; line-height:1.25; color:#555 }
		.form__info--check,
		.form__info--input				{ padding-left:18px; margin-top:4px }
		.form__info--check-val			{ padding-left:18px; font-size:0.95rem; font-weight:700 }
		.form__val						{ font-weight:700 }

/****************************************/
/***** STRUCTURE       ******************/
/****************************************/
	BODY					{ position:relative; z-index:1; margin:0; padding:0; background-color:#F7F7F7 }
	#global					{ position:relative; overflow:hidden }
	.wrap					{ min-width:280px; width:auto; max-width:1260px; margin-left:auto; margin-right:auto; padding-left:4%; padding-right:4% }
	#main					{ overflow:hidden; position:relative; width:100% }

/****************************************/
/***** CONSTRUCT       ******************/
/****************************************/

	.top					{ overflow:hidden; border-bottom:1px solid #DDD; background-color:#FFF }
		.top__logo				{ max-width:200px; margin:0; padding:0 }
		.top__head				{ display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between }
		.top__logo-image		{ width:100%; padding-top:10px }
		.top__user				{ padding:6px; text-align:right }
		.top_user-name			{ font-size:1em; font-weight:bold }
		.top_user-logout		{ min-width:inherit }

	.colophon				{ overflow:hidden; padding:20px; border-top:1px solid #DDD; background-color:#F7F7F7 }
		.disclaimer				{ margin:0; font-size:0.875em }

	.info					{ overflow:hidden; padding:20px; color:#FFF; background-color:#0A6CCD; border-radius:3px; box-shadow:1px 2px 2px -2px rgba(0, 0, 0, 0.4) }
		.info__title			{ margin:0; width:100%; font-size:1.125em; font-weight:bold }
		.info__txt				{ font-size:0.875em }
		.info__txt > A			{ color:#f4cb79; text-decoration:underline }

	.login					{ width:100% }
		.login__form			{ max-width:320px; margin-left:auto; margin-right:auto; padding:20px; background-color:#FFF }
		.login__form .form__input	{ width:-webkit-fill-available; width:fill-available }

	.bcard					{ overflow:hidden }
		.bcard__name			{ margin:0; font-size:1.5em; font-weight:bold }
		.bcard__box				{ font-size:0.875em }
		.bcard__label			{ font-weight:bold }

	.brand 					{ overflow:hidden; padding:20px; border:1px solid #DDD; background-color:#FFF }
		.brand__head			{ display:flex; flex-flow:column wrap }
		.brand__name			{ order:2; margin:0; width:100%; font-weight:bold }
		.brand__name-link		{ color:#000 }
		.brand__logo			{ order:1; margin:0; text-align:right }
		.brand__logo-link		{ display:block; height:auto }
		.brand__logo-image		{ width:auto; max-width:180px }
		.brand__about			{ order:3; flex:1 1 }
		.brand__cat				{ font-size:1em; font-weight:bold }
		.brand__descr			{ padding-top:5px; font-size:0.875em }
		.brand__info			{ display:flex; flex-flow:column wrap }
		.brand__offer			{ margin:0; padding:6px 10px; font-size:1em; line-height:1.4; font-weight:bold; border-radius:3px; box-shadow:1px 2px 2px -2px rgba(0, 0, 0, 0.4); color:#B39559; border:2px solid }
		.brand__offer-file		{ margin:0; margin-top:5px; padding:10px 10px 10px 34px; font-size:1em; line-height:1.4; border-radius:3px; box-shadow:1px 2px 2px -2px rgba(0, 0, 0, 0.4); color:#FFF; background-color:#b39559; background-image: url("assets/attach_w.svg"); background-repeat:no-repeat; background-position:12px center; background-size:18px 18px }
		.brand__offer-file:hover	{ color:#FFF; background-color:#a48952 }
		.brand_transport-title	{ margin:0; font-size:0.875em; font-weight:bold; text-transform:uppercase; letter-spacing:.5px }
		.brand_transport-info	{ margin:0; font-size:0.875 }

	.docs					 { list-style:none }
		.docs__title			{ font-size:0.875em; font-weight:bold; text-transform:uppercase; letter-spacing:.5px }
		.docs__item				{ margin-left:10px; margin-top:4px }
		.docs__item-link		{ padding-left:22px; display:inline-block; font-size:0.875em; font-weight:bold; background: url("/assets/attach.svg") no-repeat; background-size:18px 18px }


	@media only screen and (min-width:680px){
	#main					{ min-height:540px }
	.top__logo				{ max-width:280px }
	.info					{ padding:20px 40px }
	.login					{ -webkit-transform: translate(0, 25%); transform: translate(0, 25%) }
	.brand					{ padding:20px 40px }
	.brand__head			{ flex-flow:row wrap; align-items:center }
	.brand__logo			{ order:2 }
	.brand__logo-image		{ width:100% }
	.brand__about			{ order:2; flex:1 1 }
	.brand__offer			{ margin-right:5px; padding:10px 20px }
	.brand__offer-file		{ margin-top:0px; padding:10px 20px 10px 34px }
	.brand__info			{ display:flex; flex-flow:row nowrap }
	}

	@media only screen and (min-width:960px){
	.brand__name 			{ max-width:280px }
	}

.brand__descr, .brand_transport-info {
  white-space: pre-line;
}

.nl2br {
  white-space: pre-line;
}