/* ====================================== FLEX ====================================== */
/* ====================================== FLEX ====================================== */
.cont {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}

.cont_111 {justify-content: space-between;} /* от края до края  с промежутками */
.cont_010 {justify-content: center;}
.cont_101 {justify-content: space-evenly;} /* 01010 */
.cont_1001 {justify-content: space-around;} /* 010010 */
.cont_100 {justify-content: flex-start;}
.cont_001 {justify-content: flex-end;}

.cont_wrap {flex-wrap: wrap;}/* переносить строку если не влазит */
.cont_no_wrap {flex-wrap: nowrap;}
.cont_nowrap {flex-wrap: nowrap;}/* не переносить, урезать, строку если не влазит */

.cont_hor {flex-direction: row;} /* В строку cont_hor */
.cont_vert {flex-direction: column;} /* В столбец */

.cont_y_010 {align-items: center;} /* по средине */
.cont_y_100 {align-items: flex-start;} /* к верху/к началу */
.cont_y_111 {align-items: stretch;} /* растянуть */
.cont_y_001 {align-items: flex-end;} /* растянуть */

.max {flex-grow: 1;} /*на всю ширину яцейку растянуть, будет забирать свободного места больше чем остальные, чем больше цифра тем больше забирает */
.min {flex-shrink: 2;} /*будет отдавать свободного места больше чем остальные, чем больше цифра тем больше отдает*/
/* ====================================== FLEX ====================================== */
/* ====================================== FLEX ====================================== */


@media screen and (max-width: 800px) {
    .media_max {display: none;} /*показывать только на больших экранах */
    .media_max_inline {display: none;}
    .media_max_flex {display: none;} /* показывать только на больших экранах */
    .media_min {display: block;} /*показывать только на маленьких экранах */
    .media_min_inline {display: inline-block;}
    .media_min_flex {display: flex;} /*показывать только на маленьких экранах */
}
@media (min-width: 801px) {
    .media_max {display: block;}
    .media_max_inline {display: inline-block;}
    .media_max_flex {display: flex;}
    .media_min {display: none;}
    .media_min_inline {display: none;}
    .media_min_flex {display: none;}
}


/* -------------- в приоритете внизу страницы ------------  */
.display_none {display: none;}
.display_block {display: block;}
.display_inline_block {display: inline-block;}
.bb {box-sizing: border-box;}

.pos_rel {position: relative;}
.pos_abs {position: absolute;}
.pos_fix {position: fixed;}

.tr_1s { -webkit-transition: 1s; transition: 1s;}

.tdn {text-decoration: none;}
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}

.of_a {overflow: auto;}
.ofy_a {overflow-y: auto;}
.ofx_a {overflow-x: auto;}
.of_h {overflow: hidden;}
.ofy_h {overflow-y: hidden;}
.ofx_h {overflow-x: hidden;}

.text_indent_10 {text-indent: 10px;}/* абзац у первой строки текста  */
.text_indent_15 {text-indent: 15px;}
.text_indent_20 {text-indent: 20px;}
.text_indent_25 {text-indent: 25px;}
.text_indent_30 {text-indent: 30px;}
.text_indent_35 {text-indent: 35px;}
.text_indent_40 {text-indent: 40px;}
.text_indent_45 {text-indent: 45px;}
.text_indent_50 {text-indent: 50px;}

.word_nowrap {white-space: nowrap;}/* текст не переносился по словам  */
.letter_wrap {word-wrap: break-word;}/* текст переносится по буквам  */

.outline_none {outline: none;}/* обводка выделения при нажатия на input */

.cursor {cursor: pointer;}
.cursor_def {cursor: default;}

