/* CORE RULES */

.top10 { margin-top: 10px !important;}
.doflex {display: flex;}
.docolumn { flex-direction: column;}
.dowrap {flex-wrap: wrap;}
.dospace {justify-content: space-between;}
.doreverse { flex-direction: row-reverse;}
.docolumnreverse { flex-direction: column-reverse;}
.mobile {  display: none}

@media screen and (max-width: 767px) {
    .mobilecolumn {flex-direction: column;}
    .mobilereverse {flex-direction: column-reverse !important;}
    .desktop { display: none !important;}
    .mobile {  display: flex !important;}
}

/* BASIC FLEX RULES */

.flex1 {flex: 1;}
.flex2 {flex: 2;}
.flex3 {flex: 3;}
.flex4 {flex: 4;}
.flex5 {flex: 5;}

/* END BASIC FLEX RULES */

/* GAP RULES */
.gap1 {gap:1px;}
.gap3 {gap:3px;}
.gap5 {gap:5px;}
.gap10 {gap: 10px;}
.gap20 {gap: 20px;}
.gap30 {gap: 30px;}
.gap40 {gap: 40px;}
.gap50 {gap: 50px;}
.gap60 {gap: 60px;}
.gap70 {gap: 70px;}

@media screen and (max-width: 767px) {
	.mobilegap1 {gap:1px;}
    .mobilegap3 {gap:3px;}
    .mobilegap5 {gap:5px;}
    .mobilegap10 {gap: 10px;}
    .mobilegap20 {gap: 20px;}
    .mobilegap30 {gap: 30px;}
    .mobilegap40 {gap: 40px;}
    .mobilegap60 {gap: 60px;}
    .mobilegap70 {gap: 70px;}
}

/* END GAP RULES */

.row {width: 1299px; margin: auto; box-sizing: border-box;}

@media screen and (max-width: 1330px) {
    .row {width: 100%; padding: 30px 20px;} 
}
	
/* END CORE RULES */