/*font-size rem*/
.f8 {font-size: 0.5714rem!important;}
.f9 {font-size: 0.6429rem!important;}
.f10 {font-size: 0.7143rem!important;}
.f11 {font-size: 0.7857rem!important;}
.f12 {font-size: 0.8571rem!important;}
.f13 {font-size: 0.9286rem!important;}
.f14 {font-size: 1rem!important;}
.f15 {font-size: 1.071rem!important;}
.f16 {font-size: 1.143rem!important;}
.f17 {font-size: 1.214rem!important;}
.f18 {font-size: 1.286rem!important;}
.f20 {font-size: 1.429rem!important;}
.f22 {font-size: 1.571rem!important;}
.f24 {font-size: 1.714rem!important;}
.f26 {font-size: 1.857rem!important;}
.f28 {font-size: 2rem!important;}
.f30 {font-size: 2.143rem!important;}
.f32 {font-size: 2.286rem!important;}
.f34 {font-size: 2.429rem!important;}
.f36 {font-size: 2.571rem!important;}
.f38 {font-size: 2.714rem!important;}
.f40 {font-size: 2.857rem!important;}
.f50 {font-size: 3.571rem!important;}
/*text-align*/
.relative {position: relative;}
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
/*width*/
.w5p { width: 5%;}
.w10p { width: 10%;}
.w15p { width: 15%;}
.w20p { width: 20%;}
.w25p { width: 25%;}
.w30p { width: 30%;}
.w35p { width: 35%;}
.w40p { width: 40%;}
.w45p { width: 45%;}
.w50p { width: 50%;}
.w55p { width: 55%;}
.w60p { width: 60%;}
.w65p { width: 65%;}
.w70p { width: 70%;}
.w75p { width: 75%;}
.w80p { width: 80%;}
.w85p { width: 85%;}
.w90p { width: 90%;}
.w95p { width: 95%;}
.w100p { width: 100%;}
/*height*/
.h5p { height: 5%;}
.h10p { height: 10%;}
.h15p { height: 15%;}
.h20p { height: 20%;}
.h25p { height: 25%;}
.h30p { height: 30%;}
.h35p { height: 35%;}
.h40p { height: 40%;}
.h45p { height: 45%;}
.h50p { height: 50%;}
.h55p { height: 55%;}
.h60p { height: 60%;}
.h65p { height: 65%;}
.h70p { height: 70%;}
.h75p { height: 75%;}
.h80p { height: 80%;}
.h85p { height: 85%;}
.h90p { height: 90%;}
.h95p { height: 95%;}
.h100p { height: 100%;}
/*margin*/
.m0a { margin: 0px auto;}
.m5a { margin: 5px auto;}
.m10a { margin: 10px auto;}
.m15a { margin: 15px auto;}
.m20a { margin: 20px auto;}
.m25a { margin: 25px auto;}
.m30a { margin: 30px auto;}
.m35a { margin: 35px auto;}
.m40a { margin: 40px auto;}
.m45a { margin: 45px auto;}
.m50a { margin: 50px auto;}
.mt0 , .mtb0 { margin-top: 0px;}
.mt5 , .mtb5 { margin-top: 5px;}
.mt10, .mtb10 { margin-top: 10px;}
.mt15, .mtb15 { margin-top: 15px;}
.mt20, .mtb20 { margin-top: 20px;}
.mt25, .mtb25 { margin-top: 25px;}
.mt30, .mtb30 { margin-top: 30px;}
.mt35, .mtb35 { margin-top: 35px;}
.mt40, .mtb40 { margin-top: 40px;}
.mt45, .mtb45 { margin-top: 45px;}
.mt50, .mtb50 { margin-top: 50px;}
.mb0, .mtb0 { margin-bottom: 0px;}
.mb5, .mtb5 { margin-bottom: 5px;}
.mb10, .mtb10 { margin-bottom: 10px;}
.mb15, .mtb15 { margin-bottom: 15px;}
.mb20, .mtb20 { margin-bottom: 20px;}
.mb25, .mtb25 { margin-bottom: 25px;}
.mb30, .mtb30 { margin-bottom: 30px;}
.mb35, .mtb35 { margin-bottom: 35px;}
.mb40, .mtb40 { margin-bottom: 40px;}
.mb45, .mtb45 { margin-bottom: 45px;}
.mb50, .mtb50 { margin-bottom: 50px;}