.width_10 {width: 10%;}
.width_12 {width: 12.5%;}
.width_20 {width: 20%;}
.width_25 {width: 25%;}
.width_30 {width: 30%;}
.width_33 {width: 33.3333%;}
.width_40 {width: 40%;}
.width_50 {width: 50%;}
.width_60 {width: 60%;}
.width_66 {width: 66.666%;}
.width_70 {width: 70%;}
.width_75 {width: 75%;}
.width_80 {width: 80%;}
.width_90 {width: 90%;}
.width_100 {width: 100%;}
.width_10px {width: 10px; box-sizing: border-box;}
.width_20px {width: 20px; box-sizing: border-box;}
.width_30px {width: 30px; box-sizing: border-box;}
.width_40px {width: 40px; box-sizing: border-box;}
.width_45px {width: 45px; box-sizing: border-box;}
.width_50px {width: 50px; box-sizing: border-box;}
.width_60px {width: 60px; box-sizing: border-box;}
.width_70px {width: 70px; box-sizing: border-box;}
.width_80px {width: 80px; box-sizing: border-box;}
.width_90px {width: 90px; box-sizing: border-box;}
.width_100px {width: 100px; box-sizing: border-box;}
.width_100px {width: 100px; box-sizing: border-box;}
.width_110px {width: 110px; box-sizing: border-box;}
.width_120px {width: 120px; box-sizing: border-box;}
.width_130px {width: 130px; box-sizing: border-box;}
.width_140px {width: 140px; box-sizing: border-box;}
.width_150px {width: 150px; box-sizing: border-box;}
.width_160px {width: 160px; box-sizing: border-box;}
.width_170px {width: 170px; box-sizing: border-box;}
.width_180px {width: 180px; box-sizing: border-box;}
.width_190px {width: 190px; box-sizing: border-box;}
.width_200px {width: 200px; box-sizing: border-box;}
.width_250px {width: 250px; box-sizing: border-box;}

.height_10px {height: 10px; box-sizing: border-box;}
.height_20px {height: 20px; box-sizing: border-box;}
.height_30px {height: 30px; box-sizing: border-box;}
.height_40px {height: 40px; box-sizing: border-box;}
.height_50px {height: 50px; box-sizing: border-box;}
.height_60px {height: 60px; box-sizing: border-box;}
.height_70px {height: 70px; box-sizing: border-box;}
.height_80px {height: 80px; box-sizing: border-box;}
.height_90px {height: 90px; box-sizing: border-box;}
.height_100px {height: 100px; box-sizing: border-box;}
.height_10 {height: 10%; box-sizing: border-box;}
.height_20 {height: 20%; box-sizing: border-box;}
.height_30 {height: 30%; box-sizing: border-box;}
.height_40 {height: 40%; box-sizing: border-box;}
.height_50 {height: 50%; box-sizing: border-box;}
.height_60 {height: 60%; box-sizing: border-box;}
.height_70 {height: 70%; box-sizing: border-box;}
.height_80 {height: 80%; box-sizing: border-box;}
.height_90 {height: 90%; box-sizing: border-box;}
.height_100 {height: 100%;  box-sizing: border-box;}

.fw {font-weight: bold;}
.fi {font-style: italic;}

.fs_8 {font-size: 8px;}
.fs_9 {font-size: 9px;}
.fs_10 {font-size: 10px;}
.fs_11 {font-size: 11px;}
.fs_12 {font-size: 12px;}
.fs_13 {font-size: 13px;}
.fs_14 {font-size: 14px;}
.fs_15 {font-size: 15px;}
.fs_16 {font-size: 16px;}
.fs_18 {font-size: 18px;}
.fs_20 {font-size: 20px;}
.fs_22 {font-size: 22px;}
.fs_24 {font-size: 24px;}
.fs_26 {font-size: 26px;}
.fs_28 {font-size: 28px;}
.fs_30 {font-size: 30px;}
.fs_32 {font-size: 32px;}
.fs_34 {font-size: 34px;}
.fs_36 {font-size: 36px;}

.lh_15 {line-height: 15px;}
.lh_20 {line-height: 20px;}
.lh_25 {line-height: 25px;}
.lh_30 {line-height: 30px;}
.lh_35 {line-height: 35px;}
.lh_40 {line-height: 40px;}
.lh_50 {line-height: 50px;}
.lh_60 {line-height: 60px;}
.lh_70 {line-height: 70px;}
.lh_80 {line-height: 80px;}
.lh_90 {line-height: 90px;}
.lh_100 {line-height: 100px;}

