/* ____________________________________ Widths/Heights ____________________________________ */
.wh100{
width: 100%;
height: 100vh;
}

/* ____________________________________ Widths px ____________________________________ */
.w1600{
width: 1600px;
}

.w1200{
width: 1200px;
}

.w800{
width: 800px;
}

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

.w90{
width: 90%;
}

.w70{
width: 70%;
}

.w60{
width: 60%;
}

.w50{
width: 50%;
}

.w475{
width: 47.5%;
}

.w35{
width: 35%;
}

.w30{
width: 30%;
}

.w21{
width: 21%;
}

.max_w100{
max-width: 100%;    
}

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

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

.pt_15{
padding-top: 15vh;
}

.pt_7_5{
padding-top: 7.5vh;
}

.pt_5{
padding-top: 5vh;
}

.pt_2_5{
padding-top: 2.5vh;
}

.pt_2{
padding-top: 2vh;
}

.pt_1{
padding-top: 1vh;
}

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

.pb_15{
padding-bottom: 15vh;
}

.pb_5{
padding-bottom: 5vh;
}

.pb_2_5{
padding-bottom: 2.5vh;
}

.pb_1{
padding-bottom: 1vh;
}

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

/* ____________________________________ Margin Right ____________________________________ */
.mr_a{
margin-right: auto;
}

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

.pos_rel{
position: relative;
}

.pos_fix{
position: fixed;
}

.z1{
z-index: 1;
}

.z2{
z-index: 2;
}

.z3{
z-index: 3;
}

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

.t0{
top: 0%;
}

/* ____________________________________ Right ____________________________________ */
.r0{
right: 0%;
}

/* ____________________________________ Bottom ____________________________________ */
.b20{
bottom: 20%;
}

.b0{
bottom: 0%;
}

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

.l0{
left: 0%;
}

/* ____________________________________ Translate ____________________________________ */
.transX-50{
transform: translateX(-50%);
}

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

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

/* ____________________________________ Vertical Center ____________________________________ */
.center_helper{
height: 100%;
display: inline-block;
vertical-align: middle;
}

.center_content{
width: 98%;
height: auto;
display: inline-block;
vertical-align: middle;
}

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

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

.fright{
float: right;
}

.clearfix{
clear: both;
}

/* ____________________________________ 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;
}

.ai_end{
align-items: end;
}

.fw_wra{
flex-wrap: wrap;
}

/* ____________________________________ BG Image ____________________________________ */
.bg_image{
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

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

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

/* ____________________________________ Extras ____________________________________ */
.td_no{
text-decoration: none;
}

.va_top{
vertical-align: top;
}

.va_mid{
vertical-align: middle;
}

.va_bot{
vertical-align: bottom;
}

.of_cov{
object-fit: cover;
}

.of_hi{
overflow: hidden;
}

.pe_no{
pointer-events: none;
}

.pe_au{
pointer-events: auto;
}