/* ____________________________________ Widths % ____________________________________ */
.w100{
width: 100%;
}

.w100-160{
width: calc(100% - 160px);
}

.w90{
width: 90%;
}

.w80{
width: 80%;
}

.w66{
width: 66.666%;
}

td.w50{
width: 49%;
}
.w50{
width: 50%;
}

.w46{
width: 46%;
}

.w33{
width: 33.333%;
}

/* ____________________________________ Widths px ____________________________________ */
.w1100{
width: 1100px;
}

/* ____________________________________ Heights ____________________________________ */
.h100{
height: 100%;
}

/* ____________________________________ Position ____________________________________ */
.pos_abs{
position: absolute;
}

.pos_rel{
position: relative;
}

.pos_sti{
position: sticky;
}

.pos_fix{
position: fixed;
}

.z1{
z-index: 1;
}

.z2{
z-index: 2;
}

.z3{
z-index: 3;
}

.z4{
z-index: 4;
}

/* ____________________________________ Top ____________________________________ */
.t50{
top:50%;
}

.t0{
top:0%;
}

/* ____________________________________ Bottom ____________________________________ */
.b0{
bottom:0%;
}

/* ____________________________________ Left ____________________________________ */
.l50{
left: 50%;
}

.transX-50{
transform: translateX(-50%);
}

.transY-50{
transform: translateY(-50%);
}

.transXY-50{
transform: translateX(-50%) translateY(-50%);
}

/* ____________________________________ Display ____________________________________ */
.dis_no{
display: none;    
}

.dis_b{
display: block;
}

.dis_ilb{
display: inline-block;
}

.dis_fle{
display: flex;
}

.jc_cen{
justify-content: center;
}

.ai_cen{
align-items: center;
}

.fw_wra{
flex-wrap: wrap;
}

/* ____________________________________ Paddings Top ____________________________________ */
.pt_25{
padding-top: 25vh;
}

.pt_10{
padding-top: 10vh;
}

.pt_9{
padding-top: 9vh;
}

.pt_7{
padding-top: 7vh;
}

.pt_4{
padding-top: 4vh;
}

.pt_3{
padding-top: 3vh;
}

.pt_2{
padding-top: 2vh;
}

.pt_1{
padding-top: 1vh;
}

/* ____________________________________ Paddings Bottom ____________________________________ */
.pb_25{
padding-bottom: 25vh;
}

.pb_10{
padding-bottom: 10vh;
}

.pb_7{
padding-bottom: 7vh;
}

.pb_3{
padding-bottom: 3vh;
}

.pb_2{
padding-bottom: 2vh;
}

/* ____________________________________ Margin Left ____________________________________ */
.ml_a{
margin-left: auto;
}

.mr_a{
margin-right: auto;
}

/* ____________________________________ Padding Left Right ____________________________________ */
.plr_20{
padding: 0px 20px;
}

/* ____________________________________ Horizontal Center ____________________________________ */
.mcenter{
margin: 0px auto;
}

/* ____________________________________ Vertical Align ____________________________________ */
.va_top{
vertical-align: top;
}

/* ____________________________________ Float ____________________________________ */
.fleft{
float: left;
}

.fright{
float: right;
}

.clearfix{
clear: both;
}

/* ____________________________________ Extras ____________________________________ */
.of_hi{
overflow: hidden;
}

.of_cov{
object-fit: cover;
}

.pe_no{
pointer-events: none;
}

.pe_au{
pointer-events: auto;
}

.cu_po{
cursor: pointer;
}

.bs_bb{
box-sizing: border-box;
}

/* ____________________________________ Transitions ____________________________________ */
.trans_03{
transition: all 0.3s ease;
}

.trans_05{
transition: all 0.5s ease-out;
}