/* GRID LAYOUT */
.row {
	font-size: 0px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	text-align: left;
}

.block > *,
.row > * {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1;
}

.row > .row, .block > .row {
	font-size: 0;
}

.block {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 0.5%;
	height: 100%;
}
.nooffset .block {
	margin: 0;
}

.w1 { width: 3.16%; }
.nooffset > .w1 { width: 4.16%; }
.w2 { width: 7.32%; }
.nooffset > .w2 { width: 8.32%; }
.w3 { width: 11.48%; }
.nooffset > .w3 { width: 12.48%; }
.w4 { width: 15.65%; }
.nooffset > .w4 { width: 16.65%; }
.w5 { width: 19.8%; }
.nooffset > .w5 { width: 20.8%; }
.w6 { width: 23%; }
.nooffset > .w6 { width: 24.96%; }
.w7 { width: 28.16%; }
.nooffset > .w7 { width: 29.16%; }
.w8 { width: 32.26%; }
.nooffset > .w8 { width: 33.26%; }
.w9 { width: 36.46%; }
.nooffset > .w9 { width: 37.46%; }
.w10 { width: 40.57%; }
.nooffset > .w10 { width: 41.57%; }
.w11 { width: 44.75%; }
.nooffset > .w11 { width: 45.75%;}
.w12 { width: 48.9%; }
.nooffset > .w12 { width: 49.9%;}
.w13 { width: 53.07%; }
.nooffset > .w13 { width: 54.07%;}
.w14 { width: 57.27%; }
.nooffset > .w14 { width: 58.27%;}
.w15 { width: 61.37%; }
.nooffset > .w15 { width: 62.37%;}
.w16 { width: 65.56%; }
.nooffset > .w16 { width: 66.56%;}
.w17 { width: 69.67%; }
.nooffset > .w17 { width: 70.67%;}
.w18 { width: 73.87%; }
.nooffset > .w18 { width: 74.87%;}
.w19 { width: 78.07%; }
.nooffset > .w19 { width: 79.07%;}
.w20 { width: 82.2%; }
.nooffset > .w20 { width: 83.2%;}
.w21 { width: 86.38%; }
.nooffset > .w21 { width: 87.38%;}
.w22 { width: 90.5%; }
.nooffset > .w22 { width: 91.5%;}
.w23 { width: 94.68%; }
.nooffset > .w23 { width: 95.68%;}
.w24 { width: 98.89%; }
.nooffset > .w24 { width: 99.89%;}

@media screen and (max-width: 1024px) {/*
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24 {width: auto;}*/
.m1 { width: 3.16%; }
.nooffset > .m1 { width: 4.16%; }
.m2 { width: 7.32%; }
.nooffset > .m2 { width: 8.32%; }
.m3 { width: 11.48%; }
.nooffset > .m3 { width: 12.48%; }
.m4 { width: 15.65%; }
.nooffset > .m4 { width: 16.65%; }
.m5 { width: 19.8%; }
.nooffset > .m5 { width: 20.8%; }
.m6 { width: 23.96%; }
.nooffset > .m6 { width: 24.96%; }
.m7 { width: 28.16%; }
.nooffset > .m7 { width: 29.16%; }
.m8 { width: 32.26%; }
.nooffset > .m8 { width: 33.26%; }
.m9 { width: 36.46%; }
.nooffset > .m9 { width: 37.46%; }
.m10 { width: 40.57%; }
.nooffset > .m10 { width: 41.57%; }
.m11 { width: 44.75%; }
.nooffset > .m11 { width: 45.75%;}
.m12 { width: 48.9%; }
.nooffset > .m12 { width: 49.9%;}
.m13 { width: 53.07%; }
.nooffset > .m13 { width: 54.07%;}
.m14 { width: 57.27%; }
.nooffset > .m14 { width: 58.27%;}
.m15 { width: 61.37%; }
.nooffset > .m15 { width: 62.37%;}
.m16 { width: 65.56%; }
.nooffset > .m16 { width: 66.56%;}
.m17 { width: 69.67%; }
.nooffset > .m17 { width: 70.67%;}
.m18 { width: 73.87%; }
.nooffset > .m18 { width: 74.87%;}
.m19 { width: 78.07%; }
.nooffset > .m19 { width: 79.07%;}
.m20 { width: 82.2%; }
.nooffset > .m20 { width: 83.2%;}
.m21 { width: 86.38%; }
.nooffset > .m21 { width: 87.38%;}
.m22 { width: 90.5%; }
.nooffset > .m22 { width: 91.5%;}
.m23 { width: 94.68%; }
.nooffset > .m23 { width: 95.68%;}
.m24 { width: 98.89%; }
.nooffset > .m24 { width: 99.89%;}
}
@media screen and (max-width: 768px) {
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24 {width: 98.89%;}
}
.p10 { width: 9%; }
.nooffset .p10 { width: 10%;}
.p20 { width: 19%; }
.nooffset .p20 { width: 20%;}
.p25 { width: 24%; }
.nooffset .p25 { width: 25%;}
.p33 { width:32.33333333%; }
.nooffset .p33 { width: 33.33333333%;}
.p40 { width: 39%; }
.nooffset .p40 { width: 40%;}
.p60 { width: 59%; }
.nooffset .p60 { width: 60%;}
.p66 { width: 65.6666666%; }
.nooffset .p66 { width: 66.66666666%;}
.p75 { width: 74%; }
.nooffset .p75 { width: 75%;}
.p80 { width: 79%; }
.nooffset .p80 { width: 80%;}
.p90 { width: 89%; }
.nooffset .p90 { width: 90%;}


