html, body {font-size: 16px;}
body, .roboto {font-family:Roboto; font-size: 16px; padding-top: 25px;}
.relative {position: relative;}
.ptserif, h1, h2, h3, h4, h5, h6 {font-family: 'PT Serif';}
/*fonts*/
.f10 {font-size: 0.625rem;}
.f12 {font-size: 0.75rem;}
.f14 {font-size: 0.875rem;}
.f16 {font-size: 1rem;}
.f18 {font-size: 1.125rem;}
.f20 {font-size: 1.25rem;}
.f22 {font-size: 1.375rem;}
.f24 {font-size: 1.5rem;}
.f26 {font-size: 1.625rem;}
.f28 {font-size: 1.75rem;}
.f30 {font-size: 1.875rem;}
.f32 {font-size: 2rem;}
.f34 {font-size: 2.125rem;}
.f36 {font-size: 2.25rem;}
.f38 {font-size: 2.375rem;}
.f40 {font-size: 2.5rem;}
.f42 {font-size: 2.625rem;}
.f44 {font-size: 2.75rem;}
.f46 {font-size: 2.875rem;}
.f48 {font-size: 3rem;}
.f50 {font-size: 3.125rem;}
/*color*/
.text-white, .text-white a {color: #ffffff;}
.text-black, .text-black a {color: #000000;}
/*background-color*/
.transparent {background-color: transparent;}
.bg-black, .bg-di {background-color: #000000;}
.bg-white { background-color: #ffffff;}
.bg-litegrey { background-color: #E6E6E6;}
.bg-grey { background-color: #D1D1D1;}
.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-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;}
/*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;}
/**/
.pl0, .plr0 { padding-left: 0px;}
.pr0, .plr0 { padding-right: 0px;}
.pl5, .plr5 { padding-left: 5px;}
.pr5, .plr5 { padding-right: 5px;}
.pl10, .plr10 { padding-left: 10px;}
.pr10, .plr10 { padding-right: 10px;}
.pl15, .plr15 { padding-left: 15px;}
.pr15, .plr15 { padding-right: 15px;}
.pl30, .plr30 { padding-left: 30px;}
.pr30, .plr30 { padding-right: 30px;}
/*space*/
.space5 { height: 5px; width:100%; display:block; position:relative;}
.space10 { height: 10px; width:100%; display:block; position:relative;}
.space15 { height: 15px; width:100%; display:block; position:relative;}
.space20 { height: 20px; width:100%; display:block; position:relative;}
.space25 { height: 25px; width:100%; display:block; position:relative;}
.space30 { height: 30px; width:100%; display:block; position:relative;}
.space35 { height: 35px; width:100%; display:block; position:relative;}
.space40 { height: 40px; width:100%; display:block; position:relative;}
.space45 { height: 45px; width:100%; display:block; position:relative;}
.space50 { height: 50px; width:100%; display:block; position:relative;}
.space55 { height: 55px; width:100%; display:block; position:relative;}
.space60 { height: 60px; width:100%; display:block; position:relative;}
.space65 { height: 65px; width:100%; display:block; position:relative;}
.space70 { height: 70px; width:100%; display:block; position:relative;}
.space75 { height: 75px; width:100%; display:block; position:relative;}
.space80 { height: 80px; width:100%; display:block; position:relative;}
.space85 { height: 85px; width:100%; display:block; position:relative;}
.space90 { height: 90px; width:100%; display:block; position:relative;}
.space95 { height: 95px; width:100%; display:block; position:relative;}
.space100 { height: 100px; width:100%; display:block; position:relative;}
/*auto columns*/
.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;
}
/*other*/
.bold {font-weight: bold;}
.b0 {border: none;}
.br0 { border-radius: 0;}