/* VT align ---------------------------------------------- */

.m-top {
display:flex;flex-direction:column;justify-content:start;
}
.m-middle {
display:flex;flex-direction:column;justify-content:center;
}
.m-bottom {
display:flex;flex-direction:column;justify-content:end;	
}

/* HZ align ---------------------------------------------- */

.mbox1,.mbox2,.mbox3,.mbox4,.mbox5,.mbox6 {
text-align:center;
}

/* BG colors ---------------------------------------------- */

.mbox1 {
background:#00f;
}
/*
.mbox2 {
background:#f00;
}
*/
.mbox3 {
background:#0f0;
}
.mbox4 {
background:#f0f;
}
.mbox5 {
background:#ddd;
}
.mbox6 {
background:#0ff;
}

/* Texts ---------------------------------------------- */

/*
.mbox1 p,
.mbox2 p,
.mbox3 p,
.mbox4 p,
.mbox5 p,
.mbox6 p {
font-size:1.1rem;
line-height:1.3;
max-width:80%;
margin:2rem auto;
}
*/

/* Width ---------------------------------------------- */

.mbox1 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 100%!important;
-moz-flex: 0 100%!important;
-ms-flex: 0 100%!important;
flex: 0 100%!important;
width: 100%!important;
max-width: 100%!important;
}
.mbox2 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 50%!important;
-moz-flex: 0 50%!important;
-ms-flex: 0 50%!important;
flex: 0 50%!important;
width: 50%!important;
max-width: 50%!important;
}
.mbox3 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 33.3333%!important;
-moz-flex: 0 33.3333%!important;
-ms-flex: 0 33.3333%!important;
flex: 0 33.3333%!important;
width: 33.3333%!important;
max-width: 33.3333%!important;
}
.mbox4 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 25%!important;
-moz-flex: 0 25%!important;
-ms-flex: 0 25%!important;
flex: 0 25%!important;
width: 25%!important;
max-width: 25%!important;
}



/*
.mbox5 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 20%!important;
-moz-flex: 0 20%!important;
-ms-flex: 0 20%!important;
flex: 0 20%!important;
width: 20%!important;
max-width: 20%!important;
}
*/
.mbox5 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 50%!important;
-moz-flex: 0 50%!important;
-ms-flex: 0 50%!important;
flex: 0 50%!important;
width: 50%!important;
max-width: 50%!important;
}

.mbox5.m-pos1,.mbox5.m-pos2,.mbox5.m-pos3 {
margin:0;
}
.mbox5.m-pos4 {
margin:0;
}
.mbox5.m-pos5 {
margin:0 auto;
}





.mbox6 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 16.6666%!important;
-moz-flex: 0 16.6666%!important;
-ms-flex: 0 16.6666%!important;
flex: 0 16.6666%!important;
width: 16.6666%!important;
max-width: 16.6666%!important;
}
.mbox1.m-pos1,
.mbox2.m-pos1,.mbox2.m-pos2,
.mbox3.m-pos1,.mbox3.m-pos2,.mbox3.m-pos3,
.mbox4.m-pos1,.mbox4.m-pos2,.mbox4.m-pos3,.mbox4.m-pos4,
/*.mbox5.m-pos1,.mbox5.m-pos2,.mbox5.m-pos3,.mbox5.m-pos4,.mbox5.m-pos5,*/
.mbox6.m-pos1,.mbox6.m-pos2,.mbox6.m-pos3,.mbox6.m-pos4,.mbox6.m-pos5,.mbox6.m-pos6 {
margin:0;
}

/*RESPONSIVE*/

@media (max-width: 110.938rem) {

/*
.mbox5 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 33.3333%!important;
-moz-flex: 0 33.3333%!important;
-ms-flex: 0 33.3333%!important;
flex: 0 33.3333%!important;
width: 33.3333%!important;
max-width: 33.3333%!important;
}
.mbox5.m-pos4 {
margin:0 0 0 auto;
}
.mbox5.m-pos5 {
margin:0 auto 0 0;
}
*/


.mbox6 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 33.3333%!important;
-moz-flex: 0 33.3333%!important;
-ms-flex: 0 33.3333%!important;
flex: 0 33.3333%!important;
width: 33.3333%!important;
max-width: 33.3333%!important;
}

	
	
}