/* OFFSET */
.ow1 { margin-left: 4.66%;}
.nooffset .ow1 {margin-left: 4.16%;}
.ow2 { margin-left: 8.82%;}
.nooffset .ow2 {margin-left: 8.32%;}
.ow3 { margin-left: 12.98%;}
.nooffset .ow3 {margin-left: 12.48%;}
.ow4 { margin-left: 17.15%;}
.nooffset > .ow4 { margin-left: 16.65%; }
.ow5 { margin-left: 21.3%;}
.nooffset .ow5 {margin-left: 20.8%;}
.ow6 { margin-left: 25.46%;}
.nooffset .ow6 {margin-left: 24.96%;}
.ow7 { margin-left: 29.56%; }
.nooffset > .ow7 { margin-left: 29.16%; }
.ow8 { margin-left: 33.76%;}
.nooffset .ow8 {margin-left: 33.26%;}
.ow9 { margin-left: 37.96%;}
.nooffset .ow9 {margin-left: 37.46%;}
.ow10 { margin-left: 42.07%; }
.nooffset > .ow10 { margin-left: 41.57%; }
.ow11 {margin-left: 46.25%;}
.nooffset .ow11 {margin-left: 45.75%;}
.ow12 {margin-left: 50.4%}
.nooffset .ow12 {margin-left: 49.9%;}
.ow13 { margin-left: 54.57%; }
.nooffset > .ow13 { margin-left: 54.07%;}
.ow14 { margin-left: 58.77%;}
.nooffset .ow14 { margin-left: 58.27%;}
.ow15 { margin-left: 62.87%; }
.nooffset > .ow15 { margin-left: 62.37%;}
.ow16 { margin-left: 67.06%; }
.nooffset > .ow16 { margin-left: 66.56%;}
.ow17 { margin-left: 71.17%; }
.nooffset > .ow17 { margin-left: 70.67%;}
.ow18 { margin-left: 75.37%; }
.nooffset > .ow18 { margin-left: 74.87%;}
.ow19 { margin-left: 79.57%; }
.nooffset > .ow19 { margin-left: 79.07%;}
.ow20 { margin-left: 83.7%; }
.nooffset > .ow20 { margin-left: 83.2%;}
.ow21 { margin-left: 87.88%; }
.nooffset > .ow21 { margin-left: 87.38%;}
.ow22 { margin-left: 92%; }
.nooffset > .ow22 { margin-left: 91.5%;}
.ow23 { margin-left: 96.18%; }
.nooffset > .ow23 { margin-left: 95.68%;}
@media screen and (max-width: 768px) {
.ow1,.ow2,.ow3,.ow4,.ow5,.ow6,.ow7,.ow8,.ow9,.ow10,.ow11,.ow12,.ow13,.ow14,.ow15,.ow16,.ow17,.ow18,.ow19,.ow20,.ow21,.ow22,.ow23,.ow24 {margin-left: auto;}
}

