.w100, .wh100 {width:100%; box-sizing:border-box;}
.h100, .wh100 {height:100%;}
.w1 {width:1%;} .w99 {width:99%;} .w50 {width:50%;} .w33 {width:33%;}
.h1 {height:1%;} .h99 {height:99%;} .h50 {height:50%;} .h33 {height:33%;}
.mw100 {max-width: 100%;}
.mh100 {max-height: 100%;}
.mw0 {min-width: 0;}
.mh0 {min-height: 0;}

.white, .red, .blue, .green, .black, .grey {opacity:0.4}
.white {background-color:white !important;}
.red {background-color:red !important;}
.blue {background-color:blue !important;}
.green {background-color:green !important;}
.black {background-color:black !important;}
.grey {background-color:grey !important;}

.curd {cursor:default !important;}
.curh {cursor:hand; cursor:pointer;}
.curt {cursor:text !important;}
.curq {cursor:help !important;}

.hid {display:none;}

.dib {display:inline-block !important;}
.db {display:block;}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.taj {text-align:justify !important;}
.vat {vertical-align:top !important;}
.vac {vertical-align:middle; !important;}

.b {font-weight:900;}

.nw {white-space:nowrap;}

.rel {position:relative;}
.abs {position:absolute;}
.fix {position:fixed;}

.t0 {top:0;}
.l0 {left:0;}
.tl0 {top:0; left:0;}

.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs19 {font-size:19px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs30 {font-size:30px !important;}
.fs40 {font-size:40px !important;}

.lh100 {line-height:100% !important;}
.lh150 {line-height:150% !important;}

.fll {float:left;}
.flr {float:right;}

.ovh {overflow:hidden !important;}

._ {border-bottom:1px dashed grey; cursor:pointer;}
._:hover {border-bottom:1px solid grey;}

.hovr:hover {color:red !important;}


.opa_0 {opacity: 0;}
.opa_03 {opacity: 0.3;}
.opa_05 {opacity: 0.5;}


pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, с 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ поддерживается в IE, Safari, и Firefox 3.1.*/
}


.flex, .flex_col, .flex_row, .flex_center, .flex_col_5, .flex_row_5, .flex_col_10, .flex_row_10, .flex_col_15, .flex_row_15, .flex_col_20, .flex_row_20, .flex_col_25, .flex_row_25, .flex_col_30, .flex_row_30, .flex_col_40, .flex_row_40 {
	display: flex;
}
.flex_col, .flex_col_5, .flex_col_10, .flex_col_15, .flex_col_20, .flex_col_25, .flex_col_30, .flex_col_40 {flex-direction: column;}
.flex_row, .flex_row_5, .flex_row_10, .flex_row_15, .flex_row_20, .flex_row_25, .flex_row_30, .flex_row_40 {flex-direction: row;}
.flex_col_5 {row-gap: 5px;}
.flex_row_5 {column-gap: 5px;}
.flex_col_10 {row-gap: 10px;}
.flex_row_10 {column-gap: 10px;}
.flex_col_15 {row-gap: 15px;}
.flex_row_15 {column-gap: 15px;}
.flex_col_20 {row-gap: 20px;}
.flex_row_20 {column-gap: 20px;}
.flex_col_25 {row-gap: 25px;}
.flex_row_25 {column-gap: 25px;}
.flex_col_30 {row-gap: 30px;}
.flex_row_30 {column-gap: 30px;}
.flex_col_40 {row-gap: 40px;}
.flex_row_40 {column-gap: 40px;}
.flex_grow {flex-grow: 1;}
.flex_jc_c {justify-content: center;}
.flex_jc_e {justify-content: flex-end;}
.flex_jc_sb {justify-content: space-between;}
.flex_jc_s {justify-content: flex-start;}
.flex_ai_c {align-items: center;}
.flex_ai_e {align-items: flex-end;}
.flex_center {justify-content: center; align-items: center;}
.flex_wrap {flex-wrap: wrap;}
.flex_nowrap {flex-wrap: nowrap;}