/* margin */

.m_auto {margin: 0 auto;}

.m_0 {margin: 0px;}
.m_5 {margin: 5px;}
.m_10 {margin: 10px;}
.m_20 {margin: 20px;}
.m_30 {margin: 30px;}
.m_40 {margin: 40px;}
.m_50 {margin: 50px;}

.mt_0 {margin-top: 0px;}
.mt_5 {margin-top: 5px;}
.mt_10 {margin-top: 10px;}
.mt_15 {margin-top: 15px;}
.mt_20 {margin-top: 20px;}
.mt_25 {margin-top: 25px;}
.mt_30 {margin-top: 30px;}
.mt_40 {margin-top: 40px;}
.mt_50 {margin-top: 50px;}
.mt_60 {margin-top: 60px;}
.mt_70 {margin-top: 70px;}
.mt_80 {margin-top: 80px;}
.mt_90 {margin-top: 90px;}
.mt_100 {margin-top: 100px;}
.mt_110 {margin-top: 110px;}
.mt_120 {margin-top: 120px;}
.mt_130 {margin-top: 130px;}
.mt_140 {margin-top: 140px;}
.mt_150 {margin-top: 150px;}

.mb_0 {margin-bottom: 0px;}
.mb_5 {margin-bottom: 5px;}
.mb_10 {margin-bottom: 10px;}
.mb_15 {margin-bottom: 15px;}
.mb_20 {margin-bottom: 20px;}
.mb_25 {margin-bottom: 25px;}
.mb_30 {margin-bottom: 30px;}
.mb_40 {margin-bottom: 40px;}
.mb_50 {margin-bottom: 50px;}
.mb_60 {margin-bottom: 60px;}
.mb_70 {margin-bottom: 70px;}
.mb_80 {margin-bottom: 80px;}
.mb_90 {margin-bottom: 90px;}
.mb_100 {margin-bottom: 100px;}
.mb_110 {margin-bottom: 110px;}
.mb_120 {margin-bottom: 120px;}
.mb_130 {margin-bottom: 130px;}
.mb_140 {margin-bottom: 140px;}
.mb_150 {margin-bottom: 150px;}

.ml_0 {margin-left: 0px;}
.ml_5 {margin-left: 5px;}
.ml_10 {margin-left: 10px;}
.ml_20 {margin-left: 20px;}
.ml_30 {margin-left: 30px;}
.ml_40 {margin-left: 40px;}
.ml_50 {margin-left: 50px;}

.mr_0 {margin-right: 0px;}
.mr_5 {margin-right: 5px;}
.mr_10 {margin-right: 10px;}
.mr_20 {margin-right: 20px;}
.mr_30 {margin-right: 30px;}
.mr_40 {margin-right: 40px;}
.mr_50 {margin-right: 50px;}

/* padding */

.p_0 {padding: 0px;}
.p_5 {padding: 5px;}
.p_10 {padding: 10px;}
.p_20 {padding: 20px;}
.p_30 {padding: 30px;}
.p_40 {padding: 40px;}
.p_50 {padding: 50px;}

.pt_0 {padding-top: 0px;}
.pt_5 {padding-top: 5px;}
.pt_10 {padding-top: 10px;}
.pt_15 {padding-top: 15px;}
.pt_20 {padding-top: 20px;}
.pt_25 {padding-top: 25px;}
.pt_30 {padding-top: 30px;}
.pt_40 {padding-top: 40px;}
.pt_50 {padding-top: 50px;}
.pt_60 {padding-top: 60px;}
.pt_70 {padding-top: 70px;}
.pt_80 {padding-top: 80px;}
.pt_90 {padding-top: 90px;}
.pt_100 {padding-top: 100px;}
.pt_110 {padding-top: 110px;}
.pt_120 {padding-top: 120px;}
.pt_130 {padding-top: 130px;}
.pt_140 {padding-top: 140px;}
.pt_150 {padding-top: 150px;}

