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

.w800{
width: 800px;
}

/* ____________________________________ Widths % ____________________________________ */
.w300{
width: 300%;
}

.w100{
width: 100%;
}

.w90{
width: 90%;
}

.w70{
width: 70%;
}

.w50{
width: 50%;
}

.w40{
width: 40%;
}

.w30{
width: 30%;
}

.w20{
width: 20%;
}

.w19{
width: 19%;
}

.max_w100{
max-width: 100%;    
}

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

/* ____________________________________ Heights VH ____________________________________ */
.h300vh{
height: 300vh;
height: calc(var(--vh, 1vh) * 300);
}

.h200vh{
height: 200vh;
height: calc(var(--vh, 1vh) * 200);
}

.h100vh{
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
}

.min_h100vh{
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100);
}

.h50vh{
height: 50vh;
}

/* ____________________________________ Paddings Top ____________________________________ */
.pt_40{
padding-top: 40vh;
}

.pt_25{
padding-top: 25vh;
}

.pt_20{
padding-top: 20vh;
}

.pt_15{
padding-top: 15vh;
}

.pt_10{
padding-top: 10vh;
}

.pt_7_5{
padding-top: 7.5vh;
}

.pt_5{
padding-top: 5vh;
}

.pt_2{
padding-top: 2vh;
}

.pt_1{
padding-top: 1vh;
}

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

.pb_15{
padding-bottom: 15vh;
}

/* ____________________________________ 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 ____________________________________ */
.b5{
bottom: 5%;
}

.b0{
bottom: 0%;
}

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

.l0{
left: 0%;
}

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

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

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

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

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

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

.as_end{
align-self: end;
}

.fw_wra{
flex-wrap: wrap;
}

.fw_now{
flex-wrap: nowrap;
}

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

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

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

.td_ul{
text-decoration: underline;
}

.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;
}

.efix{
transform: translateY(-1px);
}