﻿/*------------ ОБЩЕЕ ---------------*/
.wrapper{width:1200px;margin-left:auto;margin-right:auto;position:relative;padding-left:10px;padding-right:10px}
@media (max-width: 1199px) {
.wrapper{width:99%;margin-left:auto;margin-right:auto}
}
*{box-sizing:border-box}
:before,:after{box-sizing:border-box}
/*------------ ОТОБРАЖЕНИЕ ---------------*/
.table{display:table;width:100%;height: 100%;}
.table > *{display:table-cell}
.inline > *{display:inline-block}
.flex--inline{display: inline-flex;}
.block {display:block;}
.float > *{display: block;float:left;}
.float:after{content: "";display: block;overflow: hidden;clear: both;}
.flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
/* .box - добавляем отступы между элементами сетки */
.box{margin-left: -10px;margin-right: -10px}
.box > *{padding-left: 10px;padding-right: 10px;margin-bottom: 10px}
/* несколько стилей для контента. Прижимает картинку. Чистит флоаты для родителя. */
.clear{content: "";display: block;overflow: hidden;clear: both;}
.float--right {float:right;}
.float--left {float:left;}
.float--none {float:none;}
/*------------ СЕТКА ---------------*/
/*автоматический расчет ширины*/
.sgrid{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
/*классы с заданной шириной*/
.sgrid_1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}
.sgrid_2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}
.sgrid_3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.sgrid_4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}
.sgrid_5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}
.sgrid_6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.sgrid_7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}
.sgrid_8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}
.sgrid_9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.sgrid_10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}
.sgrid_11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}
.sgrid_12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
/*позиция и видимость элемента*/
.hidden{display:none!important}
.visible{display:block!important}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
/*перенос строк для дочерних элементов*/
.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.wrap--reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
/*направление строк (в строку или в столбец) для дочерних элементов*/
.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.row--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.column--reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
/*выравнивание по горизонтали для дочерних элементов - horizontal*/		
.h--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.h--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.h--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.h--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.h--around{-ms-flex-pack:distribute;justify-content:space-around}
/*выравнивание по вертикали для дочерних элементов - vertical*/
.v--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.v--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.v--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.v--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.v--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
/*выравнивание по вертикали отдельного элемента - self*/
.s--start{-ms-flex-item-align:start;align-self:flex-start}
.s--end{-ms-flex-item-align:end;align-self:flex-end}
.s--center{-ms-flex-item-align:center;align-self:center}
.s--baseline{-ms-flex-item-align:baseline;align-self:baseline}
.s--stretch{-ms-flex-item-align:stretch;align-self:stretch}
/*автоматические горизонтальные отступы для отдельного элемента*/
.auto--right{margin-right:auto}
.auto--left{margin-left:auto}
/*автоматические вертикальные отступы для отдельного элемента*/
.auto--bottom{margin-bottom:auto}
.auto--top{margin-top:auto}
/*задать визуальный порядковый номер*/
.order--1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.order--2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.order--3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.order--4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.order--5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
.order--6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
.order--7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}
.order--8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}
.order--9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}
.order--10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}
.order--11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}
.order--12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}
/*------------ ШИРИНА ЭКРАНА от 2000px - .xxl ---------------*/
@media screen and (min-width: 2000px) {
.xxl_table{display:table;width:100%}
.xxl_table > *{display:table-cell}
.xxl_inline > *{display:inline-block}
.xxl_flex--inline{display: inline-flex;}
.xxl_block{display:block;}
.xxl_flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
.xxl_sgrid{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.xxl_sgrid_1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}
.xxl_sgrid_2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}
.xxl_sgrid_3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.xxl_sgrid_4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}
.xxl_sgrid_5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}
.xxl_sgrid_6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.xxl_sgrid_7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}
.xxl_sgrid_8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}
.xxl_sgrid_9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.xxl_sgrid_10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}
.xxl_sgrid_11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}
.xxl_sgrid_12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.xxl_hidden{display:none!important}
.xxl_visible{display:block!important}
.xxl_relative{position:relative}
.xxl_absolute{position:absolute}
.xxl_fixed{position:fixed}
.xxl_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.xxl_nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.xxl_wrap--reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.xxl_row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.xxl_row--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.xxl_column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.xxl_column--reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}	
.xxl_h--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.xxl_h--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.xxl_h--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.xxl_h--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.xxl_h--around{-ms-flex-pack:distribute;justify-content:space-around}
.xxl_v--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.xxl_v--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.xxl_v--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.xxl_v--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.xxl_v--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.xxl_s--start{-ms-flex-item-align:start;align-self:flex-start}
.xxl_s--end{-ms-flex-item-align:end;align-self:flex-end}
.xxl_s--center{-ms-flex-item-align:center;align-self:center}
.xxl_s--baseline{-ms-flex-item-align:baseline;align-self:baseline}
.xxl_s--stretch{-ms-flex-item-align:stretch;align-self:stretch}
.xxl_auto--right{margin-right:auto}
.xxl_auto--left{margin-left:auto}
.xxl_auto--bottom{margin-bottom:auto}
.xxl_auto--top{margin-top:auto}
.xxl_order--1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.xxl_order--2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.xxl_order--3{-webkit-box-ordinal-group:4;-ms-flex-order:1;order:3}
.xxl_order--4{-webkit-box-ordinal-group:5;-ms-flex-order:1;order:4}
.xxl_order--5{-webkit-box-ordinal-group:6;-ms-flex-order:1;order:5}
.xxl_order--6{-webkit-box-ordinal-group:7;-ms-flex-order:1;order:6}
.xxl_order--7{-webkit-box-ordinal-group:8;-ms-flex-order:1;order:7}
.xxl_order--8{-webkit-box-ordinal-group:9;-ms-flex-order:1;order:8}
.xxl_order--9{-webkit-box-ordinal-group:10;-ms-flex-order:1;order:9}
.xxl_order--10{-webkit-box-ordinal-group:11;-ms-flex-order:1;order:10}
.xxl_order--11{-webkit-box-ordinal-group:12;-ms-flex-order:1;order:11}
.xxl_order--12{-webkit-box-ordinal-group:13;-ms-flex-order:1;order:12}
}
/*------------ ШИРИНА ЭКРАНА от 1200px - .xl ---------------*/
@media screen and (min-width: 1200px) {
.xl_table{display:table;width:100%}
.xl_table > *{display:table-cell}
.xl_inline > *{display:inline-block}
.xl_flex--inline{display: inline-flex;}
.xl_block{display:block;}
.xl_flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
.xl_sgrid{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.xl_sgrid_1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}
.xl_sgrid_2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}
.xl_sgrid_3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.xl_sgrid_4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}
.xl_sgrid_5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}
.xl_sgrid_6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.xl_sgrid_7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}
.xl_sgrid_8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}
.xl_sgrid_9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.xl_sgrid_10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}
.xl_sgrid_11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}
.xl_sgrid_12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.xl_hidden{display:none!important}
.xl_visible{display:block!important}
.xl_relative{position:relative}
.xl_absolute{position:absolute}
.xl_fixed{position:fixed}
.xl_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.xl_nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.xl_wrap--reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.xl_row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.xl_row--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.xl_column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.xl_column--reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}	
.xl_h--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.xl_h--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.xl_h--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.xl_h--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.xl_h--around{-ms-flex-pack:distribute;justify-content:space-around}
.xl_v--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.xl_v--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.xl_v--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.xl_v--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.xl_v--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.xl_s--start{-ms-flex-item-align:start;align-self:flex-start}
.xl_s--end{-ms-flex-item-align:end;align-self:flex-end}
.xl_s--center{-ms-flex-item-align:center;align-self:center}
.xl_s--baseline{-ms-flex-item-align:baseline;align-self:baseline}
.xl_s--stretch{-ms-flex-item-align:stretch;align-self:stretch}
.xl_auto--right{margin-right:auto}
.xl_auto--left{margin-left:auto}
.xl_auto--bottom{margin-bottom:auto}
.xl_auto--top{margin-top:auto}
.xl_order--1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.xl_order--2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.xl_order--3{-webkit-box-ordinal-group:4;-ms-flex-order:1;order:3}
.xl_order--4{-webkit-box-ordinal-group:5;-ms-flex-order:1;order:4}
.xl_order--5{-webkit-box-ordinal-group:6;-ms-flex-order:1;order:5}
.xl_order--6{-webkit-box-ordinal-group:7;-ms-flex-order:1;order:6}
.xl_order--7{-webkit-box-ordinal-group:8;-ms-flex-order:1;order:7}
.xl_order--8{-webkit-box-ordinal-group:9;-ms-flex-order:1;order:8}
.xl_order--9{-webkit-box-ordinal-group:10;-ms-flex-order:1;order:9}
.xl_order--10{-webkit-box-ordinal-group:11;-ms-flex-order:1;order:10}
.xl_order--11{-webkit-box-ordinal-group:12;-ms-flex-order:1;order:11}
.xl_order--12{-webkit-box-ordinal-group:13;-ms-flex-order:1;order:12}	
}
/*------------ ШИРИНА ЭКРАНА до 1199px - .lg ---------------*/
@media screen and (max-width: 1199px) {
.lg_table{display:table;width:100%}
.lg_table > *{display:table-cell}
.lg_inline > *{display:inline-block}
.lg_flex--inline{display: inline-flex;}
.lg_block{display:block;}
.lg_flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
.lg_sgrid{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.lg_sgrid_1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}
.lg_sgrid_2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}
.lg_sgrid_3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.lg_sgrid_4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}
.lg_sgrid_5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}
.lg_sgrid_6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.lg_sgrid_7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}
.lg_sgrid_8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}
.lg_sgrid_9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.lg_sgrid_10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}
.lg_sgrid_11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}
.lg_sgrid_12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.lg_hidden{display:none!important}
.lg_visible{display:block!important}
.lg_relative{position:relative}
.lg_absolute{position:absolute}
.lg_fixed{position:fixed}
.lg_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.lg_nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.lg_wrap--reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.lg_row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.lg_row--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.lg_column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.lg_column--reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}	
.lg_h--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.lg_h--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.lg_h--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.lg_h--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.lg_h--around{-ms-flex-pack:distribute;justify-content:space-around}
.lg_v--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.lg_v--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.lg_v--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.lg_v--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.lg_v--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.lg_s--start{-ms-flex-item-align:start;align-self:flex-start}
.lg_s--end{-ms-flex-item-align:end;align-self:flex-end}
.lg_s--center{-ms-flex-item-align:center;align-self:center}
.lg_s--baseline{-ms-flex-item-align:baseline;align-self:baseline}
.lg_s--stretch{-ms-flex-item-align:stretch;align-self:stretch}
.lg_auto--right{margin-right:auto}
.lg_auto--left{margin-left:auto}
.lg_auto--bottom{margin-bottom:auto}
.lg_auto--top{margin-top:auto}
.lg_order--1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.lg_order--2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.lg_order--3{-webkit-box-ordinal-group:4;-ms-flex-order:1;order:3}
.lg_order--4{-webkit-box-ordinal-group:5;-ms-flex-order:1;order:4}
.lg_order--5{-webkit-box-ordinal-group:6;-ms-flex-order:1;order:5}
.lg_order--6{-webkit-box-ordinal-group:7;-ms-flex-order:1;order:6}
.lg_order--7{-webkit-box-ordinal-group:8;-ms-flex-order:1;order:7}
.lg_order--8{-webkit-box-ordinal-group:9;-ms-flex-order:1;order:8}
.lg_order--9{-webkit-box-ordinal-group:10;-ms-flex-order:1;order:9}
.lg_order--10{-webkit-box-ordinal-group:11;-ms-flex-order:1;order:10}
.lg_order--11{-webkit-box-ordinal-group:12;-ms-flex-order:1;order:11}
.lg_order--12{-webkit-box-ordinal-group:13;-ms-flex-order:1;order:12}
}
/*------------ ШИРИНА ЭКРАНА до 959px - .md ---------------*/
@media screen and (max-width: 959px) {
.md_table{display:table;width:100%}
.md_table > *{display:table-cell}
.md_inline > *{display:inline-block}
.md_flex--inline{display: inline-flex;}
.md_block{display:block;}
.md_flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
.md_sgrid{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.md_sgrid_1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}
.md_sgrid_2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}
.md_sgrid_3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.md_sgrid_4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}
.md_sgrid_5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}
.md_sgrid_6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.md_sgrid_7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}
.md_sgrid_8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}
.md_sgrid_9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.md_sgrid_10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}
.md_sgrid_11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}
.md_sgrid_12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.md_hidden{display:none!important}
.md_visible{display:block!important}
.md_relative{position:relative}
.md_absolute{position:absolute}
.md_fixed{position:fixed}
.md_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.md_nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.md_wrap--reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.md_row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.md_row--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.md_column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.md_column--reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}	
.md_h--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.md_h--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.md_h--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.md_h--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.md_h--around{-ms-flex-pack:distribute;justify-content:space-around}
.md_v--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.md_v--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.md_v--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.md_v--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.md_v--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.md_s--start{-ms-flex-item-align:start;align-self:flex-start}
.md_s--end{-ms-flex-item-align:end;align-self:flex-end}
.md_s--center{-ms-flex-item-align:center;align-self:center}
.md_s--baseline{-ms-flex-item-align:baseline;align-self:baseline}
.md_s--stretch{-ms-flex-item-align:stretch;align-self:stretch}
.md_auto--right{margin-right:auto}
.md_auto--left{margin-left:auto}
.md_auto--bottom{margin-bottom:auto}
.md_auto--top{margin-top:auto}
.md_order--1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.md_order--2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.md_order--3{-webkit-box-ordinal-group:4;-ms-flex-order:1;order:3}
.md_order--4{-webkit-box-ordinal-group:5;-ms-flex-order:1;order:4}
.md_order--5{-webkit-box-ordinal-group:6;-ms-flex-order:1;order:5}
.md_order--6{-webkit-box-ordinal-group:7;-ms-flex-order:1;order:6}
.md_order--7{-webkit-box-ordinal-group:8;-ms-flex-order:1;order:7}
.md_order--8{-webkit-box-ordinal-group:9;-ms-flex-order:1;order:8}
.md_order--9{-webkit-box-ordinal-group:10;-ms-flex-order:1;order:9}
.md_order--10{-webkit-box-ordinal-group:11;-ms-flex-order:1;order:10}
.md_order--11{-webkit-box-ordinal-group:12;-ms-flex-order:1;order:11}
.md_order--12{-webkit-box-ordinal-group:13;-ms-flex-order:1;order:12}
}
/*------------ ШИРИНА ЭКРАНА до 767px - .sm ---------------*/
@media screen and (max-width: 767px) {
.sm_table{display:table;width:100%}
.sm_table > *{display:table-cell}
.sm_inline > *{display:inline-block}
.sm_flex--inline{display: inline-flex;}
.sm_block{display:block;}
.sm_flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
.sm_sgrid{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.sm_sgrid_1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}
.sm_sgrid_2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}
.sm_sgrid_3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.sm_sgrid_4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}
.sm_sgrid_5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}
.sm_sgrid_6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.sm_sgrid_7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}
.sm_sgrid_8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}
.sm_sgrid_9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.sm_sgrid_10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}
.sm_sgrid_11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}
.sm_sgrid_12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.sm_hidden{display:none!important}
.sm_visible{display:block!important}
.sm_relative{position:relative}
.sm_absolute{position:absolute}
.sm_fixed{position:fixed}
.sm_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.sm_nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.sm_wrap--reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.sm_row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.sm_row--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.sm_column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.sm_column--reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}	
.sm_h--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.sm_h--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.sm_h--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.sm_h--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.sm_h--around{-ms-flex-pack:distribute;justify-content:space-around}
.sm_v--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.sm_v--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.sm_v--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sm_v--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.sm_v--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.sm_s--start{-ms-flex-item-align:start;align-self:flex-start}
.sm_s--end{-ms-flex-item-align:end;align-self:flex-end}
.sm_s--center{-ms-flex-item-align:center;align-self:center}
.sm_s--baseline{-ms-flex-item-align:baseline;align-self:baseline}
.sm_s--stretch{-ms-flex-item-align:stretch;align-self:stretch}
.sm_auto--right{margin-right:auto}
.sm_auto--left{margin-left:auto}
.sm_auto--bottom{margin-bottom:auto}
.sm_auto--top{margin-top:auto}
.sm_order--1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.sm_order--2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.sm_order--3{-webkit-box-ordinal-group:4;-ms-flex-order:1;order:3}
.sm_order--4{-webkit-box-ordinal-group:5;-ms-flex-order:1;order:4}
.sm_order--5{-webkit-box-ordinal-group:6;-ms-flex-order:1;order:5}
.sm_order--6{-webkit-box-ordinal-group:7;-ms-flex-order:1;order:6}
.sm_order--7{-webkit-box-ordinal-group:8;-ms-flex-order:1;order:7}
.sm_order--8{-webkit-box-ordinal-group:9;-ms-flex-order:1;order:8}
.sm_order--9{-webkit-box-ordinal-group:10;-ms-flex-order:1;order:9}
.sm_order--10{-webkit-box-ordinal-group:11;-ms-flex-order:1;order:10}
.sm_order--11{-webkit-box-ordinal-group:12;-ms-flex-order:1;order:11}
.sm_order--12{-webkit-box-ordinal-group:13;-ms-flex-order:1;order:12}
}
/*------------ ШИРИНА ЭКРАНА до 479px - .xs ---------------*/
@media screen and (max-width: 479px) {
.xs_table{display:table;width:100%}
.xs_table > *{display:table-cell}
.xs_inline > *{display:inline-block}
.xs_flex--inline{display: inline-flex;}
.xs_block{display:block;}
.xs_flex{display:-ms-flexbox;display:-webkit-flex;display:flex}
.xs_sgrid{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.xs_sgrid_1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}
.xs_sgrid_2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}
.xs_sgrid_3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.xs_sgrid_4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}
.xs_sgrid_5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}
.xs_sgrid_6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.xs_sgrid_7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}
.xs_sgrid_8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}
.xs_sgrid_9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.xs_sgrid_10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}
.xs_sgrid_11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}
.xs_sgrid_12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.xs_hidden{display:none!important}
.xs_visible{display:block!important}
.xs_relative{position:relative}
.xs_absolute{position:absolute}
.xs_fixed{position:fixed}
.xs_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.xs_nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.xs_wrap--reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.xs_row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.xs_row--reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.xs_column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.xs_column--reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}	
.xs_h--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.xs_h--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.xs_h--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.xs_h--between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.xs_h--around{-ms-flex-pack:distribute;justify-content:space-around}
.xs_v--start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.xs_v--end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.xs_v--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.xs_v--baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.xs_v--stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.xs_s--start{-ms-flex-item-align:start;align-self:flex-start}
.xs_s--end{-ms-flex-item-align:end;align-self:flex-end}
.xs_s--center{-ms-flex-item-align:center;align-self:center}
.xs_s--baseline{-ms-flex-item-align:baseline;align-self:baseline}
.xs_s--stretch{-ms-flex-item-align:stretch;align-self:stretch}
.xs_auto--right{margin-right:auto}
.xs_auto--left{margin-left:auto}
.xs_auto--bottom{margin-bottom:auto}
.xs_auto--top{margin-top:auto}
.xs_order--1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.xs_order--2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.xs_order--3{-webkit-box-ordinal-group:4;-ms-flex-order:1;order:3}
.xs_order--4{-webkit-box-ordinal-group:5;-ms-flex-order:1;order:4}
.xs_order--5{-webkit-box-ordinal-group:6;-ms-flex-order:1;order:5}
.xs_order--6{-webkit-box-ordinal-group:7;-ms-flex-order:1;order:6}
.xs_order--7{-webkit-box-ordinal-group:8;-ms-flex-order:1;order:7}
.xs_order--8{-webkit-box-ordinal-group:9;-ms-flex-order:1;order:8}
.xs_order--9{-webkit-box-ordinal-group:10;-ms-flex-order:1;order:9}
.xs_order--10{-webkit-box-ordinal-group:11;-ms-flex-order:1;order:10}
.xs_order--11{-webkit-box-ordinal-group:12;-ms-flex-order:1;order:11}
.xs_order--12{-webkit-box-ordinal-group:13;-ms-flex-order:1;order:12}
}