.pb_0 {padding-bottom: 0px;}
.pb_5 {padding-bottom: 5px;}
.pb_10 {padding-bottom: 10px;}
.pb_15 {padding-bottom: 15px;}
.pb_20 {padding-bottom: 20px;}
.pb_25 {padding-bottom: 25px;}
.pb_30 {padding-bottom: 30px;}
.pb_40 {padding-bottom: 40px;}
.pb_50 {padding-bottom: 50px;}
.pb_60 {padding-bottom: 60px;}
.pb_70 {padding-bottom: 70px;}
.pb_80 {padding-bottom: 80px;}
.pb_90 {padding-bottom: 90px;}
.pb_100 {padding-bottom: 100px;}
.pb_110 {padding-bottom: 110px;}
.pb_120 {padding-bottom: 120px;}
.pb_130 {padding-bottom: 130px;}
.pb_140 {padding-bottom: 140px;}
.pb_150 {padding-bottom: 150px;}

.pl_0 {padding-left: 0px;}
.pl_5 {padding-left: 5px;}
.pl_10 {padding-left: 10px;}
.pl_20 {padding-left: 20px;}
.pl_30 {padding-left: 30px;}
.pl_40 {padding-left: 40px;}
.pl_50 {padding-left: 50px;}

.pr_0 {padding-right: 0px;}
.pr_5 {padding-right: 5px;}
.pr_10 {padding-right: 10px;}
.pr_20 {padding-right: 20px;}
.pr_30 {padding-right: 30px;}
.pr_40 {padding-right: 40px;}
.pr_50 {padding-right: 50px;}

.bg_blue {background: #1E88E5;}
.bg_blue3 {background: #a6bdc5;}
.bg_gray {background: #303B44;}
.bg_gray2 {background: #8499a0;}
.bg_gray3 {background: #5B666A;}
.bg_gray4 {background: #dee4e6;}
.bg_gray6 {background: #f2f3f3;}
.bg_white {background: #fff;}
.bg_red {background: #be0000;}
.bg_red2 {background: #790f0f;}
.bg_green {background: #13790f;}

.color_blue {color: #1E88E5;}
.color_gray {color: #303B44;}
.color_gray2 {color: #8499a0;}
.color_gray3 {color: #5B666A;}
.color_white {color: #fff;}
.color_red {color: #be0000;}
.color_red2 {color: #790f0f;}
.color_orange {color: #f08000;}
.color_orange2 {color: #7e4300;}
.color_green {color: #13790f;}
.color_main {color: #4c535a;}

.border_blue {border: 1px solid #1E88E5;}
.border_gray {border: 1px solid #303B44;}
.border_gray2 {border: 1px solid #8499a0;}
.border_gray3 {border: 1px solid #5B666A;}
.border_gray4 {border: 1px solid #dee4e6;}
.border_gray5 {border: 1px solid #9daaaf;}
.border_white {border: 1px solid #fff;}
.border_green {border: 1px solid #13790f;}
.border_red {border: 1px solid #be0000;}
.border_red2 {border: 1px solid #790f0f;}
.border_orange {border: 1px solid #f08000;}
.border_orange2 {border: 1px solid #7e4300;}

.border_hide {border: 1px solid #ffffff00;}
.border_none {border: none;}

.br_3 {border-radius: 3px;}
.br_10 {border-radius: 10px;}

.box_shadow {box-shadow: 0 0 10px #28284736;}
.box_shadow2 {box-shadow: 0 0 10px #23238f36;}

/* -------------- в приоритете внизу страницы ------------  */

.cursor_blue:hover {color: #1E88E5;}
.cursor_red:hover {color: #be0000;}
.cursor_main:hover {color: #14171a;}
.cursor_white:hover {color: #fff;}

.input_error {border: 1px solid #be0000; background: #ffebeb;}
.message {line-height: 40px; box-sizing: border-box; border-left: 5px solid #790f0f; border-right: 5px solid #790f0f; background: #d35656; color: #790f0f; margin-bottom: 30px; padding: 0 20px;}