.pn
{
    padding: 0 !important;
}
.p5
{
    padding: 5px !important;
}
.p10
{
    padding: 10px !important;
}
.p15
{
    padding: 15px !important;
}
.p20
{
    padding: 20px !important;
}
.p25
{
    padding: 25px !important;
}
.p30
{
    padding: 30px !important;
}
.p40
{
    padding: 40px !important;
}
.p50
{
    padding: 50px !important;
}



.ptn
{
    padding-top: 0 !important;
}
.pt5
{
    padding-top: 5px !important;
}
.pt10
{
    padding-top: 10px !important;
}
.pt15
{
    padding-top: 15px !important;
}
.pt20
{
    padding-top: 20px !important;
}
.pt25
{
    padding-top: 25px !important;
}
.pt30
{
    padding-top: 30px !important;
}
.pt40
{
    padding-top: 40px !important;
}
.pt50
{
    padding-top: 50px !important;
}

.prn
{
    padding-right: 0 !important;
}
.pr5
{
    padding-right: 5px !important;
}
.pr10
{
    padding-right: 10px !important;
}
.pr15
{
    padding-right: 15px !important;
}
.pr20
{
    padding-right: 20px !important;
}
.pr25
{
    padding-right: 25px !important;
}
.pr30
{
    padding-right: 30px !important;
}
.pr40
{
    padding-right: 40px !important;
}
.pr50
{
    padding-right: 50px !important;
}

.pbn
{
    padding-bottom: 0 !important;
}
.pb5
{
    padding-bottom: 5px !important;
}
.pb10
{
    padding-bottom: 10px !important;
}
.pb15
{
    padding-bottom: 15px !important;
}
.pb20
{
    padding-bottom: 20px !important;
}
.pb25
{
    padding-bottom: 25px !important;
}
.pb30
{
    padding-bottom: 30px !important;
}
.pb40
{
    padding-bottom: 40px !important;
}
.pb50
{
    padding-bottom: 50px !important;
}

.pln
{
    padding-left: 0 !important;
}
.pl5
{
    padding-left: 5px !important;
}
.pl10
{
    padding-left: 10px !important;
}
.pl15
{
    padding-left: 15px !important;
}
.pl20
{
    padding-left: 20px !important;
}
.pl25
{
    padding-left: 25px !important;
}
.pl30
{
    padding-left: 30px !important;
}
.pl40
{
    padding-left: 40px !important;
}
.pl50
{
    padding-left: 50px !important;
}

.mn
{
    margin: 0 !important;
}
.m5
{
    margin: 5px !important;
}
.m10
{
    margin: 10px !important;
}
.m15
{
    margin: 15px !important;
}
.m20
{
    margin: 20px !important;
}
.m25
{
    margin: 25px !important;
}
.m30
{
    margin: 30px !important;
}
.m40
{
    margin: 40px !important;
}
.m50
{
    margin: 50px !important;
}



.mtn
{
    margin-top: 0 !important;
}
.mt5
{
    margin-top: 5px !important;
}
.mt10
{
    margin-top: 10px !important;
}
.mt15
{
    margin-top: 15px !important;
}
.mt20
{
    margin-top: 20px !important;
}
.mt25
{
    margin-top: 25px !important;
}
.mt30
{
    margin-top: 30px !important;
}
.mt40
{
    margin-top: 40px !important;
}
.mt50
{
    margin-top: 50px !important;
}

.mrn
{
    margin-right: 0 !important;
}
.mr5
{
    margin-right: 5px !important;
}
.mr10
{
    margin-right: 10px !important;
}
.mr15
{
    margin-right: 15px !important;
}
.mr20
{
    margin-right: 20px !important;
}
.mr25
{
    margin-right: 25px !important;
}
.mr30
{
    margin-right: 30px !important;
}
.mr40
{
    margin-right: 40px !important;
}
.mr50
{
    margin-right: 50px !important;
}

.mbn
{
    margin-bottom: 0 !important;
}
.mb5
{
    margin-bottom: 5px !important;
}
.mb10
{
    margin-bottom: 10px !important;
}
.mb15
{
    margin-bottom: 15px !important;
}
.mb20
{
    margin-bottom: 20px !important;
}
.mb25
{
    margin-bottom: 25px !important;
}
.mb30
{
    margin-bottom: 30px !important;
}
.mb40
{
    margin-bottom: 40px !important;
}
.mb50
{
    margin-bottom: 50px !important;
}

.mln
{
    margin-left: 0 !important;
}
.ml5
{
    margin-left: 5px !important;
}
.ml10
{
    margin-left: 10px !important;
}
.ml15
{
    margin-left: 15px !important;
}
.ml20
{
    margin-left: 20px !important;
}
.ml25
{
    margin-left: 25px !important;
}
.ml30
{
    margin-left: 30px !important;
}
.ml40
{
    margin-left: 40px !important;
}
.ml50
{
    margin-left: 50px !important;
}

.w80per
{
    width:80%;
}
.w80peri
{
    width:80% !important;
}