/*padding*/
.p0 { padding: 0px;}
.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p25 { padding: 25px;}
.p30 { padding: 30px;}
.p35 { padding: 35px;}
.p40 { padding: 40px;}
.p45 { padding: 45px;}
.p50 { padding: 50px;}
/*pading-top*/
.pt0, .ptb0 { padding-top: 0px;}
.pt5, .ptb5 { padding-top: 5px;}
.pt10, .ptb10 { padding-top: 10px;}
.pt15, .ptb15 { padding-top: 15px;}
.pt20, .ptb20 { padding-top: 20px;}
.pt25, .ptb25 { padding-top: 25px;}
.pt30, .ptb30 { padding-top: 30px;}
.pt35, .ptb35 { padding-top: 35px;}
.pt40, .ptb40 { padding-top: 40px;}
.pt45, .ptb45 { padding-top: 45px;}
.pt50, .ptb50 { padding-top: 50px;}
/*padding-bottom*/
.pb0, .ptb0 { padding-bottom: 0px;}
.pb5, .ptb5 { padding-bottom: 5px;}
.pb10, .ptb10 { padding-bottom: 10px;}
.pb15, .ptb15 { padding-bottom: 15px;}
.pb20, .ptb20 { padding-bottom: 20px;}
.pb25, .ptb25 { padding-bottom: 25px;}
.pb30, .ptb30 { padding-bottom: 30px;}
.pb35, .ptb35 { padding-bottom: 35px;}
.pb40, .ptb40 { padding-bottom: 40px;}
.pb45, .ptb45 { padding-bottom: 45px;}
.pb50, .ptb50 { padding-bottom: 50px;}
/* автоматическое деление на колонки */
.column1 {-webkit-column-count: 1;/* Chrome, Safari, Opera */ -moz-column-count: 1;/* Firefox */ column-count: 1;}
.column2 {-webkit-column-count: 2;/* Chrome, Safari, Opera */ -moz-column-count: 2;/* Firefox */ column-count: 2;}
.column3 {-webkit-column-count: 3;/* Chrome, Safari, Opera */ -moz-column-count: 3;/* Firefox */ column-count: 3;}
.column4 {-webkit-column-count: 4;/* Chrome, Safari, Opera */ -moz-column-count: 4;/* Firefox */ column-count: 4;}
.column5 {-webkit-column-count: 5;/* Chrome, Safari, Opera */ -moz-column-count: 5;/* Firefox */ column-count: 5;}
/*space*/
.space5 {display: block; width: 100%; height: 5px;}
.space10 {display: block; width: 100%; height: 10px;}
.space15 {display: block; width: 100%; height: 15px;}
.space20 {display: block; width: 100%; height: 20px;}
.space30 {display: block; width: 100%; height: 30px;}
.space40 {display: block; width: 100%; height: 40px;}
.space50 {display: block; width: 100%; height: 50px;}
.space60 {display: block; width: 100%; height: 60px;}
.space70 {display: block; width: 100%; height: 70px;}
.space80 {display: block; width: 100%; height: 80px;}
.space90 {display: block; width: 100%; height: 90px;}
.space100 {display: block; width: 100%; height: 100px;}
/*bg-color*/
.bg-red {background-color: #BE3576;}
.bg-vk { background-color: #45668e;}
.bg-fb { background-color: #3b5998;}
.bg-ok { background-color: #ed812b;}
.bg-mr { background-color: #168de2;}
.bg-gp { background-color: #dd4b39;}
.bg-li { background-color: #0976b4;}
.bg-tw { background-color: #55acee;}
.bg-lj { background-color: #004359;}
.bg-tm { background-color: #35465c;}
.bg-bl { background-color: #f57d00;}
.bg-pt { background-color: #cc2127;}
.bg-di { background-color: #000000;}
.bg-en { background-color: #7ac142;}
.bg-rd { background-color: #5f99cf;}
.bg-de { background-color: #3399ff;}
.bg-su { background-color: #eb4924;}
.bg-po { background-color: #d3505a;}
.bg-sb { background-color: #26B1F6;}
.bg-br { background-color: #323b43;}
.bg-ip { background-color: #428bca;}
.bg-ra { background-color: #990000;}
.bg-xi { background-color: #cfdc00;}
.bg-wp { background-color: #0087be;}
.bg-tg { background-color: #0088cc;}
.bg-vi { background-color: #8f5db7;}
.bg-wa { background-color: #43d854;}
.bg-ln { background-color: #00c300;}
.bg-bd { background-color: #2529d8;}
.bg-rr { background-color: #53a9d7;}
.bg-wb { background-color: #c53220;}
.bg-lite { background-color: #FAFAFA;}
/*text-color*/
.text-red {color: #BE3576!important;}
.text-vk { color: #45668e!important;}
.text-fb { color: #3b5998!important;}
.text-ok { color: #ed812b!important;}
.text-mr { color: #168de2!important;}
.text-gp { color: #dd4b39!important;}
.text-li { color: #0976b4!important;}
.text-tw { color: #55acee!important;}
.text-lj { color: #004359!important;}
.text-tm { color: #35465c!important;}
.text-bl { color: #f57d00!important;}
.text-pt { color: #cc2127!important;}
.text-di { color: #000000!important;}
.text-en { color: #7ac142!important;}
.text-rd { color: #5f99cf!important;}
.text-de { color: #3399ff!important;}
.text-su { color: #eb4924!important;}
.text-po { color: #d3505a!important;}
.text-sb { color: #26B1F6!important;}
.text-br { color: #323b43!important;}
.text-ip { color: #428bca!important;}
.text-ra { color: #990000!important;}
.text-xi { color: #cfdc00!important;}
.text-wp { color: #0087be!important;}
.text-tg { color: #0088cc!important;}
.text-vi { color: #8f5db7!important;}
.text-wa { color: #43d854!important;}
.text-ln { color: #00c300!important;}
.text-bd { color: #2529d8!important;}
.text-rr { color: #53a9d7!important;}
.text-wb { color: #c53220!important;}