/*
@media (max-width: 106.938rem) {

}
*/

@media (max-width: 102.938rem) {






}

/*
@media (max-width: 89.938rem) {

}
*/

@media (max-width: 83.938rem) {

.mbox4 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 50%!important;
-moz-flex: 0 50%!important;
-ms-flex: 0 50%!important;
flex: 0 50%!important;
width: 50%!important;
max-width: 50%!important;
}

/*
.mbox5 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 50%!important;
-moz-flex: 0 50%!important;
-ms-flex: 0 50%!important;
flex: 0 50%!important;
width: 50%!important;
max-width: 50%!important;
}
.mbox5.m-pos4 {
margin:0;
}
.mbox5.m-pos5 {
margin:0 auto;
}
*/

.mbox5 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 100%!important;
-moz-flex: 0 100%!important;
-ms-flex: 0 100%!important;
flex: 0 100%!important;
width: 100%!important;
max-width: 100%!important;
}
.mbox5.m-pos5 {
margin:0,
}

}

@media (max-width: 74.938rem) {

.mbox3 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 50%!important;
-moz-flex: 0 50%!important;
-ms-flex: 0 50%!important;
flex: 0 50%!important;
width: 50%!important;
max-width: 50%!important;
}
.mbox3.m-pos3 {
margin:0 auto;
}

.mbox6 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 50%!important;
-moz-flex: 0 50%!important;
-ms-flex: 0 50%!important;
flex: 0 50%!important;
width: 50%!important;
max-width: 50%!important;
}

	
	
.mbox2 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 100%!important;
-moz-flex: 0 100%!important;
-ms-flex: 0 100%!important;
flex: 0 100%!important;
width: 100%!important;
max-width: 100%!important;
}



	
	
}

/*
@media (max-width: 67.938rem) {

}
*/

/*
@media (max-width: 62.938rem) {

}
*/

/*
@media (max-width: 59.938rem) {	

}
*/

/*
@media (max-width: 56.938rem) {
	
}
*/

/* TABLET MOBILE MENU */

@media (max-width: 47.938rem) {

/*
.mbox5 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 100%!important;
-moz-flex: 0 100%!important;
-ms-flex: 0 100%!important;
flex: 0 100%!important;
width: 100%!important;
max-width: 100%!important;
}
.mbox5.m-pos5 {
margin:0,
}
*/
	
.mbox4 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 100%!important;
-moz-flex: 0 100%!important;
-ms-flex: 0 100%!important;
flex: 0 100%!important;
width: 100%!important;
max-width: 100%!important;
}
	
.mbox3 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 100%!important;
-moz-flex: 0 100%!important;
-ms-flex: 0 100%!important;
flex: 0 100%!important;
width: 100%!important;
max-width: 100%!important;
}
.mbox3.m-pos3 {
margin:0;
}

/*
.mbox2 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 100%!important;
-moz-flex: 0 100%!important;
-ms-flex: 0 100%!important;
flex: 0 100%!important;
width: 100%!important;
max-width: 100%!important;
}
*/

}

/*
@media (max-width: 40.938rem) {

}
*/

@media (max-width: 37.938rem) {

.mbox6 {
-webkit-box-flex: 0!important;
-moz-box-flex: 0!important;
box-flex: 0!important;
-webkit-flex: 0 100%!important;
-moz-flex: 0 100%!important;
-ms-flex: 0 100%!important;
flex: 0 100%!important;
width: 100%!important;
max-width: 100%!important;
}

}

/*
@media (max-width: 34.938rem) {

}
*/

/*
@media (max-width: 30.938rem) {

}
*/

/*
@media (max-width: 29.938rem) {

}
*/

/*
@media (max-width: 25.938rem) {

}
*/

/*
@media (max-width: 23.938rem) {

}
*/

/*
@media (max-width: 21.938rem) {

}
*/