.w85per
{
    width:85%;
}
.w85peri
{
    width:85% !important;
}

.w90per
{
    width:90%;
}
.w90peri
{
    width:90% !important;
}

.w95per
{
    width:95%;
}
.w95peri
{
    width:95% !important;
}

.w100per
{
    width:100%;
}
.w100peri
{
    width:100% !important;
}


.ta-center
{
    text-align: center;
}

.ta-center-i
{
    text-align: center !important;
}

.ta-left
{
    text-align: left;
}

.ta-left-i
{
    text-align: left !important;
}

.ta-right
{
    text-align: right;
}

.ta-right-i
{
    text-align: right !important;
}



._b, .fwb, .fw-bold
{
    font-weight: bold;
}

._bi, .fwbi, .fw-bold-i
{
    font-weight: bold !important;
}


._i, .fsi, .fs-italic
{
    font-style: italic; 
}

._ii, .fsii, .fs-italic-i
{
    font-style: italic !important; 
}


._fl, .float-left
{
    float: left;
}

._fli, .float-left-i
{
    float: left !important;
}


._fr, .float-right
{
    float: right;
}

._fri, .float-right-i
{
    float: right !important;
}

._fn, .float-none
{
    float: none;
}

._fni, .float-none-i
{
    float: none !important;
}

._tc, .text-capitalize
{
    text-transform:capitalize; 
}
._tci, .text-capitalize-i
{
    text-transform:capitalize !important; 
}


.tmp-clearfix,
._clearfix
{
    overflow: auto;
    zoom: 1;
}

.tmp-clear,
._clear
{
    clear: both;
}

.tmp-clearfix-i, 
._clearfix-i
{
    overflow: auto !important;
    zoom: 1;
}

.tmp-clear-i, 
._clear-i
{
    clear: both !important;
}

.tmp-centered, 
._centered
{
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%;
}

.centered-content, 
._centered-content
{
    text-align: center;
}

.centered-content *, 
._centered-content *
{
    text-align: initial; 
}

.centered-content::before,
._centered-content::before 
{
    content: " ";
    display: inline-block;
    height: 100%;
    width: 0.1%;
    vertical-align: middle;
}

.centered-content > *, 
._centered-content > * 
{
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    left:-0.9%;
    width:99%;
}

.bg-color-white
{
    background: white;
}

.bg-color-redish
{
    background: #ffe4e4;
}

.bg-color-white-transparent-50
{
    background: rgba(255,255,255,0.5);
}

.bg-color-black
{
    background: black;
    color:#eee;
}

.bg-color-dark
{
    background: #212121;
    color:#eee;
}

.bg-color-black-transparent-50
{
    background: rgba(0,0,0,0.5);
}

.bg-color-light
{
    background: #fafafa;
}

/*.bg-color-light-transparent-50
{
    background: rgba(239, 239, 239, 0.5);
}*/

.bg-color-lgray
{
    background: #efefef;
}

.bg-color-lgray-transparent-50
{
    background: rgba(239, 239, 239, 0.5);
}
.bg-color-skyblue
{
    background: #35a2ff;
    color: white;
}
.bg-color-darkred
{
    background: #56060e;
    color: white;
}
.border-width-none, .bdrn
{
    border-width: 0;
}

.border-width-1px, .bdr-1px
{
    border-width: 1px;
    border-style: solid; 
}

.border-left-width-1px, .bdrl-1px
{
    border-left-width: 1px;
    border-left-style: solid; 
}

.border-right-width-1px, .bdrr-1px
{
    border-right-width: 1px;
    border-right-style: solid; 
}


.border-width-2px, .bdr-2px
{
    border-width: 2px;
    border-style: solid; 
}

.border-width-3px, .bdr-3px
{
    border-width: 3px;
    border-style: solid; 
}

.border-width-4px, .bdr-4px
{
    border-width: 4px;
    border-style: solid; 
}

.border-width-5px, .bdr-5px
{
    border-width: 5px;
    border-style: solid; 
}



.border-color-brown, .bdr-brown
{
    border-color: #741B1B;
}

.border-color-light-brown, .bdr-light-brown
{
    border-color: #D4C2C2;
}

.border-color-white, .bdr-white
{
    border-color: #fff;
}

.border-color-white-i, .bdr-white-i
{
    border-color: #fff !important;
}

.border-color-light, .bdr-light
{
    border-color: #ddd;
}

.border-color-light-i, .bdr-light-i
{
    border-color: #ddd !important;
}

.border-color-sky, .bdr-sky
{
    border-color: #C4E2FF;
}


.border-color-sky-i, .bdr-sky-i
{
    border-color: #C4E2FF !important;
}


.box-shadow-black, .box-black
{
    box-shadow: 1px 2px 6px 0px rgb(0, 0, 0);
}
.box-shadow-light, .box-light
{
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.25);
}

.text-muted-max
{
    color: #999;
}


/********** 13. MEDIA QUERIES **********/
/***************************************/
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 360px) {

}

@media screen and (max-width: 320px) {

}