/*=================================================================
====================== Octopoos Oflex 0.1.1 =======================
==================== @author Alexandre Lapoux =====================
=============== @editor Octopoos - www.octopoos.com ===============
==== @copyright (C) 2009 - 2018 OCTOPOOS. All Rights Reserved. ====
=================================================================*/



.o-flex .o-grid {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	list-style: none;
	position: relative;
	margin: 0;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.o-flex .o-container.o-grid { margin: auto; }
.o-flex .o-grid > *{-webkit-box-sizing:border-box;box-sizing:border-box;box-sizing:border-box;position:relative;}

.o-flex .o-grid img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:top;-ms-flex-negative:0;flex-shrink:0;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;}

.o-flex .o-grid[class*="o-colauto-"] > *{width: auto;}

/* -----------------------------------------------------------------------------
------------------------------- CLASS o-col ------------------------------------
----------------------------------------------------------------------------- */
.o-flex .o-grid[class*="o-col"]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}

/* Colomn normal */
	.o-flex .o-grid.o-col-1 > *:not(.o-clear),.o-flex .o-grid.o-col-1\@n > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2 > *:not(.o-clear),.o-flex .o-grid.o-col-2\@n > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3 > *:not(.o-clear),.o-flex .o-grid.o-col-3\@n > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-4 > *:not(.o-clear),.o-flex .o-grid.o-col-4\@n > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-5 > *:not(.o-clear),.o-flex .o-grid.o-col-5\@n > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-6 > *:not(.o-clear),.o-flex .o-grid.o-col-6\@n > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-8 > *:not(.o-clear),.o-flex .o-grid.o-col-8\@n > *:not(.o-clear){width:12.5%}
	.o-flex .o-grid.o-col-9 > *:not(.o-clear),.o-flex .o-grid.o-col-9\@n > *:not(.o-clear){width:11.111111111%}
	.o-flex .o-grid.o-col-10 > *:not(.o-clear),.o-flex .o-grid.o-col-10\@n > *:not(.o-clear){width:10%}
	.o-flex .o-grid.o-col-12 > *:not(.o-clear),.o-flex .o-grid.o-col-12\@n > *:not(.o-clear){width:8.333333333%}

/* Colomn auto*/
	.o-flex .o-grid.o-col-1\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@auto > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3\@auto > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-4\@auto > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-5\@auto > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-6\@auto > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-8\@auto > *:not(.o-clear){width:12.5%}
	.o-flex .o-grid.o-col-9\@auto > *:not(.o-clear){width:11.111111111%}
	.o-flex .o-grid.o-col-10\@auto > *:not(.o-clear){width:10%}
	.o-flex .o-grid.o-col-12\@auto > *:not(.o-clear){width:8.333333333%}

										
										
/* Large devices (desktops, less than 1200px) (lg) */
@media (max-width: 1199px) {
	/* Large devices colomn (@auto) */	
	.o-flex .o-grid.o-col-1\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@auto > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3\@auto > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-4\@auto > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-5\@auto > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-6\@auto > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-8\@auto > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-9\@auto > *:not(.o-clear){width:12.5%}
	.o-flex .o-grid.o-col-10\@auto > *:not(.o-clear){width:11.111111111%}
	.o-flex .o-grid.o-col-12\@auto > *:not(.o-clear){width:10%}	

											
	/* Large devices colomn (@lg) */	
	.o-flex .o-grid.o-col-1\@lg > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@lg > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3\@lg > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-4\@lg > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-5\@lg > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-6\@lg > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-8\@lg > *:not(.o-clear){width:12.5%}
	.o-flex .o-grid.o-col-9\@lg > *:not(.o-clear){width:11.111111111%}
	.o-flex .o-grid.o-col-10\@lg > *:not(.o-clear){width:10%}
	.o-flex .o-grid.o-col-12\@lg > *:not(.o-clear){width:8.333333333%}

											}

/* Medium devices (tablets, less than 992px) (md)*/
@media (max-width: 991px) {
	/* Medium devices colomn (@auto) */	
	.o-flex .o-grid.o-col-1\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@auto > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3\@auto > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-4\@auto > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-5\@auto > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-6\@auto > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-8\@auto > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-9\@auto > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-10\@auto > *:not(.o-clear){width:12.5%}
	.o-flex .o-grid.o-col-12\@auto > *:not(.o-clear){width:11.111111111%}

											
	/* Medium devices colomn (@md) */	
	.o-flex .o-grid.o-col-1\@md > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@md > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3\@md > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-4\@md > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-5\@md > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-6\@md > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-8\@md > *:not(.o-clear){width:12.5%}
	.o-flex .o-grid.o-col-9\@md > *:not(.o-clear){width:11.111111111%}
	.o-flex .o-grid.o-col-10\@md > *:not(.o-clear){width:10%}
	.o-flex .o-grid.o-col-12\@md > *:not(.o-clear){width:8.333333333%}

											}

/* Small devices (landscape phones, less than 768px) (sm)*/
@media (max-width: 767px) {
	/* Small devices colomn (@auto) */	
	.o-flex .o-grid.o-col-1\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@auto > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3\@auto > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-4\@auto > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-5\@auto > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-6\@auto > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-8\@auto > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-9\@auto > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-10\@auto > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-12\@auto > *:not(.o-clear){width:12.5%}

											
	/* Small devices colomn (@sm) */	
	.o-flex .o-grid.o-col-1\@sm > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@sm > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3\@sm > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-4\@sm > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-5\@sm > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-6\@sm > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-8\@sm > *:not(.o-clear){width:12.5%}
	.o-flex .o-grid.o-col-9\@sm > *:not(.o-clear){width:11.111111111%}
	.o-flex .o-grid.o-col-10\@sm > *:not(.o-clear){width:10%}
	.o-flex .o-grid.o-col-12\@sm > *:not(.o-clear){width:8.333333333%}

											}

/* Extra small devices (portrait phones, less than 533px) (xs)*/
@media (max-width: 532px) {
	/* Extra small devices colomn (@auto) */	
	.o-flex .o-grid.o-col-1\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-3\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-4\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-5\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-6\@auto > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-8\@auto > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-9\@auto > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-10\@auto > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-12\@auto > *:not(.o-clear){width:20%}

											
	/* Extra small devices colomn (@xs) */	
	.o-flex .o-grid.o-col-1\@xs > *:not(.o-clear){width:100%}
	.o-flex .o-grid.o-col-2\@xs > *:not(.o-clear){width:50%}
	.o-flex .o-grid.o-col-3\@xs > *:not(.o-clear){width:33.333333333%}
	.o-flex .o-grid.o-col-4\@xs > *:not(.o-clear){width:25%}
	.o-flex .o-grid.o-col-5\@xs > *:not(.o-clear){width:20%}
	.o-flex .o-grid.o-col-6\@xs > *:not(.o-clear){width:16.666666666%}
	.o-flex .o-grid.o-col-8\@xs > *:not(.o-clear){width:12.5%}
	.o-flex .o-grid.o-col-9\@xs > *:not(.o-clear){width:11.111111111%}
	.o-flex .o-grid.o-col-10\@xs > *:not(.o-clear){width:10%}
	.o-flex .o-grid.o-col-12\@xs > *:not(.o-clear){width:8.333333333%}

											}

/* Colomn override on childs */
.o-flex .o-grid[class*="o-col"] > .o-width-1-1,.o-width-1-1{width:100%}
.o-flex .o-grid[class*="o-col"] > .o-width-1-2,.o-width-1-2{width:50%}
.o-flex .o-grid[class*="o-col"] > .o-width-2-2,.o-width-2-2{width:100%}
.o-flex .o-grid[class*="o-col"] > .o-width-1-3,.o-width-1-3{width:33.333333333%}
.o-flex .o-grid[class*="o-col"] > .o-width-2-3,.o-width-2-3{width:66.666666666%}
.o-flex .o-grid[class*="o-col"] > .o-width-3-3,.o-width-3-3{width:100%}
.o-flex .o-grid[class*="o-col"] > .o-width-1-4,.o-width-1-4{width:25%}
.o-flex .o-grid[class*="o-col"] > .o-width-2-4,.o-width-2-4{width:50%}
.o-flex .o-grid[class*="o-col"] > .o-width-3-4,.o-width-3-4{width:75%}
.o-flex .o-grid[class*="o-col"] > .o-width-4-4,.o-width-4-4{width:100%}
.o-flex .o-grid[class*="o-col"] > .o-width-1-5,.o-width-1-5{width:20%}
.o-flex .o-grid[class*="o-col"] > .o-width-2-5,.o-width-2-5{width:40%}
.o-flex .o-grid[class*="o-col"] > .o-width-3-5,.o-width-3-5{width:60%}
.o-flex .o-grid[class*="o-col"] > .o-width-4-5,.o-width-4-5{width:80%}
.o-flex .o-grid[class*="o-col"] > .o-width-5-5,.o-width-5-5{width:100%}
.o-flex .o-grid[class*="o-col"] > .o-width-1-6,.o-width-1-6{width:16.666666666%}
.o-flex .o-grid[class*="o-col"] > .o-width-2-6,.o-width-2-6{width:33.333333333%}
.o-flex .o-grid[class*="o-col"] > .o-width-3-6,.o-width-3-6{width:50%}
.o-flex .o-grid[class*="o-col"] > .o-width-4-6,.o-width-4-6{width:66.666666666%}
.o-flex .o-grid[class*="o-col"] > .o-width-5-6,.o-width-5-6{width:83.333333333%}
.o-flex .o-grid[class*="o-col"] > .o-width-6-6,.o-width-6-6{width:100%}
.o-flex .o-grid[class*="o-col"] > .o-width-1-8,.o-width-1-8{width:12.5%}
.o-flex .o-grid[class*="o-col"] > .o-width-2-8,.o-width-2-8{width:25%}
.o-flex .o-grid[class*="o-col"] > .o-width-3-8,.o-width-3-8{width:37.5%}
.o-flex .o-grid[class*="o-col"] > .o-width-4-8,.o-width-4-8{width:50%}
.o-flex .o-grid[class*="o-col"] > .o-width-5-8,.o-width-5-8{width:62.5%}
.o-flex .o-grid[class*="o-col"] > .o-width-6-8,.o-width-6-8{width:75%}
.o-flex .o-grid[class*="o-col"] > .o-width-7-8,.o-width-7-8{width:87.5%}
.o-flex .o-grid[class*="o-col"] > .o-width-8-8,.o-width-8-8{width:100%}
.o-flex .o-grid[class*="o-col"] > .o-width-1-10,.o-width-1-10{width:10%}
.o-flex .o-grid[class*="o-col"] > .o-width-2-10,.o-width-2-10{width:20%}
.o-flex .o-grid[class*="o-col"] > .o-width-3-10,.o-width-3-10{width:30%}
.o-flex .o-grid[class*="o-col"] > .o-width-4-10,.o-width-4-10{width:40%}
.o-flex .o-grid[class*="o-col"] > .o-width-5-10,.o-width-5-10{width:50%}
.o-flex .o-grid[class*="o-col"] > .o-width-6-10,.o-width-6-10{width:60%}
.o-flex .o-grid[class*="o-col"] > .o-width-7-10,.o-width-7-10{width:70%}
.o-flex .o-grid[class*="o-col"] > .o-width-8-10,.o-width-8-10{width:80%}
.o-flex .o-grid[class*="o-col"] > .o-width-9-10,.o-width-9-10{width:90%}
.o-flex .o-grid[class*="o-col"] > .o-width-10-10,.o-width-10-10{width:100%}
.o-flex .o-grid[class*="o-col"] > .o-width-1-12,.o-width-1-12{width:8.333333333%}
.o-flex .o-grid[class*="o-col"] > .o-width-2-12,.o-width-2-12{width:16.666666666%}
.o-flex .o-grid[class*="o-col"] > .o-width-3-12,.o-width-3-12{width:25%}
.o-flex .o-grid[class*="o-col"] > .o-width-4-12,.o-width-4-12{width:33.333333333%}
.o-flex .o-grid[class*="o-col"] > .o-width-5-12,.o-width-5-12{width:41.666666666%}
.o-flex .o-grid[class*="o-col"] > .o-width-6-12,.o-width-6-12{width:50%}
.o-flex .o-grid[class*="o-col"] > .o-width-7-12,.o-width-7-12{width:58.333333333%}
.o-flex .o-grid[class*="o-col"] > .o-width-8-12,.o-width-8-12{width:66.666666666%}
.o-flex .o-grid[class*="o-col"] > .o-width-9-12,.o-width-9-12{width:75%}
.o-flex .o-grid[class*="o-col"] > .o-width-10-12,.o-width-10-12{width:83.333333333%}
.o-flex .o-grid[class*="o-col"] > .o-width-11-12,.o-width-11-12{width:91.666666666%}
.o-flex .o-grid[class*="o-col"] > .o-width-12-12,.o-width-12-12{width:100%}


/* -----------------------------------------------------------------------------
------------------------------- CLASS o-clear-html -----------------------------
----------------------------------------------------------------------------- */
.o-flex .o-grid > .o-clear-html  + .o-clear{width:100%;}

/* -----------------------------------------------------------------------------
------------------------------- CLASS o-width-auto -----------------------------
----------------------------------------------------------------------------- */
.o-flex .o-grid.o-width-auto > *{-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;}
.o-flex .o-grid > [class*="o-width-auto"],
.o-flex .o-grid[class*="o-col"] > [class*="o-width-auto"]{width:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;}
.o-flex .o-grid > .o-width-auto-html + .o-clear{width:100%;}

/* -----------------------------------------------------------------------------
------------------------------- CLASS o-width-rest -----------------------------
----------------------------------------------------------------------------- */
.o-flex .o-grid > [class*="o-width-rest"],
.o-flex .o-grid[class*="o-col"] > [class*="o-width-rest"]{max-width:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;}
.o-flex .o-grid > .o-width-rest-html  + .o-clear{width:100%;}

/*
@media screen and (max-width:1199px){
	.o-flex .o-grid > [class*="o-width"]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;}
}*/

/* Column Normal Rest */
.o-flex .o-grid.o-col-12\@n > .o-width-rest-1{min-width:8.333333333%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-2{min-width:16.666666666%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-3{min-width:25%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-4{min-width:33.333333333%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-5{min-width:41.666666666%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-6{min-width:50%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-7{min-width:58.333333333%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-8{min-width:66.666666666%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-9{min-width:75%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-10{min-width:83.333333333%}
.o-flex .o-grid.o-col-12\@n > .o-width-rest-11{min-width:91.666666666%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-1{min-width:10%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-2{min-width:20%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-3{min-width:30%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-4{min-width:40%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-5{min-width:50%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-6{min-width:60%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-7{min-width:70%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-8{min-width:80%}
.o-flex .o-grid.o-col-10\@n > .o-width-rest-9{min-width:90%}
.o-flex .o-grid.o-col-9\@n > .o-width-rest-1{min-width:11.111111111%}
.o-flex .o-grid.o-col-9\@n > .o-width-rest-2{min-width:22.222222222%}
.o-flex .o-grid.o-col-9\@n > .o-width-rest-3{min-width:33.333333333%}
.o-flex .o-grid.o-col-9\@n > .o-width-rest-4{min-width:44.444444444%}
.o-flex .o-grid.o-col-9\@n > .o-width-rest-5{min-width:55.555555555%}
.o-flex .o-grid.o-col-9\@n > .o-width-rest-6{min-width:66.666666666%}
.o-flex .o-grid.o-col-9\@n > .o-width-rest-7{min-width:77.7777777777%}
.o-flex .o-grid.o-col-9\@n > .o-width-rest-8{min-width:88.8888888888%}
.o-flex .o-grid.o-col-8\@n > .o-width-rest-1{min-width:12.5%}
.o-flex .o-grid.o-col-8\@n > .o-width-rest-2{min-width:25%}
.o-flex .o-grid.o-col-8\@n > .o-width-rest-3{min-width:37.5%}
.o-flex .o-grid.o-col-8\@n > .o-width-rest-4{min-width:50%}
.o-flex .o-grid.o-col-8\@n > .o-width-rest-5{min-width:62.5%}
.o-flex .o-grid.o-col-8\@n > .o-width-rest-6{min-width:75%}
.o-flex .o-grid.o-col-8\@n > .o-width-rest-7{min-width:87.5%}
.o-flex .o-grid.o-col-6\@n > .o-width-rest-1{min-width:16.666666666%}
.o-flex .o-grid.o-col-6\@n > .o-width-rest-2{min-width:33.333333333%}
.o-flex .o-grid.o-col-6\@n > .o-width-rest-3{min-width:50%}
.o-flex .o-grid.o-col-6\@n > .o-width-rest-4{min-width:66.666666666%}
.o-flex .o-grid.o-col-6\@n > .o-width-rest-5{min-width:83.333333333%}
.o-flex .o-grid.o-col-5\@n > .o-width-rest-1{min-width:20%}
.o-flex .o-grid.o-col-5\@n > .o-width-rest-2{min-width:40%}
.o-flex .o-grid.o-col-5\@n > .o-width-rest-3{min-width:60%}
.o-flex .o-grid.o-col-5\@n > .o-width-rest-4{min-width:80%}
.o-flex .o-grid.o-col-4\@n > .o-width-rest-1{min-width:25%}
.o-flex .o-grid.o-col-4\@n > .o-width-rest-2{min-width:50%}
.o-flex .o-grid.o-col-4\@n > .o-width-rest-3{min-width:75%}
.o-flex .o-grid.o-col-3\@n > .o-width-rest-1{min-width:33.333333333%}
.o-flex .o-grid.o-col-3\@n > .o-width-rest-2{min-width:66.666666666%}
.o-flex .o-grid.o-col-2\@n > .o-width-rest-1{min-width:50%}

/* Column Normal Auto */
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-1{min-width:8.333333333%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-2{min-width:16.666666666%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-3{min-width:25%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-4{min-width:33.333333333%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-5{min-width:41.666666666%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-6{min-width:50%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-7{min-width:58.333333333%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-8{min-width:66.666666666%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-9{min-width:75%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-10{min-width:83.333333333%}
.o-flex .o-grid.o-col-12\@auto > .o-width-rest-11{min-width:91.666666666%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-1{min-width:10%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-2{min-width:20%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-3{min-width:30%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-4{min-width:40%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-5{min-width:50%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-6{min-width:60%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-7{min-width:70%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-8{min-width:80%}
.o-flex .o-grid.o-col-10\@auto > .o-width-rest-9{min-width:90%}
.o-flex .o-grid.o-col-9\@auto > .o-width-rest-1{min-width:11.111111111%}
.o-flex .o-grid.o-col-9\@auto > .o-width-rest-2{min-width:22.222222222%}
.o-flex .o-grid.o-col-9\@auto > .o-width-rest-3{min-width:33.333333333%}
.o-flex .o-grid.o-col-9\@auto > .o-width-rest-4{min-width:44.444444444%}
.o-flex .o-grid.o-col-9\@auto > .o-width-rest-5{min-width:55.555555555%}
.o-flex .o-grid.o-col-9\@auto > .o-width-rest-6{min-width:66.666666666%}
.o-flex .o-grid.o-col-9\@auto > .o-width-rest-7{min-width:77.7777777777%}
.o-flex .o-grid.o-col-9\@auto > .o-width-rest-8{min-width:88.8888888888%}
.o-flex .o-grid.o-col-8\@auto > .o-width-rest-1{min-width:12.5%}
.o-flex .o-grid.o-col-8\@auto > .o-width-rest-2{min-width:25%}
.o-flex .o-grid.o-col-8\@auto > .o-width-rest-3{min-width:37.5%}
.o-flex .o-grid.o-col-8\@auto > .o-width-rest-4{min-width:50%}
.o-flex .o-grid.o-col-8\@auto > .o-width-rest-5{min-width:62.5%}
.o-flex .o-grid.o-col-8\@auto > .o-width-rest-6{min-width:75%}
.o-flex .o-grid.o-col-8\@auto > .o-width-rest-7{min-width:87.5%}
.o-flex .o-grid.o-col-6\@auto > .o-width-rest-1{min-width:16.666666666%}
.o-flex .o-grid.o-col-6\@auto > .o-width-rest-2{min-width:33.333333333%}
.o-flex .o-grid.o-col-6\@auto > .o-width-rest-3{min-width:50%}
.o-flex .o-grid.o-col-6\@auto > .o-width-rest-4{min-width:66.666666666%}
.o-flex .o-grid.o-col-6\@auto > .o-width-rest-5{min-width:83.333333333%}
.o-flex .o-grid.o-col-5\@auto > .o-width-rest-1{min-width:20%}
.o-flex .o-grid.o-col-5\@auto > .o-width-rest-2{min-width:40%}
.o-flex .o-grid.o-col-5\@auto > .o-width-rest-3{min-width:60%}
.o-flex .o-grid.o-col-5\@auto > .o-width-rest-4{min-width:80%}
.o-flex .o-grid.o-col-4\@auto > .o-width-rest-1{min-width:25%}
.o-flex .o-grid.o-col-4\@auto > .o-width-rest-2{min-width:50%}
.o-flex .o-grid.o-col-4\@auto > .o-width-rest-3{min-width:75%}
.o-flex .o-grid.o-col-3\@auto > .o-width-rest-1{min-width:33.333333333%}
.o-flex .o-grid.o-col-3\@auto > .o-width-rest-2{min-width:66.666666666%}
.o-flex .o-grid.o-col-2\@auto > .o-width-rest-1{min-width:50%}

/* -----------------------------------------------------------------------------
------------------------------- CLASS o-width- ---------------------------------
----------------------------------------------------------------------------- */

/* Large devices (desktops, less than 1200px) (lg) */
@media (max-width:1199px){
	/* Colomn override on childs (lg) */
	.o-flex .o-grid[class*="o-col"] > .o-width-1-1\@lg{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-2\@lg{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-2\@lg{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-3\@lg{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-3\@lg{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-3\@lg{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-4\@lg{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-4\@lg{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-4\@lg{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-4\@lg{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-5\@lg{width:20%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-5\@lg{width:40%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-5\@lg{width:60%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-5\@lg{width:80%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-5\@lg{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-6\@lg{width:16.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-6\@lg{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-6\@lg{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-6\@lg{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-6\@lg{width:83.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-6\@lg{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-8\@lg{width:12.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-8\@lg{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-8\@lg{width:37.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-8\@lg{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-8\@lg{width:62.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-8\@lg{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-8\@lg{width:87.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-8\@lg{width:87.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-10\@lg{width:10%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-10\@lg{width:20%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-10\@lg{width:30%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-10\@lg{width:40%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-10\@lg{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-10\@lg{width:60%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-10\@lg{width:70%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-10\@lg{width:80%}
	.o-flex .o-grid[class*="o-col"] > .o-width-9-10\@lg{width:90%}
	.o-flex .o-grid[class*="o-col"] > .o-width-10-10\@lg{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-12\@lg{width:8.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-12\@lg{width:16.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-12\@lg{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-12\@lg{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-12\@lg{width:41.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-12\@lg{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-12\@lg{width:58.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-12\@lg{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-9-12\@lg{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-10-12\@lg{width:83.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-11-12\@lg{width:91.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-12-12\@lg{width:100%}

																																																				}

/* Medium devices (tablets, less than 992px) (md)*/
@media (max-width:991px){
	/* Colomn override on childs (md) */
	.o-flex .o-grid[class*="o-col"] > .o-width-1-1\@md{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-2\@md{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-2\@md{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-3\@md{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-3\@md{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-3\@md{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-4\@md{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-4\@md{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-4\@md{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-4\@md{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-5\@md{width:20%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-5\@md{width:40%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-5\@md{width:60%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-5\@md{width:80%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-5\@md{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-6\@md{width:16.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-6\@md{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-6\@md{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-6\@md{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-6\@md{width:83.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-6\@md{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-8\@md{width:12.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-8\@md{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-8\@md{width:37.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-8\@md{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-8\@md{width:62.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-8\@md{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-8\@md{width:87.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-8\@md{width:87.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-10\@md{width:10%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-10\@md{width:20%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-10\@md{width:30%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-10\@md{width:40%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-10\@md{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-10\@md{width:60%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-10\@md{width:70%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-10\@md{width:80%}
	.o-flex .o-grid[class*="o-col"] > .o-width-9-10\@md{width:90%}
	.o-flex .o-grid[class*="o-col"] > .o-width-10-10\@md{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-12\@md{width:8.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-12\@md{width:16.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-12\@md{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-12\@md{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-12\@md{width:41.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-12\@md{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-12\@md{width:58.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-12\@md{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-9-12\@md{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-10-12\@md{width:83.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-11-12\@md{width:91.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-12-12\@md{width:100%}

																																																				}

/* Small devices (landscape phones, less than 768px) (sm)*/
@media (max-width:767px){
	/* Colomn override on childs (sm) */
	.o-flex .o-grid[class*="o-col"] > .o-width-1-1\@sm{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-2\@sm{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-2\@sm{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-3\@sm{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-3\@sm{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-3\@sm{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-4\@sm{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-4\@sm{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-4\@sm{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-4\@sm{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-5\@sm{width:20%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-5\@sm{width:40%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-5\@sm{width:60%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-5\@sm{width:80%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-5\@sm{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-6\@sm{width:16.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-6\@sm{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-6\@sm{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-6\@sm{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-6\@sm{width:83.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-6\@sm{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-8\@sm{width:12.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-8\@sm{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-8\@sm{width:37.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-8\@sm{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-8\@sm{width:62.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-8\@sm{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-8\@sm{width:87.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-8\@sm{width:87.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-10\@sm{width:10%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-10\@sm{width:20%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-10\@sm{width:30%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-10\@sm{width:40%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-10\@sm{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-10\@sm{width:60%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-10\@sm{width:70%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-10\@sm{width:80%}
	.o-flex .o-grid[class*="o-col"] > .o-width-9-10\@sm{width:90%}
	.o-flex .o-grid[class*="o-col"] > .o-width-10-10\@sm{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-12\@sm{width:8.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-12\@sm{width:16.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-12\@sm{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-12\@sm{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-12\@sm{width:41.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-12\@sm{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-12\@sm{width:58.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-12\@sm{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-9-12\@sm{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-10-12\@sm{width:83.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-11-12\@sm{width:91.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-12-12\@sm{width:100%}

																																																				}

/* Extra small devices (portrait phones, less than 533px) (xs)*/
@media (max-width: 532px) {
	/* Colomn override on childs (xs)*/
	.o-flex .o-grid[class*="o-col"] > .o-width-1-1\@xs{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-2\@xs{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-2\@xs{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-3\@xs{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-3\@xs{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-3\@xs{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-4\@xs{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-4\@xs{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-4\@xs{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-4\@xs{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-5\@xs{width:20%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-5\@xs{width:40%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-5\@xs{width:60%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-5\@xs{width:80%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-5\@xs{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-6\@xs{width:16.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-6\@xs{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-6\@xs{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-6\@xs{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-6\@xs{width:83.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-6\@xs{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-8\@xs{width:12.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-8\@xs{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-8\@xs{width:37.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-8\@xs{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-8\@xs{width:62.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-8\@xs{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-8\@xs{width:87.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-8\@xs{width:87.5%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-10\@xs{width:10%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-10\@xs{width:20%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-10\@xs{width:30%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-10\@xs{width:40%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-10\@xs{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-10\@xs{width:60%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-10\@xs{width:70%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-10\@xs{width:80%}
	.o-flex .o-grid[class*="o-col"] > .o-width-9-10\@xs{width:90%}
	.o-flex .o-grid[class*="o-col"] > .o-width-10-10\@xs{width:100%}
	.o-flex .o-grid[class*="o-col"] > .o-width-1-12\@xs{width:8.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-2-12\@xs{width:16.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-3-12\@xs{width:25%}
	.o-flex .o-grid[class*="o-col"] > .o-width-4-12\@xs{width:33.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-5-12\@xs{width:41.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-6-12\@xs{width:50%}
	.o-flex .o-grid[class*="o-col"] > .o-width-7-12\@xs{width:58.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-8-12\@xs{width:66.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-9-12\@xs{width:75%}
	.o-flex .o-grid[class*="o-col"] > .o-width-10-12\@xs{width:83.333333333%}
	.o-flex .o-grid[class*="o-col"] > .o-width-11-12\@xs{width:91.666666666%}
	.o-flex .o-grid[class*="o-col"] > .o-width-12-12\@xs{width:100%}

																																																				}


/* -----------------------------------------------------------------------------
------------------------------- CLASS o-selector -------------------------------
----------------------------------------------------------------------------- */
.o-flex .o-grid.o-selector-before::before,.o-flex .o-grid.o-selector-both::before{content:"";-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;height:0;display:block;}
.o-flex .o-grid.o-selector-after::after,.o-flex .o-grid.o-selector-both::after{content:"";-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;height:0;display:block;}


/* -----------------------------------------------------------------------------
------------------------------- CLASS o-clear ----------------------------------
----------------------------------------------------------------------------- */
.o-flex .o-grid > .o-clear{width:0;height:0;padding:0;margin:0;}
.o-flex .o-grid[class*="o-pad"] > .o-clear{padding:0;}




/* -----------------------------------------------------------------------------
------------------------------- CLASS o-sh ----------------------------------
----------------------------------------------------------------------------- */
.o-flex .o-grid[class*="o-align-it"]  > * > *, .o-flex .o-grid > [class*="o-align-st"]  > *{height:100%;}


/* ---------------------------------------------------------------------------
------------------------------- CLASS o-cgap ----------------------------------
----------------------------------------------------------------------------- */

.o-flex .o-container[class*="o-cgap-"]{margin-left:auto}

.o-flex .o-grid.o-cgap-48,.o-flex .o-grid.o-cgap-48\@n{margin-left:-48px}
.o-flex .o-grid.o-cgap-47,.o-flex .o-grid.o-cgap-47\@n{margin-left:-47px}
.o-flex .o-grid.o-cgap-46,.o-flex .o-grid.o-cgap-46\@n{margin-left:-46px}
.o-flex .o-grid.o-cgap-45,.o-flex .o-grid.o-cgap-45\@n{margin-left:-45px}
.o-flex .o-grid.o-cgap-44,.o-flex .o-grid.o-cgap-44\@n{margin-left:-44px}
.o-flex .o-grid.o-cgap-43,.o-flex .o-grid.o-cgap-43\@n{margin-left:-43px}
.o-flex .o-grid.o-cgap-42,.o-flex .o-grid.o-cgap-42\@n{margin-left:-42px}
.o-flex .o-grid.o-cgap-41,.o-flex .o-grid.o-cgap-41\@n{margin-left:-41px}
.o-flex .o-grid.o-cgap-40,.o-flex .o-grid.o-cgap-40\@n{margin-left:-40px}
.o-flex .o-grid.o-cgap-39,.o-flex .o-grid.o-cgap-39\@n{margin-left:-39px}
.o-flex .o-grid.o-cgap-38,.o-flex .o-grid.o-cgap-38\@n{margin-left:-38px}
.o-flex .o-grid.o-cgap-37,.o-flex .o-grid.o-cgap-37\@n{margin-left:-37px}
.o-flex .o-grid.o-cgap-36,.o-flex .o-grid.o-cgap-36\@n{margin-left:-36px}
.o-flex .o-grid.o-cgap-35,.o-flex .o-grid.o-cgap-35\@n{margin-left:-35px}
.o-flex .o-grid.o-cgap-34,.o-flex .o-grid.o-cgap-34\@n{margin-left:-34px}
.o-flex .o-grid.o-cgap-33,.o-flex .o-grid.o-cgap-33\@n{margin-left:-33px}
.o-flex .o-grid.o-cgap-32,.o-flex .o-grid.o-cgap-32\@n{margin-left:-32px}
.o-flex .o-grid.o-cgap-31,.o-flex .o-grid.o-cgap-31\@n{margin-left:-31px}
.o-flex .o-grid.o-cgap-30,.o-flex .o-grid.o-cgap-30\@n{margin-left:-30px}
.o-flex .o-grid.o-cgap-29,.o-flex .o-grid.o-cgap-29\@n{margin-left:-29px}
.o-flex .o-grid.o-cgap-28,.o-flex .o-grid.o-cgap-28\@n{margin-left:-28px}
.o-flex .o-grid.o-cgap-27,.o-flex .o-grid.o-cgap-27\@n{margin-left:-27px}
.o-flex .o-grid.o-cgap-26,.o-flex .o-grid.o-cgap-26\@n{margin-left:-26px}
.o-flex .o-grid.o-cgap-25,.o-flex .o-grid.o-cgap-25\@n{margin-left:-25px}
.o-flex .o-grid.o-cgap-24,.o-flex .o-grid.o-cgap-24\@n{margin-left:-24px}
.o-flex .o-grid.o-cgap-23,.o-flex .o-grid.o-cgap-23\@n{margin-left:-23px}
.o-flex .o-grid.o-cgap-22,.o-flex .o-grid.o-cgap-22\@n{margin-left:-22px}
.o-flex .o-grid.o-cgap-21,.o-flex .o-grid.o-cgap-21\@n{margin-left:-21px}
.o-flex .o-grid.o-cgap-20,.o-flex .o-grid.o-cgap-20\@n{margin-left:-20px}
.o-flex .o-grid.o-cgap-19,.o-flex .o-grid.o-cgap-19\@n{margin-left:-19px}
.o-flex .o-grid.o-cgap-18,.o-flex .o-grid.o-cgap-18\@n{margin-left:-18px}
.o-flex .o-grid.o-cgap-17,.o-flex .o-grid.o-cgap-17\@n{margin-left:-17px}
.o-flex .o-grid.o-cgap-16,.o-flex .o-grid.o-cgap-16\@n{margin-left:-16px}
.o-flex .o-grid.o-cgap-15,.o-flex .o-grid.o-cgap-15\@n{margin-left:-15px}
.o-flex .o-grid.o-cgap-14,.o-flex .o-grid.o-cgap-14\@n{margin-left:-14px}
.o-flex .o-grid.o-cgap-13,.o-flex .o-grid.o-cgap-13\@n{margin-left:-13px}
.o-flex .o-grid.o-cgap-12,.o-flex .o-grid.o-cgap-12\@n{margin-left:-12px}
.o-flex .o-grid.o-cgap-11,.o-flex .o-grid.o-cgap-11\@n{margin-left:-11px}
.o-flex .o-grid.o-cgap-10,.o-flex .o-grid.o-cgap-10\@n{margin-left:-10px}
.o-flex .o-grid.o-cgap-9,.o-flex .o-grid.o-cgap-9\@n{margin-left:-9px}
.o-flex .o-grid.o-cgap-8,.o-flex .o-grid.o-cgap-8\@n{margin-left:-8px}
.o-flex .o-grid.o-cgap-7,.o-flex .o-grid.o-cgap-7\@n{margin-left:-7px}
.o-flex .o-grid.o-cgap-6,.o-flex .o-grid.o-cgap-6\@n{margin-left:-6px}
.o-flex .o-grid.o-cgap-5,.o-flex .o-grid.o-cgap-5\@n{margin-left:-5px}
.o-flex .o-grid.o-cgap-4,.o-flex .o-grid.o-cgap-4\@n{margin-left:-4px}
.o-flex .o-grid.o-cgap-3,.o-flex .o-grid.o-cgap-3\@n{margin-left:-3px}
.o-flex .o-grid.o-cgap-2,.o-flex .o-grid.o-cgap-2\@n{margin-left:-2px}
.o-flex .o-grid.o-cgap-1,.o-flex .o-grid.o-cgap-1\@n{margin-left:-1px}
.o-flex .o-grid.o-cgap-48 > *,.o-flex .o-grid.o-cgap-48\@n > *{padding-left:48px}
.o-flex .o-grid.o-cgap-47 > *,.o-flex .o-grid.o-cgap-47\@n > *{padding-left:47px}
.o-flex .o-grid.o-cgap-46 > *,.o-flex .o-grid.o-cgap-46\@n > *{padding-left:46px}
.o-flex .o-grid.o-cgap-45 > *,.o-flex .o-grid.o-cgap-45\@n > *{padding-left:45px}
.o-flex .o-grid.o-cgap-44 > *,.o-flex .o-grid.o-cgap-44\@n > *{padding-left:44px}
.o-flex .o-grid.o-cgap-43 > *,.o-flex .o-grid.o-cgap-43\@n > *{padding-left:43px}
.o-flex .o-grid.o-cgap-42 > *,.o-flex .o-grid.o-cgap-42\@n > *{padding-left:42px}
.o-flex .o-grid.o-cgap-41 > *,.o-flex .o-grid.o-cgap-41\@n > *{padding-left:41px}
.o-flex .o-grid.o-cgap-40 > *,.o-flex .o-grid.o-cgap-40\@n > *{padding-left:40px}
.o-flex .o-grid.o-cgap-39 > *,.o-flex .o-grid.o-cgap-39\@n > *{padding-left:39px}
.o-flex .o-grid.o-cgap-38 > *,.o-flex .o-grid.o-cgap-38\@n > *{padding-left:38px}
.o-flex .o-grid.o-cgap-37 > *,.o-flex .o-grid.o-cgap-37\@n > *{padding-left:37px}
.o-flex .o-grid.o-cgap-36 > *,.o-flex .o-grid.o-cgap-36\@n > *{padding-left:36px}
.o-flex .o-grid.o-cgap-35 > *,.o-flex .o-grid.o-cgap-35\@n > *{padding-left:35px}
.o-flex .o-grid.o-cgap-34 > *,.o-flex .o-grid.o-cgap-34\@n > *{padding-left:34px}
.o-flex .o-grid.o-cgap-33 > *,.o-flex .o-grid.o-cgap-33\@n > *{padding-left:33px}
.o-flex .o-grid.o-cgap-32 > *,.o-flex .o-grid.o-cgap-32\@n > *{padding-left:32px}
.o-flex .o-grid.o-cgap-31 > *,.o-flex .o-grid.o-cgap-31\@n > *{padding-left:31px}
.o-flex .o-grid.o-cgap-30 > *,.o-flex .o-grid.o-cgap-30\@n > *{padding-left:30px}
.o-flex .o-grid.o-cgap-29 > *,.o-flex .o-grid.o-cgap-29\@n > *{padding-left:29px}
.o-flex .o-grid.o-cgap-28 > *,.o-flex .o-grid.o-cgap-28\@n > *{padding-left:28px}
.o-flex .o-grid.o-cgap-27 > *,.o-flex .o-grid.o-cgap-27\@n > *{padding-left:27px}
.o-flex .o-grid.o-cgap-26 > *,.o-flex .o-grid.o-cgap-26\@n > *{padding-left:26px}
.o-flex .o-grid.o-cgap-25 > *,.o-flex .o-grid.o-cgap-25\@n > *{padding-left:25px}
.o-flex .o-grid.o-cgap-24 > *,.o-flex .o-grid.o-cgap-24\@n > *{padding-left:24px}
.o-flex .o-grid.o-cgap-23 > *,.o-flex .o-grid.o-cgap-23\@n > *{padding-left:23px}
.o-flex .o-grid.o-cgap-22 > *,.o-flex .o-grid.o-cgap-22\@n > *{padding-left:22px}
.o-flex .o-grid.o-cgap-21 > *,.o-flex .o-grid.o-cgap-21\@n > *{padding-left:21px}
.o-flex .o-grid.o-cgap-20 > *,.o-flex .o-grid.o-cgap-20\@n > *{padding-left:20px}
.o-flex .o-grid.o-cgap-19 > *,.o-flex .o-grid.o-cgap-19\@n > *{padding-left:19px}
.o-flex .o-grid.o-cgap-18 > *,.o-flex .o-grid.o-cgap-18\@n > *{padding-left:18px}
.o-flex .o-grid.o-cgap-17 > *,.o-flex .o-grid.o-cgap-17\@n > *{padding-left:17px}
.o-flex .o-grid.o-cgap-16 > *,.o-flex .o-grid.o-cgap-16\@n > *{padding-left:16px}
.o-flex .o-grid.o-cgap-15 > *,.o-flex .o-grid.o-cgap-15\@n > *{padding-left:15px}
.o-flex .o-grid.o-cgap-14 > *,.o-flex .o-grid.o-cgap-14\@n > *{padding-left:14px}
.o-flex .o-grid.o-cgap-13 > *,.o-flex .o-grid.o-cgap-13\@n > *{padding-left:13px}
.o-flex .o-grid.o-cgap-12 > *,.o-flex .o-grid.o-cgap-12\@n > *{padding-left:12px}
.o-flex .o-grid.o-cgap-11 > *,.o-flex .o-grid.o-cgap-11\@n > *{padding-left:11px}
.o-flex .o-grid.o-cgap-10 > *,.o-flex .o-grid.o-cgap-10\@n > *{padding-left:10px}
.o-flex .o-grid.o-cgap-9 > *,.o-flex .o-grid.o-cgap-9\@n > *{padding-left:9px}
.o-flex .o-grid.o-cgap-8 > *,.o-flex .o-grid.o-cgap-8\@n > *{padding-left:8px}
.o-flex .o-grid.o-cgap-7 > *,.o-flex .o-grid.o-cgap-7\@n > *{padding-left:7px}
.o-flex .o-grid.o-cgap-6 > *,.o-flex .o-grid.o-cgap-6\@n > *{padding-left:6px}
.o-flex .o-grid.o-cgap-5 > *,.o-flex .o-grid.o-cgap-5\@n > *{padding-left:5px}
.o-flex .o-grid.o-cgap-4 > *,.o-flex .o-grid.o-cgap-4\@n > *{padding-left:4px}
.o-flex .o-grid.o-cgap-3 > *,.o-flex .o-grid.o-cgap-3\@n > *{padding-left:3px}
.o-flex .o-grid.o-cgap-2 > *,.o-flex .o-grid.o-cgap-2\@n > *{padding-left:2px}
.o-flex .o-grid.o-cgap-1 > *,.o-flex .o-grid.o-cgap-1\@n > *{padding-left:1px}

/* Large devices (desktops, less than 1200px) (lg)*/
@media (max-width:1199px){
	.o-flex .o-grid.o-cgap-48\@lg{margin-left:-48px}
	.o-flex .o-grid.o-cgap-47\@lg{margin-left:-47px}
	.o-flex .o-grid.o-cgap-46\@lg{margin-left:-46px}
	.o-flex .o-grid.o-cgap-45\@lg{margin-left:-45px}
	.o-flex .o-grid.o-cgap-44\@lg{margin-left:-44px}
	.o-flex .o-grid.o-cgap-43\@lg{margin-left:-43px}
	.o-flex .o-grid.o-cgap-42\@lg{margin-left:-42px}
	.o-flex .o-grid.o-cgap-41\@lg{margin-left:-41px}
	.o-flex .o-grid.o-cgap-40\@lg{margin-left:-40px}
	.o-flex .o-grid.o-cgap-39\@lg{margin-left:-39px}
	.o-flex .o-grid.o-cgap-38\@lg{margin-left:-38px}
	.o-flex .o-grid.o-cgap-37\@lg{margin-left:-37px}
	.o-flex .o-grid.o-cgap-36\@lg{margin-left:-36px}
	.o-flex .o-grid.o-cgap-35\@lg{margin-left:-35px}
	.o-flex .o-grid.o-cgap-34\@lg{margin-left:-34px}
	.o-flex .o-grid.o-cgap-33\@lg{margin-left:-33px}
	.o-flex .o-grid.o-cgap-32\@lg{margin-left:-32px}
	.o-flex .o-grid.o-cgap-31\@lg{margin-left:-31px}
	.o-flex .o-grid.o-cgap-30\@lg{margin-left:-30px}
	.o-flex .o-grid.o-cgap-29\@lg{margin-left:-29px}
	.o-flex .o-grid.o-cgap-28\@lg{margin-left:-28px}
	.o-flex .o-grid.o-cgap-27\@lg{margin-left:-27px}
	.o-flex .o-grid.o-cgap-26\@lg{margin-left:-26px}
	.o-flex .o-grid.o-cgap-25\@lg{margin-left:-25px}
	.o-flex .o-grid.o-cgap-24\@lg{margin-left:-24px}
	.o-flex .o-grid.o-cgap-23\@lg{margin-left:-23px}
	.o-flex .o-grid.o-cgap-22\@lg{margin-left:-22px}
	.o-flex .o-grid.o-cgap-21\@lg{margin-left:-21px}
	.o-flex .o-grid.o-cgap-20\@lg{margin-left:-20px}
	.o-flex .o-grid.o-cgap-19\@lg{margin-left:-19px}
	.o-flex .o-grid.o-cgap-18\@lg{margin-left:-18px}
	.o-flex .o-grid.o-cgap-17\@lg{margin-left:-17px}
	.o-flex .o-grid.o-cgap-16\@lg{margin-left:-16px}
	.o-flex .o-grid.o-cgap-15\@lg{margin-left:-15px}
	.o-flex .o-grid.o-cgap-14\@lg{margin-left:-14px}
	.o-flex .o-grid.o-cgap-13\@lg{margin-left:-13px}
	.o-flex .o-grid.o-cgap-12\@lg{margin-left:-12px}
	.o-flex .o-grid.o-cgap-11\@lg{margin-left:-11px}
	.o-flex .o-grid.o-cgap-10\@lg{margin-left:-10px}
	.o-flex .o-grid.o-cgap-9\@lg{margin-left:-9px}
	.o-flex .o-grid.o-cgap-8\@lg{margin-left:-8px}
	.o-flex .o-grid.o-cgap-7\@lg{margin-left:-7px}
	.o-flex .o-grid.o-cgap-6\@lg{margin-left:-6px}
	.o-flex .o-grid.o-cgap-5\@lg{margin-left:-5px}
	.o-flex .o-grid.o-cgap-4\@lg{margin-left:-4px}
	.o-flex .o-grid.o-cgap-3\@lg{margin-left:-3px}
	.o-flex .o-grid.o-cgap-2\@lg{margin-left:-2px}
	.o-flex .o-grid.o-cgap-1\@lg{margin-left:-1px}
	.o-flex .o-grid.o-cgap-48\@lg > *{padding-left:48px}
	.o-flex .o-grid.o-cgap-47\@lg > *{padding-left:47px}
	.o-flex .o-grid.o-cgap-46\@lg > *{padding-left:46px}
	.o-flex .o-grid.o-cgap-45\@lg > *{padding-left:45px}
	.o-flex .o-grid.o-cgap-44\@lg > *{padding-left:44px}
	.o-flex .o-grid.o-cgap-43\@lg > *{padding-left:43px}
	.o-flex .o-grid.o-cgap-42\@lg > *{padding-left:42px}
	.o-flex .o-grid.o-cgap-41\@lg > *{padding-left:41px}
	.o-flex .o-grid.o-cgap-40\@lg > *{padding-left:40px}
	.o-flex .o-grid.o-cgap-39\@lg > *{padding-left:39px}
	.o-flex .o-grid.o-cgap-38\@lg > *{padding-left:38px}
	.o-flex .o-grid.o-cgap-37\@lg > *{padding-left:37px}
	.o-flex .o-grid.o-cgap-36\@lg > *{padding-left:36px}
	.o-flex .o-grid.o-cgap-35\@lg > *{padding-left:35px}
	.o-flex .o-grid.o-cgap-34\@lg > *{padding-left:34px}
	.o-flex .o-grid.o-cgap-33\@lg > *{padding-left:33px}
	.o-flex .o-grid.o-cgap-32\@lg > *{padding-left:32px}
	.o-flex .o-grid.o-cgap-31\@lg > *{padding-left:31px}
	.o-flex .o-grid.o-cgap-30\@lg > *{padding-left:30px}
	.o-flex .o-grid.o-cgap-29\@lg > *{padding-left:29px}
	.o-flex .o-grid.o-cgap-28\@lg > *{padding-left:28px}
	.o-flex .o-grid.o-cgap-27\@lg > *{padding-left:27px}
	.o-flex .o-grid.o-cgap-26\@lg > *{padding-left:26px}
	.o-flex .o-grid.o-cgap-25\@lg > *{padding-left:25px}
	.o-flex .o-grid.o-cgap-24\@lg > *{padding-left:24px}
	.o-flex .o-grid.o-cgap-23\@lg > *{padding-left:23px}
	.o-flex .o-grid.o-cgap-22\@lg > *{padding-left:22px}
	.o-flex .o-grid.o-cgap-21\@lg > *{padding-left:21px}
	.o-flex .o-grid.o-cgap-20\@lg > *{padding-left:20px}
	.o-flex .o-grid.o-cgap-19\@lg > *{padding-left:19px}
	.o-flex .o-grid.o-cgap-18\@lg > *{padding-left:18px}
	.o-flex .o-grid.o-cgap-17\@lg > *{padding-left:17px}
	.o-flex .o-grid.o-cgap-16\@lg > *{padding-left:16px}
	.o-flex .o-grid.o-cgap-15\@lg > *{padding-left:15px}
	.o-flex .o-grid.o-cgap-14\@lg > *{padding-left:14px}
	.o-flex .o-grid.o-cgap-13\@lg > *{padding-left:13px}
	.o-flex .o-grid.o-cgap-12\@lg > *{padding-left:12px}
	.o-flex .o-grid.o-cgap-11\@lg > *{padding-left:11px}
	.o-flex .o-grid.o-cgap-10\@lg > *{padding-left:10px}
	.o-flex .o-grid.o-cgap-9\@lg > *{padding-left:9px}
	.o-flex .o-grid.o-cgap-8\@lg > *{padding-left:8px}
	.o-flex .o-grid.o-cgap-7\@lg > *{padding-left:7px}
	.o-flex .o-grid.o-cgap-6\@lg > *{padding-left:6px}
	.o-flex .o-grid.o-cgap-5\@lg > *{padding-left:5px}
	.o-flex .o-grid.o-cgap-4\@lg > *{padding-left:4px}
	.o-flex .o-grid.o-cgap-3\@lg > *{padding-left:3px}
	.o-flex .o-grid.o-cgap-2\@lg > *{padding-left:2px}
	.o-flex .o-grid.o-cgap-1\@lg > *{padding-left:1px}
}

/* Medium devices (tablets, less than 992px) (md)*/
@media (max-width:991px){
	.o-flex .o-grid.o-cgap-48\@md{margin-left:-48px}
	.o-flex .o-grid.o-cgap-47\@md{margin-left:-47px}
	.o-flex .o-grid.o-cgap-46\@md{margin-left:-46px}
	.o-flex .o-grid.o-cgap-45\@md{margin-left:-45px}
	.o-flex .o-grid.o-cgap-44\@md{margin-left:-44px}
	.o-flex .o-grid.o-cgap-43\@md{margin-left:-43px}
	.o-flex .o-grid.o-cgap-42\@md{margin-left:-42px}
	.o-flex .o-grid.o-cgap-41\@md{margin-left:-41px}
	.o-flex .o-grid.o-cgap-40\@md{margin-left:-40px}
	.o-flex .o-grid.o-cgap-39\@md{margin-left:-39px}
	.o-flex .o-grid.o-cgap-38\@md{margin-left:-38px}
	.o-flex .o-grid.o-cgap-37\@md{margin-left:-37px}
	.o-flex .o-grid.o-cgap-36\@md{margin-left:-36px}
	.o-flex .o-grid.o-cgap-35\@md{margin-left:-35px}
	.o-flex .o-grid.o-cgap-34\@md{margin-left:-34px}
	.o-flex .o-grid.o-cgap-33\@md{margin-left:-33px}
	.o-flex .o-grid.o-cgap-32\@md{margin-left:-32px}
	.o-flex .o-grid.o-cgap-31\@md{margin-left:-31px}
	.o-flex .o-grid.o-cgap-30\@md{margin-left:-30px}
	.o-flex .o-grid.o-cgap-29\@md{margin-left:-29px}
	.o-flex .o-grid.o-cgap-28\@md{margin-left:-28px}
	.o-flex .o-grid.o-cgap-27\@md{margin-left:-27px}
	.o-flex .o-grid.o-cgap-26\@md{margin-left:-26px}
	.o-flex .o-grid.o-cgap-25\@md{margin-left:-25px}
	.o-flex .o-grid.o-cgap-24\@md{margin-left:-24px}
	.o-flex .o-grid.o-cgap-23\@md{margin-left:-23px}
	.o-flex .o-grid.o-cgap-22\@md{margin-left:-22px}
	.o-flex .o-grid.o-cgap-21\@md{margin-left:-21px}
	.o-flex .o-grid.o-cgap-20\@md{margin-left:-20px}
	.o-flex .o-grid.o-cgap-19\@md{margin-left:-19px}
	.o-flex .o-grid.o-cgap-18\@md{margin-left:-18px}
	.o-flex .o-grid.o-cgap-17\@md{margin-left:-17px}
	.o-flex .o-grid.o-cgap-16\@md{margin-left:-16px}
	.o-flex .o-grid.o-cgap-15\@md{margin-left:-15px}
	.o-flex .o-grid.o-cgap-14\@md{margin-left:-14px}
	.o-flex .o-grid.o-cgap-13\@md{margin-left:-13px}
	.o-flex .o-grid.o-cgap-12\@md{margin-left:-12px}
	.o-flex .o-grid.o-cgap-11\@md{margin-left:-11px}
	.o-flex .o-grid.o-cgap-10\@md{margin-left:-10px}
	.o-flex .o-grid.o-cgap-9\@md{margin-left:-9px}
	.o-flex .o-grid.o-cgap-8\@md{margin-left:-8px}
	.o-flex .o-grid.o-cgap-7\@md{margin-left:-7px}
	.o-flex .o-grid.o-cgap-6\@md{margin-left:-6px}
	.o-flex .o-grid.o-cgap-5\@md{margin-left:-5px}
	.o-flex .o-grid.o-cgap-4\@md{margin-left:-4px}
	.o-flex .o-grid.o-cgap-3\@md{margin-left:-3px}
	.o-flex .o-grid.o-cgap-2\@md{margin-left:-2px}
	.o-flex .o-grid.o-cgap-1\@md{margin-left:-1px}
	.o-flex .o-grid.o-cgap-48\@md > *{padding-left:48px}
	.o-flex .o-grid.o-cgap-47\@md > *{padding-left:47px}
	.o-flex .o-grid.o-cgap-46\@md > *{padding-left:46px}
	.o-flex .o-grid.o-cgap-45\@md > *{padding-left:45px}
	.o-flex .o-grid.o-cgap-44\@md > *{padding-left:44px}
	.o-flex .o-grid.o-cgap-43\@md > *{padding-left:43px}
	.o-flex .o-grid.o-cgap-42\@md > *{padding-left:42px}
	.o-flex .o-grid.o-cgap-41\@md > *{padding-left:41px}
	.o-flex .o-grid.o-cgap-40\@md > *{padding-left:40px}
	.o-flex .o-grid.o-cgap-39\@md > *{padding-left:39px}
	.o-flex .o-grid.o-cgap-38\@md > *{padding-left:38px}
	.o-flex .o-grid.o-cgap-37\@md > *{padding-left:37px}
	.o-flex .o-grid.o-cgap-36\@md > *{padding-left:36px}
	.o-flex .o-grid.o-cgap-35\@md > *{padding-left:35px}
	.o-flex .o-grid.o-cgap-34\@md > *{padding-left:34px}
	.o-flex .o-grid.o-cgap-33\@md > *{padding-left:33px}
	.o-flex .o-grid.o-cgap-32\@md > *{padding-left:32px}
	.o-flex .o-grid.o-cgap-31\@md > *{padding-left:31px}
	.o-flex .o-grid.o-cgap-30\@md > *{padding-left:30px}
	.o-flex .o-grid.o-cgap-29\@md > *{padding-left:29px}
	.o-flex .o-grid.o-cgap-28\@md > *{padding-left:28px}
	.o-flex .o-grid.o-cgap-27\@md > *{padding-left:27px}
	.o-flex .o-grid.o-cgap-26\@md > *{padding-left:26px}
	.o-flex .o-grid.o-cgap-25\@md > *{padding-left:25px}
	.o-flex .o-grid.o-cgap-24\@md > *{padding-left:24px}
	.o-flex .o-grid.o-cgap-23\@md > *{padding-left:23px}
	.o-flex .o-grid.o-cgap-22\@md > *{padding-left:22px}
	.o-flex .o-grid.o-cgap-21\@md > *{padding-left:21px}
	.o-flex .o-grid.o-cgap-20\@md > *{padding-left:20px}
	.o-flex .o-grid.o-cgap-19\@md > *{padding-left:19px}
	.o-flex .o-grid.o-cgap-18\@md > *{padding-left:18px}
	.o-flex .o-grid.o-cgap-17\@md > *{padding-left:17px}
	.o-flex .o-grid.o-cgap-16\@md > *{padding-left:16px}
	.o-flex .o-grid.o-cgap-15\@md > *{padding-left:15px}
	.o-flex .o-grid.o-cgap-14\@md > *{padding-left:14px}
	.o-flex .o-grid.o-cgap-13\@md > *{padding-left:13px}
	.o-flex .o-grid.o-cgap-12\@md > *{padding-left:12px}
	.o-flex .o-grid.o-cgap-11\@md > *{padding-left:11px}
	.o-flex .o-grid.o-cgap-10\@md > *{padding-left:10px}
	.o-flex .o-grid.o-cgap-9\@md > *{padding-left:9px}
	.o-flex .o-grid.o-cgap-8\@md > *{padding-left:8px}
	.o-flex .o-grid.o-cgap-7\@md > *{padding-left:7px}
	.o-flex .o-grid.o-cgap-6\@md > *{padding-left:6px}
	.o-flex .o-grid.o-cgap-5\@md > *{padding-left:5px}
	.o-flex .o-grid.o-cgap-4\@md > *{padding-left:4px}
	.o-flex .o-grid.o-cgap-3\@md > *{padding-left:3px}
	.o-flex .o-grid.o-cgap-2\@md > *{padding-left:2px}
	.o-flex .o-grid.o-cgap-1\@md > *{padding-left:1px}
}

/* Small devices (landscape phones, less than 768px) (sm)*/
@media (max-width:767px){
	.o-flex .o-grid.o-cgap-48\@sm{margin-left:-48px}
	.o-flex .o-grid.o-cgap-47\@sm{margin-left:-47px}
	.o-flex .o-grid.o-cgap-46\@sm{margin-left:-46px}
	.o-flex .o-grid.o-cgap-45\@sm{margin-left:-45px}
	.o-flex .o-grid.o-cgap-44\@sm{margin-left:-44px}
	.o-flex .o-grid.o-cgap-43\@sm{margin-left:-43px}
	.o-flex .o-grid.o-cgap-42\@sm{margin-left:-42px}
	.o-flex .o-grid.o-cgap-41\@sm{margin-left:-41px}
	.o-flex .o-grid.o-cgap-40\@sm{margin-left:-40px}
	.o-flex .o-grid.o-cgap-39\@sm{margin-left:-39px}
	.o-flex .o-grid.o-cgap-38\@sm{margin-left:-38px}
	.o-flex .o-grid.o-cgap-37\@sm{margin-left:-37px}
	.o-flex .o-grid.o-cgap-36\@sm{margin-left:-36px}
	.o-flex .o-grid.o-cgap-35\@sm{margin-left:-35px}
	.o-flex .o-grid.o-cgap-34\@sm{margin-left:-34px}
	.o-flex .o-grid.o-cgap-33\@sm{margin-left:-33px}
	.o-flex .o-grid.o-cgap-32\@sm{margin-left:-32px}
	.o-flex .o-grid.o-cgap-31\@sm{margin-left:-31px}
	.o-flex .o-grid.o-cgap-30\@sm{margin-left:-30px}
	.o-flex .o-grid.o-cgap-29\@sm{margin-left:-29px}
	.o-flex .o-grid.o-cgap-28\@sm{margin-left:-28px}
	.o-flex .o-grid.o-cgap-27\@sm{margin-left:-27px}
	.o-flex .o-grid.o-cgap-26\@sm{margin-left:-26px}
	.o-flex .o-grid.o-cgap-25\@sm{margin-left:-25px}
	.o-flex .o-grid.o-cgap-24\@sm{margin-left:-24px}
	.o-flex .o-grid.o-cgap-23\@sm{margin-left:-23px}
	.o-flex .o-grid.o-cgap-22\@sm{margin-left:-22px}
	.o-flex .o-grid.o-cgap-21\@sm{margin-left:-21px}
	.o-flex .o-grid.o-cgap-20\@sm{margin-left:-20px}
	.o-flex .o-grid.o-cgap-19\@sm{margin-left:-19px}
	.o-flex .o-grid.o-cgap-18\@sm{margin-left:-18px}
	.o-flex .o-grid.o-cgap-17\@sm{margin-left:-17px}
	.o-flex .o-grid.o-cgap-16\@sm{margin-left:-16px}
	.o-flex .o-grid.o-cgap-15\@sm{margin-left:-15px}
	.o-flex .o-grid.o-cgap-14\@sm{margin-left:-14px}
	.o-flex .o-grid.o-cgap-13\@sm{margin-left:-13px}
	.o-flex .o-grid.o-cgap-12\@sm{margin-left:-12px}
	.o-flex .o-grid.o-cgap-11\@sm{margin-left:-11px}
	.o-flex .o-grid.o-cgap-10\@sm{margin-left:-10px}
	.o-flex .o-grid.o-cgap-9\@sm{margin-left:-9px}
	.o-flex .o-grid.o-cgap-8\@sm{margin-left:-8px}
	.o-flex .o-grid.o-cgap-7\@sm{margin-left:-7px}
	.o-flex .o-grid.o-cgap-6\@sm{margin-left:-6px}
	.o-flex .o-grid.o-cgap-5\@sm{margin-left:-5px}
	.o-flex .o-grid.o-cgap-4\@sm{margin-left:-4px}
	.o-flex .o-grid.o-cgap-3\@sm{margin-left:-3px}
	.o-flex .o-grid.o-cgap-2\@sm{margin-left:-2px}
	.o-flex .o-grid.o-cgap-1\@sm{margin-left:-1px}
	.o-flex .o-grid.o-cgap-48\@sm > *{padding-left:48px}
	.o-flex .o-grid.o-cgap-47\@sm > *{padding-left:47px}
	.o-flex .o-grid.o-cgap-46\@sm > *{padding-left:46px}
	.o-flex .o-grid.o-cgap-45\@sm > *{padding-left:45px}
	.o-flex .o-grid.o-cgap-44\@sm > *{padding-left:44px}
	.o-flex .o-grid.o-cgap-43\@sm > *{padding-left:43px}
	.o-flex .o-grid.o-cgap-42\@sm > *{padding-left:42px}
	.o-flex .o-grid.o-cgap-41\@sm > *{padding-left:41px}
	.o-flex .o-grid.o-cgap-40\@sm > *{padding-left:40px}
	.o-flex .o-grid.o-cgap-39\@sm > *{padding-left:39px}
	.o-flex .o-grid.o-cgap-38\@sm > *{padding-left:38px}
	.o-flex .o-grid.o-cgap-37\@sm > *{padding-left:37px}
	.o-flex .o-grid.o-cgap-36\@sm > *{padding-left:36px}
	.o-flex .o-grid.o-cgap-35\@sm > *{padding-left:35px}
	.o-flex .o-grid.o-cgap-34\@sm > *{padding-left:34px}
	.o-flex .o-grid.o-cgap-33\@sm > *{padding-left:33px}
	.o-flex .o-grid.o-cgap-32\@sm > *{padding-left:32px}
	.o-flex .o-grid.o-cgap-31\@sm > *{padding-left:31px}
	.o-flex .o-grid.o-cgap-30\@sm > *{padding-left:30px}
	.o-flex .o-grid.o-cgap-29\@sm > *{padding-left:29px}
	.o-flex .o-grid.o-cgap-28\@sm > *{padding-left:28px}
	.o-flex .o-grid.o-cgap-27\@sm > *{padding-left:27px}
	.o-flex .o-grid.o-cgap-26\@sm > *{padding-left:26px}
	.o-flex .o-grid.o-cgap-25\@sm > *{padding-left:25px}
	.o-flex .o-grid.o-cgap-24\@sm > *{padding-left:24px}
	.o-flex .o-grid.o-cgap-23\@sm > *{padding-left:23px}
	.o-flex .o-grid.o-cgap-22\@sm > *{padding-left:22px}
	.o-flex .o-grid.o-cgap-21\@sm > *{padding-left:21px}
	.o-flex .o-grid.o-cgap-20\@sm > *{padding-left:20px}
	.o-flex .o-grid.o-cgap-19\@sm > *{padding-left:19px}
	.o-flex .o-grid.o-cgap-18\@sm > *{padding-left:18px}
	.o-flex .o-grid.o-cgap-17\@sm > *{padding-left:17px}
	.o-flex .o-grid.o-cgap-16\@sm > *{padding-left:16px}
	.o-flex .o-grid.o-cgap-15\@sm > *{padding-left:15px}
	.o-flex .o-grid.o-cgap-14\@sm > *{padding-left:14px}
	.o-flex .o-grid.o-cgap-13\@sm > *{padding-left:13px}
	.o-flex .o-grid.o-cgap-12\@sm > *{padding-left:12px}
	.o-flex .o-grid.o-cgap-11\@sm > *{padding-left:11px}
	.o-flex .o-grid.o-cgap-10\@sm > *{padding-left:10px}
	.o-flex .o-grid.o-cgap-9\@sm > *{padding-left:9px}
	.o-flex .o-grid.o-cgap-8\@sm > *{padding-left:8px}
	.o-flex .o-grid.o-cgap-7\@sm > *{padding-left:7px}
	.o-flex .o-grid.o-cgap-6\@sm > *{padding-left:6px}
	.o-flex .o-grid.o-cgap-5\@sm > *{padding-left:5px}
	.o-flex .o-grid.o-cgap-4\@sm > *{padding-left:4px}
	.o-flex .o-grid.o-cgap-3\@sm > *{padding-left:3px}
	.o-flex .o-grid.o-cgap-2\@sm > *{padding-left:2px}
	.o-flex .o-grid.o-cgap-1\@sm > *{padding-left:1px}
}

/* Extra small devices (portrait phones, less than 533px) (xs)*/
@media (max-width:532px){
	.o-flex .o-grid.o-cgap-48\@xs{margin-left:-48px}
	.o-flex .o-grid.o-cgap-47\@xs{margin-left:-47px}
	.o-flex .o-grid.o-cgap-46\@xs{margin-left:-46px}
	.o-flex .o-grid.o-cgap-45\@xs{margin-left:-45px}
	.o-flex .o-grid.o-cgap-44\@xs{margin-left:-44px}
	.o-flex .o-grid.o-cgap-43\@xs{margin-left:-43px}
	.o-flex .o-grid.o-cgap-42\@xs{margin-left:-42px}
	.o-flex .o-grid.o-cgap-41\@xs{margin-left:-41px}
	.o-flex .o-grid.o-cgap-40\@xs{margin-left:-40px}
	.o-flex .o-grid.o-cgap-39\@xs{margin-left:-39px}
	.o-flex .o-grid.o-cgap-38\@xs{margin-left:-38px}
	.o-flex .o-grid.o-cgap-37\@xs{margin-left:-37px}
	.o-flex .o-grid.o-cgap-36\@xs{margin-left:-36px}
	.o-flex .o-grid.o-cgap-35\@xs{margin-left:-35px}
	.o-flex .o-grid.o-cgap-34\@xs{margin-left:-34px}
	.o-flex .o-grid.o-cgap-33\@xs{margin-left:-33px}
	.o-flex .o-grid.o-cgap-32\@xs{margin-left:-32px}
	.o-flex .o-grid.o-cgap-31\@xs{margin-left:-31px}
	.o-flex .o-grid.o-cgap-30\@xs{margin-left:-30px}
	.o-flex .o-grid.o-cgap-29\@xs{margin-left:-29px}
	.o-flex .o-grid.o-cgap-28\@xs{margin-left:-28px}
	.o-flex .o-grid.o-cgap-27\@xs{margin-left:-27px}
	.o-flex .o-grid.o-cgap-26\@xs{margin-left:-26px}
	.o-flex .o-grid.o-cgap-25\@xs{margin-left:-25px}
	.o-flex .o-grid.o-cgap-24\@xs{margin-left:-24px}
	.o-flex .o-grid.o-cgap-23\@xs{margin-left:-23px}
	.o-flex .o-grid.o-cgap-22\@xs{margin-left:-22px}
	.o-flex .o-grid.o-cgap-21\@xs{margin-left:-21px}
	.o-flex .o-grid.o-cgap-20\@xs{margin-left:-20px}
	.o-flex .o-grid.o-cgap-19\@xs{margin-left:-19px}
	.o-flex .o-grid.o-cgap-18\@xs{margin-left:-18px}
	.o-flex .o-grid.o-cgap-17\@xs{margin-left:-17px}
	.o-flex .o-grid.o-cgap-16\@xs{margin-left:-16px}
	.o-flex .o-grid.o-cgap-15\@xs{margin-left:-15px}
	.o-flex .o-grid.o-cgap-14\@xs{margin-left:-14px}
	.o-flex .o-grid.o-cgap-13\@xs{margin-left:-13px}
	.o-flex .o-grid.o-cgap-12\@xs{margin-left:-12px}
	.o-flex .o-grid.o-cgap-11\@xs{margin-left:-11px}
	.o-flex .o-grid.o-cgap-10\@xs{margin-left:-10px}
	.o-flex .o-grid.o-cgap-9\@xs{margin-left:-9px}
	.o-flex .o-grid.o-cgap-8\@xs{margin-left:-8px}
	.o-flex .o-grid.o-cgap-7\@xs{margin-left:-7px}
	.o-flex .o-grid.o-cgap-6\@xs{margin-left:-6px}
	.o-flex .o-grid.o-cgap-5\@xs{margin-left:-5px}
	.o-flex .o-grid.o-cgap-4\@xs{margin-left:-4px}
	.o-flex .o-grid.o-cgap-3\@xs{margin-left:-3px}
	.o-flex .o-grid.o-cgap-2\@xs{margin-left:-2px}
	.o-flex .o-grid.o-cgap-1\@xs{margin-left:-1px}
	.o-flex .o-grid.o-cgap-48\@xs > *{padding-left:48px}
	.o-flex .o-grid.o-cgap-47\@xs > *{padding-left:47px}
	.o-flex .o-grid.o-cgap-46\@xs > *{padding-left:46px}
	.o-flex .o-grid.o-cgap-45\@xs > *{padding-left:45px}
	.o-flex .o-grid.o-cgap-44\@xs > *{padding-left:44px}
	.o-flex .o-grid.o-cgap-43\@xs > *{padding-left:43px}
	.o-flex .o-grid.o-cgap-42\@xs > *{padding-left:42px}
	.o-flex .o-grid.o-cgap-41\@xs > *{padding-left:41px}
	.o-flex .o-grid.o-cgap-40\@xs > *{padding-left:40px}
	.o-flex .o-grid.o-cgap-39\@xs > *{padding-left:39px}
	.o-flex .o-grid.o-cgap-38\@xs > *{padding-left:38px}
	.o-flex .o-grid.o-cgap-37\@xs > *{padding-left:37px}
	.o-flex .o-grid.o-cgap-36\@xs > *{padding-left:36px}
	.o-flex .o-grid.o-cgap-35\@xs > *{padding-left:35px}
	.o-flex .o-grid.o-cgap-34\@xs > *{padding-left:34px}
	.o-flex .o-grid.o-cgap-33\@xs > *{padding-left:33px}
	.o-flex .o-grid.o-cgap-32\@xs > *{padding-left:32px}
	.o-flex .o-grid.o-cgap-31\@xs > *{padding-left:31px}
	.o-flex .o-grid.o-cgap-30\@xs > *{padding-left:30px}
	.o-flex .o-grid.o-cgap-29\@xs > *{padding-left:29px}
	.o-flex .o-grid.o-cgap-28\@xs > *{padding-left:28px}
	.o-flex .o-grid.o-cgap-27\@xs > *{padding-left:27px}
	.o-flex .o-grid.o-cgap-26\@xs > *{padding-left:26px}
	.o-flex .o-grid.o-cgap-25\@xs > *{padding-left:25px}
	.o-flex .o-grid.o-cgap-24\@xs > *{padding-left:24px}
	.o-flex .o-grid.o-cgap-23\@xs > *{padding-left:23px}
	.o-flex .o-grid.o-cgap-22\@xs > *{padding-left:22px}
	.o-flex .o-grid.o-cgap-21\@xs > *{padding-left:21px}
	.o-flex .o-grid.o-cgap-20\@xs > *{padding-left:20px}
	.o-flex .o-grid.o-cgap-19\@xs > *{padding-left:19px}
	.o-flex .o-grid.o-cgap-18\@xs > *{padding-left:18px}
	.o-flex .o-grid.o-cgap-17\@xs > *{padding-left:17px}
	.o-flex .o-grid.o-cgap-16\@xs > *{padding-left:16px}
	.o-flex .o-grid.o-cgap-15\@xs > *{padding-left:15px}
	.o-flex .o-grid.o-cgap-14\@xs > *{padding-left:14px}
	.o-flex .o-grid.o-cgap-13\@xs > *{padding-left:13px}
	.o-flex .o-grid.o-cgap-12\@xs > *{padding-left:12px}
	.o-flex .o-grid.o-cgap-11\@xs > *{padding-left:11px}
	.o-flex .o-grid.o-cgap-10\@xs > *{padding-left:10px}
	.o-flex .o-grid.o-cgap-9\@xs > *{padding-left:9px}
	.o-flex .o-grid.o-cgap-8\@xs > *{padding-left:8px}
	.o-flex .o-grid.o-cgap-7\@xs > *{padding-left:7px}
	.o-flex .o-grid.o-cgap-6\@xs > *{padding-left:6px}
	.o-flex .o-grid.o-cgap-5\@xs > *{padding-left:5px}
	.o-flex .o-grid.o-cgap-4\@xs > *{padding-left:4px}
	.o-flex .o-grid.o-cgap-3\@xs > *{padding-left:3px}
	.o-flex .o-grid.o-cgap-2\@xs > *{padding-left:2px}
	.o-flex .o-grid.o-cgap-1\@xs > *{padding-left:1px}
}

/* ---------------------------------------------------------------------------
------------------------------- CLASS o-rgap ----------------------------------
----------------------------------------------------------------------------- */
.o-flex .o-grid.o-rgap-48,.o-flex .o-grid.o-rgap-48\@n{margin-bottom:-48px}
.o-flex .o-grid.o-rgap-47,.o-flex .o-grid.o-rgap-47\@n{margin-bottom:-47px}
.o-flex .o-grid.o-rgap-46,.o-flex .o-grid.o-rgap-46\@n{margin-bottom:-46px}
.o-flex .o-grid.o-rgap-45,.o-flex .o-grid.o-rgap-45\@n{margin-bottom:-45px}
.o-flex .o-grid.o-rgap-44,.o-flex .o-grid.o-rgap-44\@n{margin-bottom:-44px}
.o-flex .o-grid.o-rgap-43,.o-flex .o-grid.o-rgap-43\@n{margin-bottom:-43px}
.o-flex .o-grid.o-rgap-42,.o-flex .o-grid.o-rgap-42\@n{margin-bottom:-42px}
.o-flex .o-grid.o-rgap-41,.o-flex .o-grid.o-rgap-41\@n{margin-bottom:-41px}
.o-flex .o-grid.o-rgap-40,.o-flex .o-grid.o-rgap-40\@n{margin-bottom:-40px}
.o-flex .o-grid.o-rgap-39,.o-flex .o-grid.o-rgap-39\@n{margin-bottom:-39px}
.o-flex .o-grid.o-rgap-38,.o-flex .o-grid.o-rgap-38\@n{margin-bottom:-38px}
.o-flex .o-grid.o-rgap-37,.o-flex .o-grid.o-rgap-37\@n{margin-bottom:-37px}
.o-flex .o-grid.o-rgap-36,.o-flex .o-grid.o-rgap-36\@n{margin-bottom:-36px}
.o-flex .o-grid.o-rgap-35,.o-flex .o-grid.o-rgap-35\@n{margin-bottom:-35px}
.o-flex .o-grid.o-rgap-34,.o-flex .o-grid.o-rgap-34\@n{margin-bottom:-34px}
.o-flex .o-grid.o-rgap-33,.o-flex .o-grid.o-rgap-33\@n{margin-bottom:-33px}
.o-flex .o-grid.o-rgap-32,.o-flex .o-grid.o-rgap-32\@n{margin-bottom:-32px}
.o-flex .o-grid.o-rgap-31,.o-flex .o-grid.o-rgap-31\@n{margin-bottom:-31px}
.o-flex .o-grid.o-rgap-30,.o-flex .o-grid.o-rgap-30\@n{margin-bottom:-30px}
.o-flex .o-grid.o-rgap-29,.o-flex .o-grid.o-rgap-29\@n{margin-bottom:-29px}
.o-flex .o-grid.o-rgap-28,.o-flex .o-grid.o-rgap-28\@n{margin-bottom:-28px}
.o-flex .o-grid.o-rgap-27,.o-flex .o-grid.o-rgap-27\@n{margin-bottom:-27px}
.o-flex .o-grid.o-rgap-26,.o-flex .o-grid.o-rgap-26\@n{margin-bottom:-26px}
.o-flex .o-grid.o-rgap-25,.o-flex .o-grid.o-rgap-25\@n{margin-bottom:-25px}
.o-flex .o-grid.o-rgap-24,.o-flex .o-grid.o-rgap-24\@n{margin-bottom:-24px}
.o-flex .o-grid.o-rgap-23,.o-flex .o-grid.o-rgap-23\@n{margin-bottom:-23px}
.o-flex .o-grid.o-rgap-22,.o-flex .o-grid.o-rgap-22\@n{margin-bottom:-22px}
.o-flex .o-grid.o-rgap-21,.o-flex .o-grid.o-rgap-21\@n{margin-bottom:-21px}
.o-flex .o-grid.o-rgap-20,.o-flex .o-grid.o-rgap-20\@n{margin-bottom:-20px}
.o-flex .o-grid.o-rgap-19,.o-flex .o-grid.o-rgap-19\@n{margin-bottom:-19px}
.o-flex .o-grid.o-rgap-18,.o-flex .o-grid.o-rgap-18\@n{margin-bottom:-18px}
.o-flex .o-grid.o-rgap-17,.o-flex .o-grid.o-rgap-17\@n{margin-bottom:-17px}
.o-flex .o-grid.o-rgap-16,.o-flex .o-grid.o-rgap-16\@n{margin-bottom:-16px}
.o-flex .o-grid.o-rgap-15,.o-flex .o-grid.o-rgap-15\@n{margin-bottom:-15px}
.o-flex .o-grid.o-rgap-14,.o-flex .o-grid.o-rgap-14\@n{margin-bottom:-14px}
.o-flex .o-grid.o-rgap-13,.o-flex .o-grid.o-rgap-13\@n{margin-bottom:-13px}
.o-flex .o-grid.o-rgap-12,.o-flex .o-grid.o-rgap-12\@n{margin-bottom:-12px}
.o-flex .o-grid.o-rgap-11,.o-flex .o-grid.o-rgap-11\@n{margin-bottom:-11px}
.o-flex .o-grid.o-rgap-10,.o-flex .o-grid.o-rgap-10\@n{margin-bottom:-10px}
.o-flex .o-grid.o-rgap-9,.o-flex .o-grid.o-rgap-9\@n{margin-bottom:-9px}
.o-flex .o-grid.o-rgap-8,.o-flex .o-grid.o-rgap-8\@n{margin-bottom:-8px}
.o-flex .o-grid.o-rgap-7,.o-flex .o-grid.o-rgap-7\@n{margin-bottom:-7px}
.o-flex .o-grid.o-rgap-6,.o-flex .o-grid.o-rgap-6\@n{margin-bottom:-6px}
.o-flex .o-grid.o-rgap-5,.o-flex .o-grid.o-rgap-5\@n{margin-bottom:-5px}
.o-flex .o-grid.o-rgap-4,.o-flex .o-grid.o-rgap-4\@n{margin-bottom:-4px}
.o-flex .o-grid.o-rgap-3,.o-flex .o-grid.o-rgap-3\@n{margin-bottom:-3px}
.o-flex .o-grid.o-rgap-2,.o-flex .o-grid.o-rgap-2\@n{margin-bottom:-2px}
.o-flex .o-grid.o-rgap-1,.o-flex .o-grid.o-rgap-1\@n{margin-bottom:-1px}
.o-flex .o-grid.o-rgap-48 > *,.o-flex .o-grid.o-rgap-48\@n > *{padding-bottom:48px}
.o-flex .o-grid.o-rgap-47 > *,.o-flex .o-grid.o-rgap-47\@n > *{padding-bottom:47px}
.o-flex .o-grid.o-rgap-46 > *,.o-flex .o-grid.o-rgap-46\@n > *{padding-bottom:46px}
.o-flex .o-grid.o-rgap-45 > *,.o-flex .o-grid.o-rgap-45\@n > *{padding-bottom:45px}
.o-flex .o-grid.o-rgap-44 > *,.o-flex .o-grid.o-rgap-44\@n > *{padding-bottom:44px}
.o-flex .o-grid.o-rgap-43 > *,.o-flex .o-grid.o-rgap-43\@n > *{padding-bottom:43px}
.o-flex .o-grid.o-rgap-42 > *,.o-flex .o-grid.o-rgap-42\@n > *{padding-bottom:42px}
.o-flex .o-grid.o-rgap-41 > *,.o-flex .o-grid.o-rgap-41\@n > *{padding-bottom:41px}
.o-flex .o-grid.o-rgap-40 > *,.o-flex .o-grid.o-rgap-40\@n > *{padding-bottom:40px}
.o-flex .o-grid.o-rgap-39 > *,.o-flex .o-grid.o-rgap-39\@n > *{padding-bottom:39px}
.o-flex .o-grid.o-rgap-38 > *,.o-flex .o-grid.o-rgap-38\@n > *{padding-bottom:38px}
.o-flex .o-grid.o-rgap-37 > *,.o-flex .o-grid.o-rgap-37\@n > *{padding-bottom:37px}
.o-flex .o-grid.o-rgap-36 > *,.o-flex .o-grid.o-rgap-36\@n > *{padding-bottom:36px}
.o-flex .o-grid.o-rgap-35 > *,.o-flex .o-grid.o-rgap-35\@n > *{padding-bottom:35px}
.o-flex .o-grid.o-rgap-34 > *,.o-flex .o-grid.o-rgap-34\@n > *{padding-bottom:34px}
.o-flex .o-grid.o-rgap-33 > *,.o-flex .o-grid.o-rgap-33\@n > *{padding-bottom:33px}
.o-flex .o-grid.o-rgap-32 > *,.o-flex .o-grid.o-rgap-32\@n > *{padding-bottom:32px}
.o-flex .o-grid.o-rgap-31 > *,.o-flex .o-grid.o-rgap-31\@n > *{padding-bottom:31px}
.o-flex .o-grid.o-rgap-30 > *,.o-flex .o-grid.o-rgap-30\@n > *{padding-bottom:30px}
.o-flex .o-grid.o-rgap-29 > *,.o-flex .o-grid.o-rgap-29\@n > *{padding-bottom:29px}
.o-flex .o-grid.o-rgap-28 > *,.o-flex .o-grid.o-rgap-28\@n > *{padding-bottom:28px}
.o-flex .o-grid.o-rgap-27 > *,.o-flex .o-grid.o-rgap-27\@n > *{padding-bottom:27px}
.o-flex .o-grid.o-rgap-26 > *,.o-flex .o-grid.o-rgap-26\@n > *{padding-bottom:26px}
.o-flex .o-grid.o-rgap-25 > *,.o-flex .o-grid.o-rgap-25\@n > *{padding-bottom:25px}
.o-flex .o-grid.o-rgap-24 > *,.o-flex .o-grid.o-rgap-24\@n > *{padding-bottom:24px}
.o-flex .o-grid.o-rgap-23 > *,.o-flex .o-grid.o-rgap-23\@n > *{padding-bottom:23px}
.o-flex .o-grid.o-rgap-22 > *,.o-flex .o-grid.o-rgap-22\@n > *{padding-bottom:22px}
.o-flex .o-grid.o-rgap-21 > *,.o-flex .o-grid.o-rgap-21\@n > *{padding-bottom:21px}
.o-flex .o-grid.o-rgap-20 > *,.o-flex .o-grid.o-rgap-20\@n > *{padding-bottom:20px}
.o-flex .o-grid.o-rgap-19 > *,.o-flex .o-grid.o-rgap-19\@n > *{padding-bottom:19px}
.o-flex .o-grid.o-rgap-18 > *,.o-flex .o-grid.o-rgap-18\@n > *{padding-bottom:18px}
.o-flex .o-grid.o-rgap-17 > *,.o-flex .o-grid.o-rgap-17\@n > *{padding-bottom:17px}
.o-flex .o-grid.o-rgap-16 > *,.o-flex .o-grid.o-rgap-16\@n > *{padding-bottom:16px}
.o-flex .o-grid.o-rgap-15 > *,.o-flex .o-grid.o-rgap-15\@n > *{padding-bottom:15px}
.o-flex .o-grid.o-rgap-14 > *,.o-flex .o-grid.o-rgap-14\@n > *{padding-bottom:14px}
.o-flex .o-grid.o-rgap-13 > *,.o-flex .o-grid.o-rgap-13\@n > *{padding-bottom:13px}
.o-flex .o-grid.o-rgap-12 > *,.o-flex .o-grid.o-rgap-12\@n > *{padding-bottom:12px}
.o-flex .o-grid.o-rgap-11 > *,.o-flex .o-grid.o-rgap-11\@n > *{padding-bottom:11px}
.o-flex .o-grid.o-rgap-10 > *,.o-flex .o-grid.o-rgap-10\@n > *{padding-bottom:10px}
.o-flex .o-grid.o-rgap-9 > *,.o-flex .o-grid.o-rgap-9\@n > *{padding-bottom:9px}
.o-flex .o-grid.o-rgap-8 > *,.o-flex .o-grid.o-rgap-8\@n > *{padding-bottom:8px}
.o-flex .o-grid.o-rgap-7 > *,.o-flex .o-grid.o-rgap-7\@n > *{padding-bottom:7px}
.o-flex .o-grid.o-rgap-6 > *,.o-flex .o-grid.o-rgap-6\@n > *{padding-bottom:6px}
.o-flex .o-grid.o-rgap-5 > *,.o-flex .o-grid.o-rgap-5\@n > *{padding-bottom:5px}
.o-flex .o-grid.o-rgap-4 > *,.o-flex .o-grid.o-rgap-4\@n > *{padding-bottom:4px}
.o-flex .o-grid.o-rgap-3 > *,.o-flex .o-grid.o-rgap-3\@n > *{padding-bottom:3px}
.o-flex .o-grid.o-rgap-2 > *,.o-flex .o-grid.o-rgap-2\@n > *{padding-bottom:2px}
.o-flex .o-grid.o-rgap-1 > *,.o-flex .o-grid.o-rgap-1\@n > *{padding-bottom:1px}

/* Large devices (desktops, less than 1200px) (lg)*/
@media (max-width:1199px){
	.o-flex .o-grid.o-rgap-48\@lg{margin-bottom:-48px}
	.o-flex .o-grid.o-rgap-47\@lg{margin-bottom:-47px}
	.o-flex .o-grid.o-rgap-46\@lg{margin-bottom:-46px}
	.o-flex .o-grid.o-rgap-45\@lg{margin-bottom:-45px}
	.o-flex .o-grid.o-rgap-44\@lg{margin-bottom:-44px}
	.o-flex .o-grid.o-rgap-43\@lg{margin-bottom:-43px}
	.o-flex .o-grid.o-rgap-42\@lg{margin-bottom:-42px}
	.o-flex .o-grid.o-rgap-41\@lg{margin-bottom:-41px}
	.o-flex .o-grid.o-rgap-40\@lg{margin-bottom:-40px}
	.o-flex .o-grid.o-rgap-39\@lg{margin-bottom:-39px}
	.o-flex .o-grid.o-rgap-38\@lg{margin-bottom:-38px}
	.o-flex .o-grid.o-rgap-37\@lg{margin-bottom:-37px}
	.o-flex .o-grid.o-rgap-36\@lg{margin-bottom:-36px}
	.o-flex .o-grid.o-rgap-35\@lg{margin-bottom:-35px}
	.o-flex .o-grid.o-rgap-34\@lg{margin-bottom:-34px}
	.o-flex .o-grid.o-rgap-33\@lg{margin-bottom:-33px}
	.o-flex .o-grid.o-rgap-32\@lg{margin-bottom:-32px}
	.o-flex .o-grid.o-rgap-31\@lg{margin-bottom:-31px}
	.o-flex .o-grid.o-rgap-30\@lg{margin-bottom:-30px}
	.o-flex .o-grid.o-rgap-29\@lg{margin-bottom:-29px}
	.o-flex .o-grid.o-rgap-28\@lg{margin-bottom:-28px}
	.o-flex .o-grid.o-rgap-27\@lg{margin-bottom:-27px}
	.o-flex .o-grid.o-rgap-26\@lg{margin-bottom:-26px}
	.o-flex .o-grid.o-rgap-25\@lg{margin-bottom:-25px}
	.o-flex .o-grid.o-rgap-24\@lg{margin-bottom:-24px}
	.o-flex .o-grid.o-rgap-23\@lg{margin-bottom:-23px}
	.o-flex .o-grid.o-rgap-22\@lg{margin-bottom:-22px}
	.o-flex .o-grid.o-rgap-21\@lg{margin-bottom:-21px}
	.o-flex .o-grid.o-rgap-20\@lg{margin-bottom:-20px}
	.o-flex .o-grid.o-rgap-19\@lg{margin-bottom:-19px}
	.o-flex .o-grid.o-rgap-18\@lg{margin-bottom:-18px}
	.o-flex .o-grid.o-rgap-17\@lg{margin-bottom:-17px}
	.o-flex .o-grid.o-rgap-16\@lg{margin-bottom:-16px}
	.o-flex .o-grid.o-rgap-15\@lg{margin-bottom:-15px}
	.o-flex .o-grid.o-rgap-14\@lg{margin-bottom:-14px}
	.o-flex .o-grid.o-rgap-13\@lg{margin-bottom:-13px}
	.o-flex .o-grid.o-rgap-12\@lg{margin-bottom:-12px}
	.o-flex .o-grid.o-rgap-11\@lg{margin-bottom:-11px}
	.o-flex .o-grid.o-rgap-10\@lg{margin-bottom:-10px}
	.o-flex .o-grid.o-rgap-9\@lg{margin-bottom:-9px}
	.o-flex .o-grid.o-rgap-8\@lg{margin-bottom:-8px}
	.o-flex .o-grid.o-rgap-7\@lg{margin-bottom:-7px}
	.o-flex .o-grid.o-rgap-6\@lg{margin-bottom:-6px}
	.o-flex .o-grid.o-rgap-5\@lg{margin-bottom:-5px}
	.o-flex .o-grid.o-rgap-4\@lg{margin-bottom:-4px}
	.o-flex .o-grid.o-rgap-3\@lg{margin-bottom:-3px}
	.o-flex .o-grid.o-rgap-2\@lg{margin-bottom:-2px}
	.o-flex .o-grid.o-rgap-1\@lg{margin-bottom:-1px}
	.o-flex .o-grid.o-rgap-48\@lg > *{padding-bottom:48px}
	.o-flex .o-grid.o-rgap-47\@lg > *{padding-bottom:47px}
	.o-flex .o-grid.o-rgap-46\@lg > *{padding-bottom:46px}
	.o-flex .o-grid.o-rgap-45\@lg > *{padding-bottom:45px}
	.o-flex .o-grid.o-rgap-44\@lg > *{padding-bottom:44px}
	.o-flex .o-grid.o-rgap-43\@lg > *{padding-bottom:43px}
	.o-flex .o-grid.o-rgap-42\@lg > *{padding-bottom:42px}
	.o-flex .o-grid.o-rgap-41\@lg > *{padding-bottom:41px}
	.o-flex .o-grid.o-rgap-40\@lg > *{padding-bottom:40px}
	.o-flex .o-grid.o-rgap-39\@lg > *{padding-bottom:39px}
	.o-flex .o-grid.o-rgap-38\@lg > *{padding-bottom:38px}
	.o-flex .o-grid.o-rgap-37\@lg > *{padding-bottom:37px}
	.o-flex .o-grid.o-rgap-36\@lg > *{padding-bottom:36px}
	.o-flex .o-grid.o-rgap-35\@lg > *{padding-bottom:35px}
	.o-flex .o-grid.o-rgap-34\@lg > *{padding-bottom:34px}
	.o-flex .o-grid.o-rgap-33\@lg > *{padding-bottom:33px}
	.o-flex .o-grid.o-rgap-32\@lg > *{padding-bottom:32px}
	.o-flex .o-grid.o-rgap-31\@lg > *{padding-bottom:31px}
	.o-flex .o-grid.o-rgap-30\@lg > *{padding-bottom:30px}
	.o-flex .o-grid.o-rgap-29\@lg > *{padding-bottom:29px}
	.o-flex .o-grid.o-rgap-28\@lg > *{padding-bottom:28px}
	.o-flex .o-grid.o-rgap-27\@lg > *{padding-bottom:27px}
	.o-flex .o-grid.o-rgap-26\@lg > *{padding-bottom:26px}
	.o-flex .o-grid.o-rgap-25\@lg > *{padding-bottom:25px}
	.o-flex .o-grid.o-rgap-24\@lg > *{padding-bottom:24px}
	.o-flex .o-grid.o-rgap-23\@lg > *{padding-bottom:23px}
	.o-flex .o-grid.o-rgap-22\@lg > *{padding-bottom:22px}
	.o-flex .o-grid.o-rgap-21\@lg > *{padding-bottom:21px}
	.o-flex .o-grid.o-rgap-20\@lg > *{padding-bottom:20px}
	.o-flex .o-grid.o-rgap-19\@lg > *{padding-bottom:19px}
	.o-flex .o-grid.o-rgap-18\@lg > *{padding-bottom:18px}
	.o-flex .o-grid.o-rgap-17\@lg > *{padding-bottom:17px}
	.o-flex .o-grid.o-rgap-16\@lg > *{padding-bottom:16px}
	.o-flex .o-grid.o-rgap-15\@lg > *{padding-bottom:15px}
	.o-flex .o-grid.o-rgap-14\@lg > *{padding-bottom:14px}
	.o-flex .o-grid.o-rgap-13\@lg > *{padding-bottom:13px}
	.o-flex .o-grid.o-rgap-12\@lg > *{padding-bottom:12px}
	.o-flex .o-grid.o-rgap-11\@lg > *{padding-bottom:11px}
	.o-flex .o-grid.o-rgap-10\@lg > *{padding-bottom:10px}
	.o-flex .o-grid.o-rgap-9\@lg > *{padding-bottom:9px}
	.o-flex .o-grid.o-rgap-8\@lg > *{padding-bottom:8px}
	.o-flex .o-grid.o-rgap-7\@lg > *{padding-bottom:7px}
	.o-flex .o-grid.o-rgap-6\@lg > *{padding-bottom:6px}
	.o-flex .o-grid.o-rgap-5\@lg > *{padding-bottom:5px}
	.o-flex .o-grid.o-rgap-4\@lg > *{padding-bottom:4px}
	.o-flex .o-grid.o-rgap-3\@lg > *{padding-bottom:3px}
	.o-flex .o-grid.o-rgap-2\@lg > *{padding-bottom:2px}
	.o-flex .o-grid.o-rgap-1\@lg > *{padding-bottom:1px}
}

/* Medium devices (tablets, less than 992px) (md)*/
@media (max-width:991px){
	.o-flex .o-grid.o-rgap-48\@md{margin-bottom:-48px}
	.o-flex .o-grid.o-rgap-47\@md{margin-bottom:-47px}
	.o-flex .o-grid.o-rgap-46\@md{margin-bottom:-46px}
	.o-flex .o-grid.o-rgap-45\@md{margin-bottom:-45px}
	.o-flex .o-grid.o-rgap-44\@md{margin-bottom:-44px}
	.o-flex .o-grid.o-rgap-43\@md{margin-bottom:-43px}
	.o-flex .o-grid.o-rgap-42\@md{margin-bottom:-42px}
	.o-flex .o-grid.o-rgap-41\@md{margin-bottom:-41px}
	.o-flex .o-grid.o-rgap-40\@md{margin-bottom:-40px}
	.o-flex .o-grid.o-rgap-39\@md{margin-bottom:-39px}
	.o-flex .o-grid.o-rgap-38\@md{margin-bottom:-38px}
	.o-flex .o-grid.o-rgap-37\@md{margin-bottom:-37px}
	.o-flex .o-grid.o-rgap-36\@md{margin-bottom:-36px}
	.o-flex .o-grid.o-rgap-35\@md{margin-bottom:-35px}
	.o-flex .o-grid.o-rgap-34\@md{margin-bottom:-34px}
	.o-flex .o-grid.o-rgap-33\@md{margin-bottom:-33px}
	.o-flex .o-grid.o-rgap-32\@md{margin-bottom:-32px}
	.o-flex .o-grid.o-rgap-31\@md{margin-bottom:-31px}
	.o-flex .o-grid.o-rgap-30\@md{margin-bottom:-30px}
	.o-flex .o-grid.o-rgap-29\@md{margin-bottom:-29px}
	.o-flex .o-grid.o-rgap-28\@md{margin-bottom:-28px}
	.o-flex .o-grid.o-rgap-27\@md{margin-bottom:-27px}
	.o-flex .o-grid.o-rgap-26\@md{margin-bottom:-26px}
	.o-flex .o-grid.o-rgap-25\@md{margin-bottom:-25px}
	.o-flex .o-grid.o-rgap-24\@md{margin-bottom:-24px}
	.o-flex .o-grid.o-rgap-23\@md{margin-bottom:-23px}
	.o-flex .o-grid.o-rgap-22\@md{margin-bottom:-22px}
	.o-flex .o-grid.o-rgap-21\@md{margin-bottom:-21px}
	.o-flex .o-grid.o-rgap-20\@md{margin-bottom:-20px}
	.o-flex .o-grid.o-rgap-19\@md{margin-bottom:-19px}
	.o-flex .o-grid.o-rgap-18\@md{margin-bottom:-18px}
	.o-flex .o-grid.o-rgap-17\@md{margin-bottom:-17px}
	.o-flex .o-grid.o-rgap-16\@md{margin-bottom:-16px}
	.o-flex .o-grid.o-rgap-15\@md{margin-bottom:-15px}
	.o-flex .o-grid.o-rgap-14\@md{margin-bottom:-14px}
	.o-flex .o-grid.o-rgap-13\@md{margin-bottom:-13px}
	.o-flex .o-grid.o-rgap-12\@md{margin-bottom:-12px}
	.o-flex .o-grid.o-rgap-11\@md{margin-bottom:-11px}
	.o-flex .o-grid.o-rgap-10\@md{margin-bottom:-10px}
	.o-flex .o-grid.o-rgap-9\@md{margin-bottom:-9px}
	.o-flex .o-grid.o-rgap-8\@md{margin-bottom:-8px}
	.o-flex .o-grid.o-rgap-7\@md{margin-bottom:-7px}
	.o-flex .o-grid.o-rgap-6\@md{margin-bottom:-6px}
	.o-flex .o-grid.o-rgap-5\@md{margin-bottom:-5px}
	.o-flex .o-grid.o-rgap-4\@md{margin-bottom:-4px}
	.o-flex .o-grid.o-rgap-3\@md{margin-bottom:-3px}
	.o-flex .o-grid.o-rgap-2\@md{margin-bottom:-2px}
	.o-flex .o-grid.o-rgap-1\@md{margin-bottom:-1px}
	.o-flex .o-grid.o-rgap-48\@md > *{padding-bottom:48px}
	.o-flex .o-grid.o-rgap-47\@md > *{padding-bottom:47px}
	.o-flex .o-grid.o-rgap-46\@md > *{padding-bottom:46px}
	.o-flex .o-grid.o-rgap-45\@md > *{padding-bottom:45px}
	.o-flex .o-grid.o-rgap-44\@md > *{padding-bottom:44px}
	.o-flex .o-grid.o-rgap-43\@md > *{padding-bottom:43px}
	.o-flex .o-grid.o-rgap-42\@md > *{padding-bottom:42px}
	.o-flex .o-grid.o-rgap-41\@md > *{padding-bottom:41px}
	.o-flex .o-grid.o-rgap-40\@md > *{padding-bottom:40px}
	.o-flex .o-grid.o-rgap-39\@md > *{padding-bottom:39px}
	.o-flex .o-grid.o-rgap-38\@md > *{padding-bottom:38px}
	.o-flex .o-grid.o-rgap-37\@md > *{padding-bottom:37px}
	.o-flex .o-grid.o-rgap-36\@md > *{padding-bottom:36px}
	.o-flex .o-grid.o-rgap-35\@md > *{padding-bottom:35px}
	.o-flex .o-grid.o-rgap-34\@md > *{padding-bottom:34px}
	.o-flex .o-grid.o-rgap-33\@md > *{padding-bottom:33px}
	.o-flex .o-grid.o-rgap-32\@md > *{padding-bottom:32px}
	.o-flex .o-grid.o-rgap-31\@md > *{padding-bottom:31px}
	.o-flex .o-grid.o-rgap-30\@md > *{padding-bottom:30px}
	.o-flex .o-grid.o-rgap-29\@md > *{padding-bottom:29px}
	.o-flex .o-grid.o-rgap-28\@md > *{padding-bottom:28px}
	.o-flex .o-grid.o-rgap-27\@md > *{padding-bottom:27px}
	.o-flex .o-grid.o-rgap-26\@md > *{padding-bottom:26px}
	.o-flex .o-grid.o-rgap-25\@md > *{padding-bottom:25px}
	.o-flex .o-grid.o-rgap-24\@md > *{padding-bottom:24px}
	.o-flex .o-grid.o-rgap-23\@md > *{padding-bottom:23px}
	.o-flex .o-grid.o-rgap-22\@md > *{padding-bottom:22px}
	.o-flex .o-grid.o-rgap-21\@md > *{padding-bottom:21px}
	.o-flex .o-grid.o-rgap-20\@md > *{padding-bottom:20px}
	.o-flex .o-grid.o-rgap-19\@md > *{padding-bottom:19px}
	.o-flex .o-grid.o-rgap-18\@md > *{padding-bottom:18px}
	.o-flex .o-grid.o-rgap-17\@md > *{padding-bottom:17px}
	.o-flex .o-grid.o-rgap-16\@md > *{padding-bottom:16px}
	.o-flex .o-grid.o-rgap-15\@md > *{padding-bottom:15px}
	.o-flex .o-grid.o-rgap-14\@md > *{padding-bottom:14px}
	.o-flex .o-grid.o-rgap-13\@md > *{padding-bottom:13px}
	.o-flex .o-grid.o-rgap-12\@md > *{padding-bottom:12px}
	.o-flex .o-grid.o-rgap-11\@md > *{padding-bottom:11px}
	.o-flex .o-grid.o-rgap-10\@md > *{padding-bottom:10px}
	.o-flex .o-grid.o-rgap-9\@md > *{padding-bottom:9px}
	.o-flex .o-grid.o-rgap-8\@md > *{padding-bottom:8px}
	.o-flex .o-grid.o-rgap-7\@md > *{padding-bottom:7px}
	.o-flex .o-grid.o-rgap-6\@md > *{padding-bottom:6px}
	.o-flex .o-grid.o-rgap-5\@md > *{padding-bottom:5px}
	.o-flex .o-grid.o-rgap-4\@md > *{padding-bottom:4px}
	.o-flex .o-grid.o-rgap-3\@md > *{padding-bottom:3px}
	.o-flex .o-grid.o-rgap-2\@md > *{padding-bottom:2px}
	.o-flex .o-grid.o-rgap-1\@md > *{padding-bottom:1px}
}

/* Small devices (landscape phones, less than 768px) (sm)*/
@media (max-width:767px){
	.o-flex .o-grid.o-rgap-48\@sm{margin-bottom:-48px}
	.o-flex .o-grid.o-rgap-47\@sm{margin-bottom:-47px}
	.o-flex .o-grid.o-rgap-46\@sm{margin-bottom:-46px}
	.o-flex .o-grid.o-rgap-45\@sm{margin-bottom:-45px}
	.o-flex .o-grid.o-rgap-44\@sm{margin-bottom:-44px}
	.o-flex .o-grid.o-rgap-43\@sm{margin-bottom:-43px}
	.o-flex .o-grid.o-rgap-42\@sm{margin-bottom:-42px}
	.o-flex .o-grid.o-rgap-41\@sm{margin-bottom:-41px}
	.o-flex .o-grid.o-rgap-40\@sm{margin-bottom:-40px}
	.o-flex .o-grid.o-rgap-39\@sm{margin-bottom:-39px}
	.o-flex .o-grid.o-rgap-38\@sm{margin-bottom:-38px}
	.o-flex .o-grid.o-rgap-37\@sm{margin-bottom:-37px}
	.o-flex .o-grid.o-rgap-36\@sm{margin-bottom:-36px}
	.o-flex .o-grid.o-rgap-35\@sm{margin-bottom:-35px}
	.o-flex .o-grid.o-rgap-34\@sm{margin-bottom:-34px}
	.o-flex .o-grid.o-rgap-33\@sm{margin-bottom:-33px}
	.o-flex .o-grid.o-rgap-32\@sm{margin-bottom:-32px}
	.o-flex .o-grid.o-rgap-31\@sm{margin-bottom:-31px}
	.o-flex .o-grid.o-rgap-30\@sm{margin-bottom:-30px}
	.o-flex .o-grid.o-rgap-29\@sm{margin-bottom:-29px}
	.o-flex .o-grid.o-rgap-28\@sm{margin-bottom:-28px}
	.o-flex .o-grid.o-rgap-27\@sm{margin-bottom:-27px}
	.o-flex .o-grid.o-rgap-26\@sm{margin-bottom:-26px}
	.o-flex .o-grid.o-rgap-25\@sm{margin-bottom:-25px}
	.o-flex .o-grid.o-rgap-24\@sm{margin-bottom:-24px}
	.o-flex .o-grid.o-rgap-23\@sm{margin-bottom:-23px}
	.o-flex .o-grid.o-rgap-22\@sm{margin-bottom:-22px}
	.o-flex .o-grid.o-rgap-21\@sm{margin-bottom:-21px}
	.o-flex .o-grid.o-rgap-20\@sm{margin-bottom:-20px}
	.o-flex .o-grid.o-rgap-19\@sm{margin-bottom:-19px}
	.o-flex .o-grid.o-rgap-18\@sm{margin-bottom:-18px}
	.o-flex .o-grid.o-rgap-17\@sm{margin-bottom:-17px}
	.o-flex .o-grid.o-rgap-16\@sm{margin-bottom:-16px}
	.o-flex .o-grid.o-rgap-15\@sm{margin-bottom:-15px}
	.o-flex .o-grid.o-rgap-14\@sm{margin-bottom:-14px}
	.o-flex .o-grid.o-rgap-13\@sm{margin-bottom:-13px}
	.o-flex .o-grid.o-rgap-12\@sm{margin-bottom:-12px}
	.o-flex .o-grid.o-rgap-11\@sm{margin-bottom:-11px}
	.o-flex .o-grid.o-rgap-10\@sm{margin-bottom:-10px}
	.o-flex .o-grid.o-rgap-9\@sm{margin-bottom:-9px}
	.o-flex .o-grid.o-rgap-8\@sm{margin-bottom:-8px}
	.o-flex .o-grid.o-rgap-7\@sm{margin-bottom:-7px}
	.o-flex .o-grid.o-rgap-6\@sm{margin-bottom:-6px}
	.o-flex .o-grid.o-rgap-5\@sm{margin-bottom:-5px}
	.o-flex .o-grid.o-rgap-4\@sm{margin-bottom:-4px}
	.o-flex .o-grid.o-rgap-3\@sm{margin-bottom:-3px}
	.o-flex .o-grid.o-rgap-2\@sm{margin-bottom:-2px}
	.o-flex .o-grid.o-rgap-1\@sm{margin-bottom:-1px}
	.o-flex .o-grid.o-rgap-48\@sm > *{padding-bottom:48px}
	.o-flex .o-grid.o-rgap-47\@sm > *{padding-bottom:47px}
	.o-flex .o-grid.o-rgap-46\@sm > *{padding-bottom:46px}
	.o-flex .o-grid.o-rgap-45\@sm > *{padding-bottom:45px}
	.o-flex .o-grid.o-rgap-44\@sm > *{padding-bottom:44px}
	.o-flex .o-grid.o-rgap-43\@sm > *{padding-bottom:43px}
	.o-flex .o-grid.o-rgap-42\@sm > *{padding-bottom:42px}
	.o-flex .o-grid.o-rgap-41\@sm > *{padding-bottom:41px}
	.o-flex .o-grid.o-rgap-40\@sm > *{padding-bottom:40px}
	.o-flex .o-grid.o-rgap-39\@sm > *{padding-bottom:39px}
	.o-flex .o-grid.o-rgap-38\@sm > *{padding-bottom:38px}
	.o-flex .o-grid.o-rgap-37\@sm > *{padding-bottom:37px}
	.o-flex .o-grid.o-rgap-36\@sm > *{padding-bottom:36px}
	.o-flex .o-grid.o-rgap-35\@sm > *{padding-bottom:35px}
	.o-flex .o-grid.o-rgap-34\@sm > *{padding-bottom:34px}
	.o-flex .o-grid.o-rgap-33\@sm > *{padding-bottom:33px}
	.o-flex .o-grid.o-rgap-32\@sm > *{padding-bottom:32px}
	.o-flex .o-grid.o-rgap-31\@sm > *{padding-bottom:31px}
	.o-flex .o-grid.o-rgap-30\@sm > *{padding-bottom:30px}
	.o-flex .o-grid.o-rgap-29\@sm > *{padding-bottom:29px}
	.o-flex .o-grid.o-rgap-28\@sm > *{padding-bottom:28px}
	.o-flex .o-grid.o-rgap-27\@sm > *{padding-bottom:27px}
	.o-flex .o-grid.o-rgap-26\@sm > *{padding-bottom:26px}
	.o-flex .o-grid.o-rgap-25\@sm > *{padding-bottom:25px}
	.o-flex .o-grid.o-rgap-24\@sm > *{padding-bottom:24px}
	.o-flex .o-grid.o-rgap-23\@sm > *{padding-bottom:23px}
	.o-flex .o-grid.o-rgap-22\@sm > *{padding-bottom:22px}
	.o-flex .o-grid.o-rgap-21\@sm > *{padding-bottom:21px}
	.o-flex .o-grid.o-rgap-20\@sm > *{padding-bottom:20px}
	.o-flex .o-grid.o-rgap-19\@sm > *{padding-bottom:19px}
	.o-flex .o-grid.o-rgap-18\@sm > *{padding-bottom:18px}
	.o-flex .o-grid.o-rgap-17\@sm > *{padding-bottom:17px}
	.o-flex .o-grid.o-rgap-16\@sm > *{padding-bottom:16px}
	.o-flex .o-grid.o-rgap-15\@sm > *{padding-bottom:15px}
	.o-flex .o-grid.o-rgap-14\@sm > *{padding-bottom:14px}
	.o-flex .o-grid.o-rgap-13\@sm > *{padding-bottom:13px}
	.o-flex .o-grid.o-rgap-12\@sm > *{padding-bottom:12px}
	.o-flex .o-grid.o-rgap-11\@sm > *{padding-bottom:11px}
	.o-flex .o-grid.o-rgap-10\@sm > *{padding-bottom:10px}
	.o-flex .o-grid.o-rgap-9\@sm > *{padding-bottom:9px}
	.o-flex .o-grid.o-rgap-8\@sm > *{padding-bottom:8px}
	.o-flex .o-grid.o-rgap-7\@sm > *{padding-bottom:7px}
	.o-flex .o-grid.o-rgap-6\@sm > *{padding-bottom:6px}
	.o-flex .o-grid.o-rgap-5\@sm > *{padding-bottom:5px}
	.o-flex .o-grid.o-rgap-4\@sm > *{padding-bottom:4px}
	.o-flex .o-grid.o-rgap-3\@sm > *{padding-bottom:3px}
	.o-flex .o-grid.o-rgap-2\@sm > *{padding-bottom:2px}
	.o-flex .o-grid.o-rgap-1\@sm > *{padding-bottom:1px}
}

/* Extra small devices (portrait phones, less than 533px) (xs)*/
@media (max-width:532px){
	.o-flex .o-grid.o-rgap-48\@xs{margin-bottom:-48px}
	.o-flex .o-grid.o-rgap-47\@xs{margin-bottom:-47px}
	.o-flex .o-grid.o-rgap-46\@xs{margin-bottom:-46px}
	.o-flex .o-grid.o-rgap-45\@xs{margin-bottom:-45px}
	.o-flex .o-grid.o-rgap-44\@xs{margin-bottom:-44px}
	.o-flex .o-grid.o-rgap-43\@xs{margin-bottom:-43px}
	.o-flex .o-grid.o-rgap-42\@xs{margin-bottom:-42px}
	.o-flex .o-grid.o-rgap-41\@xs{margin-bottom:-41px}
	.o-flex .o-grid.o-rgap-40\@xs{margin-bottom:-40px}
	.o-flex .o-grid.o-rgap-39\@xs{margin-bottom:-39px}
	.o-flex .o-grid.o-rgap-38\@xs{margin-bottom:-38px}
	.o-flex .o-grid.o-rgap-37\@xs{margin-bottom:-37px}
	.o-flex .o-grid.o-rgap-36\@xs{margin-bottom:-36px}
	.o-flex .o-grid.o-rgap-35\@xs{margin-bottom:-35px}
	.o-flex .o-grid.o-rgap-34\@xs{margin-bottom:-34px}
	.o-flex .o-grid.o-rgap-33\@xs{margin-bottom:-33px}
	.o-flex .o-grid.o-rgap-32\@xs{margin-bottom:-32px}
	.o-flex .o-grid.o-rgap-31\@xs{margin-bottom:-31px}
	.o-flex .o-grid.o-rgap-30\@xs{margin-bottom:-30px}
	.o-flex .o-grid.o-rgap-29\@xs{margin-bottom:-29px}
	.o-flex .o-grid.o-rgap-28\@xs{margin-bottom:-28px}
	.o-flex .o-grid.o-rgap-27\@xs{margin-bottom:-27px}
	.o-flex .o-grid.o-rgap-26\@xs{margin-bottom:-26px}
	.o-flex .o-grid.o-rgap-25\@xs{margin-bottom:-25px}
	.o-flex .o-grid.o-rgap-24\@xs{margin-bottom:-24px}
	.o-flex .o-grid.o-rgap-23\@xs{margin-bottom:-23px}
	.o-flex .o-grid.o-rgap-22\@xs{margin-bottom:-22px}
	.o-flex .o-grid.o-rgap-21\@xs{margin-bottom:-21px}
	.o-flex .o-grid.o-rgap-20\@xs{margin-bottom:-20px}
	.o-flex .o-grid.o-rgap-19\@xs{margin-bottom:-19px}
	.o-flex .o-grid.o-rgap-18\@xs{margin-bottom:-18px}
	.o-flex .o-grid.o-rgap-17\@xs{margin-bottom:-17px}
	.o-flex .o-grid.o-rgap-16\@xs{margin-bottom:-16px}
	.o-flex .o-grid.o-rgap-15\@xs{margin-bottom:-15px}
	.o-flex .o-grid.o-rgap-14\@xs{margin-bottom:-14px}
	.o-flex .o-grid.o-rgap-13\@xs{margin-bottom:-13px}
	.o-flex .o-grid.o-rgap-12\@xs{margin-bottom:-12px}
	.o-flex .o-grid.o-rgap-11\@xs{margin-bottom:-11px}
	.o-flex .o-grid.o-rgap-10\@xs{margin-bottom:-10px}
	.o-flex .o-grid.o-rgap-9\@xs{margin-bottom:-9px}
	.o-flex .o-grid.o-rgap-8\@xs{margin-bottom:-8px}
	.o-flex .o-grid.o-rgap-7\@xs{margin-bottom:-7px}
	.o-flex .o-grid.o-rgap-6\@xs{margin-bottom:-6px}
	.o-flex .o-grid.o-rgap-5\@xs{margin-bottom:-5px}
	.o-flex .o-grid.o-rgap-4\@xs{margin-bottom:-4px}
	.o-flex .o-grid.o-rgap-3\@xs{margin-bottom:-3px}
	.o-flex .o-grid.o-rgap-2\@xs{margin-bottom:-2px}
	.o-flex .o-grid.o-rgap-1\@xs{margin-bottom:-1px}
	.o-flex .o-grid.o-rgap-48\@xs > *{padding-bottom:48px}
	.o-flex .o-grid.o-rgap-47\@xs > *{padding-bottom:47px}
	.o-flex .o-grid.o-rgap-46\@xs > *{padding-bottom:46px}
	.o-flex .o-grid.o-rgap-45\@xs > *{padding-bottom:45px}
	.o-flex .o-grid.o-rgap-44\@xs > *{padding-bottom:44px}
	.o-flex .o-grid.o-rgap-43\@xs > *{padding-bottom:43px}
	.o-flex .o-grid.o-rgap-42\@xs > *{padding-bottom:42px}
	.o-flex .o-grid.o-rgap-41\@xs > *{padding-bottom:41px}
	.o-flex .o-grid.o-rgap-40\@xs > *{padding-bottom:40px}
	.o-flex .o-grid.o-rgap-39\@xs > *{padding-bottom:39px}
	.o-flex .o-grid.o-rgap-38\@xs > *{padding-bottom:38px}
	.o-flex .o-grid.o-rgap-37\@xs > *{padding-bottom:37px}
	.o-flex .o-grid.o-rgap-36\@xs > *{padding-bottom:36px}
	.o-flex .o-grid.o-rgap-35\@xs > *{padding-bottom:35px}
	.o-flex .o-grid.o-rgap-34\@xs > *{padding-bottom:34px}
	.o-flex .o-grid.o-rgap-33\@xs > *{padding-bottom:33px}
	.o-flex .o-grid.o-rgap-32\@xs > *{padding-bottom:32px}
	.o-flex .o-grid.o-rgap-31\@xs > *{padding-bottom:31px}
	.o-flex .o-grid.o-rgap-30\@xs > *{padding-bottom:30px}
	.o-flex .o-grid.o-rgap-29\@xs > *{padding-bottom:29px}
	.o-flex .o-grid.o-rgap-28\@xs > *{padding-bottom:28px}
	.o-flex .o-grid.o-rgap-27\@xs > *{padding-bottom:27px}
	.o-flex .o-grid.o-rgap-26\@xs > *{padding-bottom:26px}
	.o-flex .o-grid.o-rgap-25\@xs > *{padding-bottom:25px}
	.o-flex .o-grid.o-rgap-24\@xs > *{padding-bottom:24px}
	.o-flex .o-grid.o-rgap-23\@xs > *{padding-bottom:23px}
	.o-flex .o-grid.o-rgap-22\@xs > *{padding-bottom:22px}
	.o-flex .o-grid.o-rgap-21\@xs > *{padding-bottom:21px}
	.o-flex .o-grid.o-rgap-20\@xs > *{padding-bottom:20px}
	.o-flex .o-grid.o-rgap-19\@xs > *{padding-bottom:19px}
	.o-flex .o-grid.o-rgap-18\@xs > *{padding-bottom:18px}
	.o-flex .o-grid.o-rgap-17\@xs > *{padding-bottom:17px}
	.o-flex .o-grid.o-rgap-16\@xs > *{padding-bottom:16px}
	.o-flex .o-grid.o-rgap-15\@xs > *{padding-bottom:15px}
	.o-flex .o-grid.o-rgap-14\@xs > *{padding-bottom:14px}
	.o-flex .o-grid.o-rgap-13\@xs > *{padding-bottom:13px}
	.o-flex .o-grid.o-rgap-12\@xs > *{padding-bottom:12px}
	.o-flex .o-grid.o-rgap-11\@xs > *{padding-bottom:11px}
	.o-flex .o-grid.o-rgap-10\@xs > *{padding-bottom:10px}
	.o-flex .o-grid.o-rgap-9\@xs > *{padding-bottom:9px}
	.o-flex .o-grid.o-rgap-8\@xs > *{padding-bottom:8px}
	.o-flex .o-grid.o-rgap-7\@xs > *{padding-bottom:7px}
	.o-flex .o-grid.o-rgap-6\@xs > *{padding-bottom:6px}
	.o-flex .o-grid.o-rgap-5\@xs > *{padding-bottom:5px}
	.o-flex .o-grid.o-rgap-4\@xs > *{padding-bottom:4px}
	.o-flex .o-grid.o-rgap-3\@xs > *{padding-bottom:3px}
	.o-flex .o-grid.o-rgap-2\@xs > *{padding-bottom:2px}
	.o-flex .o-grid.o-rgap-1\@xs > *{padding-bottom:1px}
}


/* -----------------------------------------------------------------------------
---------------------------- CLASS o-colspan -----------------------------------
----------------------------------------------------------------------------- */
.o-flex .o-col-1\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-1\@n > .o-colspan-1\@n:not(.o-clear){width:100%;}

.o-flex .o-col-2\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-2\@n > .o-colspan-1\@n:not(.o-clear){width:50%;}
.o-flex .o-col-2\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-2\@n > .o-colspan-2\@n:not(.o-clear){width:100%;}

.o-flex .o-col-3\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-3\@n > .o-colspan-1\@n:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-3\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-3\@n > .o-colspan-2\@n:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-3\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-3\@n > .o-colspan-3\@n:not(.o-clear){width:100%;}

.o-flex .o-col-4\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-4\@n > .o-colspan-1\@n:not(.o-clear){width:25%;}
.o-flex .o-col-4\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-4\@n > .o-colspan-2\@n:not(.o-clear){width:50%;}
.o-flex .o-col-4\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-4\@n > .o-colspan-3\@n:not(.o-clear){width:75%;}
.o-flex .o-col-4\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-4\@n > .o-colspan-4\@n:not(.o-clear){width:100%;}

.o-flex .o-col-5\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-5\@n > .o-colspan-1\@n:not(.o-clear){width:20%;}
.o-flex .o-col-5\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-5\@n > .o-colspan-2\@n:not(.o-clear){width:40%;}
.o-flex .o-col-5\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-5\@n > .o-colspan-3\@n:not(.o-clear){width:60%;}
.o-flex .o-col-5\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-5\@n > .o-colspan-4\@n:not(.o-clear){width:80%;}
.o-flex .o-col-5\@n > .o-colspan-5:not(.o-clear),.o-flex .o-col-5\@n > .o-colspan-5\@n:not(.o-clear){width:100%;}

.o-flex .o-col-6\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-6\@n > .o-colspan-1\@n:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-6\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-6\@n > .o-colspan-2\@n:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-6\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-6\@n > .o-colspan-3\@n:not(.o-clear){width:50%;}
.o-flex .o-col-6\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-6\@n > .o-colspan-4\@n:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-6\@n > .o-colspan-5:not(.o-clear),.o-flex .o-col-6\@n > .o-colspan-5\@n:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-6\@n > .o-colspan-6:not(.o-clear),.o-flex .o-col-6\@n > .o-colspan-6\@n:not(.o-clear){width:100%;}

.o-flex .o-col-7\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-7\@n > .o-colspan-1\@n:not(.o-clear){width:14.285714285%;}
.o-flex .o-col-7\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-7\@n > .o-colspan-2\@n:not(.o-clear){width:28.571428571%;}
.o-flex .o-col-7\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-7\@n > .o-colspan-3\@n:not(.o-clear){width:42.857142857%;}
.o-flex .o-col-7\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-7\@n > .o-colspan-4\@n:not(.o-clear){width:57.142857142%;}
.o-flex .o-col-7\@n > .o-colspan-5:not(.o-clear),.o-flex .o-col-7\@n > .o-colspan-5\@n:not(.o-clear){width:71.428571428%;}
.o-flex .o-col-7\@n > .o-colspan-6:not(.o-clear),.o-flex .o-col-7\@n > .o-colspan-6\@n:not(.o-clear){width:85.714285714%;}
.o-flex .o-col-7\@n > .o-colspan-7:not(.o-clear),.o-flex .o-col-7\@n > .o-colspan-7\@n:not(.o-clear){width:100%;}

.o-flex .o-col-8\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-8\@n > .o-colspan-1\@n:not(.o-clear){width:12.5%;}
.o-flex .o-col-8\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-8\@n > .o-colspan-2\@n:not(.o-clear){width:25%;}
.o-flex .o-col-8\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-8\@n > .o-colspan-3\@n:not(.o-clear){width:37.5%;}
.o-flex .o-col-8\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-8\@n > .o-colspan-4\@n:not(.o-clear){width:50%;}
.o-flex .o-col-8\@n > .o-colspan-5:not(.o-clear),.o-flex .o-col-8\@n > .o-colspan-5\@n:not(.o-clear){width:62.5%;}
.o-flex .o-col-8\@n > .o-colspan-6:not(.o-clear),.o-flex .o-col-8\@n > .o-colspan-6\@n:not(.o-clear){width:85%;}
.o-flex .o-col-8\@n > .o-colspan-7:not(.o-clear),.o-flex .o-col-8\@n > .o-colspan-7\@n:not(.o-clear){width:97.5%;}
.o-flex .o-col-8\@n > .o-colspan-8:not(.o-clear),.o-flex .o-col-8\@n > .o-colspan-8\@n:not(.o-clear){width:100%;}

.o-flex .o-col-9\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-1\@n:not(.o-clear){width:11.111111111%;}
.o-flex .o-col-9\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-2\@n:not(.o-clear){width:22.222222222%;}
.o-flex .o-col-9\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-3\@n:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-9\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-4\@n:not(.o-clear){width:44.444444444%;}
.o-flex .o-col-9\@n > .o-colspan-5:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-5\@n:not(.o-clear){width:55.555555555%;}
.o-flex .o-col-9\@n > .o-colspan-6:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-6\@n:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-9\@n > .o-colspan-7:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-7\@n:not(.o-clear){width:77.777777777%;}
.o-flex .o-col-9\@n > .o-colspan-8:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-8\@n:not(.o-clear){width:88.888888888%;}
.o-flex .o-col-9\@n > .o-colspan-9:not(.o-clear),.o-flex .o-col-9\@n > .o-colspan-9\@n:not(.o-clear){width:100%;}

.o-flex .o-col-10\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-1\@n:not(.o-clear){width:10%;}
.o-flex .o-col-10\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-2\@n:not(.o-clear){width:20%;}
.o-flex .o-col-10\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-3\@n:not(.o-clear){width:30%;}
.o-flex .o-col-10\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-4\@n:not(.o-clear){width:40%;}
.o-flex .o-col-10\@n > .o-colspan-5:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-5\@n:not(.o-clear){width:50%;}
.o-flex .o-col-10\@n > .o-colspan-6:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-6\@n:not(.o-clear){width:60%;}
.o-flex .o-col-10\@n > .o-colspan-7:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-7\@n:not(.o-clear){width:70%;}
.o-flex .o-col-10\@n > .o-colspan-8:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-8\@n:not(.o-clear){width:80%;}
.o-flex .o-col-10\@n > .o-colspan-9:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-9\@n:not(.o-clear){width:90%;}
.o-flex .o-col-10\@n > .o-colspan-10:not(.o-clear),.o-flex .o-col-10\@n > .o-colspan-10\@n:not(.o-clear){width:100%;}

.o-flex .o-col-11\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-1\@n:not(.o-clear){width:9.090909090%;}
.o-flex .o-col-11\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-2\@n:not(.o-clear){width:18.181818181%;}
.o-flex .o-col-11\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-3\@n:not(.o-clear){width:27.272727272%;}
.o-flex .o-col-11\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-4\@n:not(.o-clear){width:36.363636363%;}
.o-flex .o-col-11\@n > .o-colspan-5:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-5\@n:not(.o-clear){width:45.454545454%;}
.o-flex .o-col-11\@n > .o-colspan-6:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-6\@n:not(.o-clear){width:54.545454545%;}
.o-flex .o-col-11\@n > .o-colspan-7:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-7\@n:not(.o-clear){width:63.636363636%;}
.o-flex .o-col-11\@n > .o-colspan-8:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-8\@n:not(.o-clear){width:72.727272727%;}
.o-flex .o-col-11\@n > .o-colspan-9:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-9\@n:not(.o-clear){width:81.818181818%;}
.o-flex .o-col-11\@n > .o-colspan-10:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-10\@n:not(.o-clear){width:90.909090991%;}
.o-flex .o-col-11\@n > .o-colspan-10:not(.o-clear),.o-flex .o-col-11\@n > .o-colspan-10\@n:not(.o-clear){width:100%;}

.o-flex .o-col-12\@n > .o-colspan-1:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-1\@n:not(.o-clear){width:8.333333333%;}
.o-flex .o-col-12\@n > .o-colspan-2:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-2\@n:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-12\@n > .o-colspan-3:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-3\@n:not(.o-clear){width:25%;}
.o-flex .o-col-12\@n > .o-colspan-4:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-4\@n:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-12\@n > .o-colspan-5:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-5\@n:not(.o-clear){width:41.666666666%;}
.o-flex .o-col-12\@n > .o-colspan-6:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-6\@n:not(.o-clear){width:50%;}
.o-flex .o-col-12\@n > .o-colspan-7:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-7\@n:not(.o-clear){width:58.333333333%;}
.o-flex .o-col-12\@n > .o-colspan-8:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-8\@n:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-12\@n > .o-colspan-9:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-9\@n:not(.o-clear){width:75%;}
.o-flex .o-col-12\@n > .o-colspan-10:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-10\@n:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-12\@n > .o-colspan-11:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-11\@n:not(.o-clear){width:91.666666666%;}
.o-flex .o-col-12\@n > .o-colspan-12:not(.o-clear),.o-flex .o-col-12\@n > .o-colspan-12\@n:not(.o-clear){width:100%;}


/* Large devices (desktops, less than 1200px) (lg)*/
@media (max-width: 1199px) {
.o-flex [class*="o-col-1"] > .o-colspan-1\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-2"] > .o-colspan-1\@lg:not(.o-clear){width:50%;}
.o-flex [class*="o-col-2"] > .o-colspan-2\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-3"] > .o-colspan-1\@lg:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-3"] > .o-colspan-2\@lg:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-3"] > .o-colspan-3\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-4"] > .o-colspan-1\@lg:not(.o-clear){width:25%;}
.o-flex [class*="o-col-4"] > .o-colspan-2\@lg:not(.o-clear){width:50%;}
.o-flex [class*="o-col-4"] > .o-colspan-3\@lg:not(.o-clear){width:75%;}
.o-flex [class*="o-col-4"] > .o-colspan-4\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-5"] > .o-colspan-1\@lg:not(.o-clear){width:20%;}
.o-flex [class*="o-col-5"] > .o-colspan-2\@lg:not(.o-clear){width:40%;}
.o-flex [class*="o-col-5"] > .o-colspan-3\@lg:not(.o-clear){width:60%;}
.o-flex [class*="o-col-5"] > .o-colspan-4\@lg:not(.o-clear){width:80%;}
.o-flex [class*="o-col-5"] > .o-colspan-5\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-6"] > .o-colspan-1\@lg:not(.o-clear){width:16.666666666%;}
.o-flex [class*="o-col-6"] > .o-colspan-2\@lg:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-6"] > .o-colspan-3\@lg:not(.o-clear){width:50%;}
.o-flex [class*="o-col-6"] > .o-colspan-4\@lg:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-6"] > .o-colspan-5\@lg:not(.o-clear){width:83.333333333%;}
.o-flex [class*="o-col-6"] > .o-colspan-6\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-7"] > .o-colspan-1\@lg:not(.o-clear){width:14.285714285%;}
.o-flex [class*="o-col-7"] > .o-colspan-2\@lg:not(.o-clear){width:28.571428571%;}
.o-flex [class*="o-col-7"] > .o-colspan-3\@lg:not(.o-clear){width:42.857142857%;}
.o-flex [class*="o-col-7"] > .o-colspan-4\@lg:not(.o-clear){width:57.142857142%;}
.o-flex [class*="o-col-7"] > .o-colspan-5\@lg:not(.o-clear){width:71.428571428%;}
.o-flex [class*="o-col-7"] > .o-colspan-6\@lg:not(.o-clear){width:85.714285714%;}
.o-flex [class*="o-col-7"] > .o-colspan-7\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-8"] > .o-colspan-1\@lg:not(.o-clear){width:12.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-2\@lg:not(.o-clear){width:25%;}
.o-flex [class*="o-col-8"] > .o-colspan-3\@lg:not(.o-clear){width:37.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-4\@lg:not(.o-clear){width:50%;}
.o-flex [class*="o-col-8"] > .o-colspan-5\@lg:not(.o-clear){width:62.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-6\@lg:not(.o-clear){width:85%;}
.o-flex [class*="o-col-8"] > .o-colspan-7\@lg:not(.o-clear){width:97.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-8\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-9"] > .o-colspan-1\@lg:not(.o-clear){width:11.111111111%;}
.o-flex [class*="o-col-9"] > .o-colspan-2\@lg:not(.o-clear){width:22.222222222%;}
.o-flex [class*="o-col-9"] > .o-colspan-3\@lg:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-9"] > .o-colspan-4\@lg:not(.o-clear){width:44.444444444%;}
.o-flex [class*="o-col-9"] > .o-colspan-5\@lg:not(.o-clear){width:55.555555555%;}
.o-flex [class*="o-col-9"] > .o-colspan-6\@lg:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-9"] > .o-colspan-7\@lg:not(.o-clear){width:77.777777777%;}
.o-flex [class*="o-col-9"] > .o-colspan-8\@lg:not(.o-clear){width:88.888888888%;}
.o-flex [class*="o-col-9"] > .o-colspan-9\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-10"] > .o-colspan-1\@lg:not(.o-clear){width:10%;}
.o-flex [class*="o-col-10"] > .o-colspan-2\@lg:not(.o-clear){width:20%;}
.o-flex [class*="o-col-10"] > .o-colspan-3\@lg:not(.o-clear){width:30%;}
.o-flex [class*="o-col-10"] > .o-colspan-4\@lg:not(.o-clear){width:40%;}
.o-flex [class*="o-col-10"] > .o-colspan-5\@lg:not(.o-clear){width:50%;}
.o-flex [class*="o-col-10"] > .o-colspan-6\@lg:not(.o-clear){width:60%;}
.o-flex [class*="o-col-10"] > .o-colspan-7\@lg:not(.o-clear){width:70%;}
.o-flex [class*="o-col-10"] > .o-colspan-8\@lg:not(.o-clear){width:80%;}
.o-flex [class*="o-col-10"] > .o-colspan-9\@lg:not(.o-clear){width:90%;}
.o-flex [class*="o-col-10"] > .o-colspan-10\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-11"] > .o-colspan-1\@lg:not(.o-clear){width:9.090909090%;}
.o-flex [class*="o-col-11"] > .o-colspan-2\@lg:not(.o-clear){width:18.181818181%;}
.o-flex [class*="o-col-11"] > .o-colspan-3\@lg:not(.o-clear){width:27.272727272%;}
.o-flex [class*="o-col-11"] > .o-colspan-4\@lg:not(.o-clear){width:36.363636363%;}
.o-flex [class*="o-col-11"] > .o-colspan-5\@lg:not(.o-clear){width:45.454545454%;}
.o-flex [class*="o-col-11"] > .o-colspan-6\@lg:not(.o-clear){width:54.545454545%;}
.o-flex [class*="o-col-11"] > .o-colspan-7\@lg:not(.o-clear){width:63.636363636%;}
.o-flex [class*="o-col-11"] > .o-colspan-8\@lg:not(.o-clear){width:72.727272727%;}
.o-flex [class*="o-col-11"] > .o-colspan-9\@lg:not(.o-clear){width:81.818181818%;}
.o-flex [class*="o-col-11"] > .o-colspan-10\@lg:not(.o-clear){width:90.909090991%;}
.o-flex [class*="o-col-11"] > .o-colspan-10\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-12"] > .o-colspan-1\@lg:not(.o-clear){width:8.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-2\@lg:not(.o-clear){width:16.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-3\@lg:not(.o-clear){width:25%;}
.o-flex [class*="o-col-12"] > .o-colspan-4\@lg:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-5\@lg:not(.o-clear){width:41.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-6\@lg:not(.o-clear){width:50%;}
.o-flex [class*="o-col-12"] > .o-colspan-7\@lg:not(.o-clear){width:58.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-8\@lg:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-9\@lg:not(.o-clear){width:75%;}
.o-flex [class*="o-col-12"] > .o-colspan-10\@lg:not(.o-clear){width:83.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-11\@lg:not(.o-clear){width:91.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-12\@lg:not(.o-clear){width:100%;}
.o-flex .o-col-1\@lg > .o-colspan-1\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-2\@lg > .o-colspan-1\@lg:not(.o-clear){width:50%;}
.o-flex .o-col-2\@lg > .o-colspan-2\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-3\@lg > .o-colspan-1\@lg:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-3\@lg > .o-colspan-2\@lg:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-3\@lg > .o-colspan-3\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-4\@lg > .o-colspan-1\@lg:not(.o-clear){width:25%;}
.o-flex .o-col-4\@lg > .o-colspan-2\@lg:not(.o-clear){width:50%;}
.o-flex .o-col-4\@lg > .o-colspan-3\@lg:not(.o-clear){width:75%;}
.o-flex .o-col-4\@lg > .o-colspan-4\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-5\@lg > .o-colspan-1\@lg:not(.o-clear){width:20%;}
.o-flex .o-col-5\@lg > .o-colspan-2\@lg:not(.o-clear){width:40%;}
.o-flex .o-col-5\@lg > .o-colspan-3\@lg:not(.o-clear){width:60%;}
.o-flex .o-col-5\@lg > .o-colspan-4\@lg:not(.o-clear){width:80%;}
.o-flex .o-col-5\@lg > .o-colspan-5\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-6\@lg > .o-colspan-1\@lg:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-6\@lg > .o-colspan-2\@lg:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-6\@lg > .o-colspan-3\@lg:not(.o-clear){width:50%;}
.o-flex .o-col-6\@lg > .o-colspan-4\@lg:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-6\@lg > .o-colspan-5\@lg:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-6\@lg > .o-colspan-6\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-7\@lg > .o-colspan-1\@lg:not(.o-clear){width:14.285714285%;}
.o-flex .o-col-7\@lg > .o-colspan-2\@lg:not(.o-clear){width:28.571428571%;}
.o-flex .o-col-7\@lg > .o-colspan-3\@lg:not(.o-clear){width:42.857142857%;}
.o-flex .o-col-7\@lg > .o-colspan-4\@lg:not(.o-clear){width:57.142857142%;}
.o-flex .o-col-7\@lg > .o-colspan-5\@lg:not(.o-clear){width:71.428571428%;}
.o-flex .o-col-7\@lg > .o-colspan-6\@lg:not(.o-clear){width:85.714285714%;}
.o-flex .o-col-7\@lg > .o-colspan-7\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-8\@lg > .o-colspan-1\@lg:not(.o-clear){width:12.5%;}
.o-flex .o-col-8\@lg > .o-colspan-2\@lg:not(.o-clear){width:25%;}
.o-flex .o-col-8\@lg > .o-colspan-3\@lg:not(.o-clear){width:37.5%;}
.o-flex .o-col-8\@lg > .o-colspan-4\@lg:not(.o-clear){width:50%;}
.o-flex .o-col-8\@lg > .o-colspan-5\@lg:not(.o-clear){width:62.5%;}
.o-flex .o-col-8\@lg > .o-colspan-6\@lg:not(.o-clear){width:85%;}
.o-flex .o-col-8\@lg > .o-colspan-7\@lg:not(.o-clear){width:97.5%;}
.o-flex .o-col-8\@lg > .o-colspan-8\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-9\@lg > .o-colspan-1\@lg:not(.o-clear){width:11.111111111%;}
.o-flex .o-col-9\@lg > .o-colspan-2\@lg:not(.o-clear){width:22.222222222%;}
.o-flex .o-col-9\@lg > .o-colspan-3\@lg:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-9\@lg > .o-colspan-4\@lg:not(.o-clear){width:44.444444444%;}
.o-flex .o-col-9\@lg > .o-colspan-5\@lg:not(.o-clear){width:55.555555555%;}
.o-flex .o-col-9\@lg > .o-colspan-6\@lg:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-9\@lg > .o-colspan-7\@lg:not(.o-clear){width:77.777777777%;}
.o-flex .o-col-9\@lg > .o-colspan-8\@lg:not(.o-clear){width:88.888888888%;}
.o-flex .o-col-9\@lg > .o-colspan-9\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-10\@lg > .o-colspan-1\@lg:not(.o-clear){width:10%;}
.o-flex .o-col-10\@lg > .o-colspan-2\@lg:not(.o-clear){width:20%;}
.o-flex .o-col-10\@lg > .o-colspan-3\@lg:not(.o-clear){width:30%;}
.o-flex .o-col-10\@lg > .o-colspan-4\@lg:not(.o-clear){width:40%;}
.o-flex .o-col-10\@lg > .o-colspan-5\@lg:not(.o-clear){width:50%;}
.o-flex .o-col-10\@lg > .o-colspan-6\@lg:not(.o-clear){width:60%;}
.o-flex .o-col-10\@lg > .o-colspan-7\@lg:not(.o-clear){width:70%;}
.o-flex .o-col-10\@lg > .o-colspan-8\@lg:not(.o-clear){width:80%;}
.o-flex .o-col-10\@lg > .o-colspan-9\@lg:not(.o-clear){width:90%;}
.o-flex .o-col-10\@lg > .o-colspan-10\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-11\@lg > .o-colspan-1\@lg:not(.o-clear){width:9.090909090%;}
.o-flex .o-col-11\@lg > .o-colspan-2\@lg:not(.o-clear){width:18.181818181%;}
.o-flex .o-col-11\@lg > .o-colspan-3\@lg:not(.o-clear){width:27.272727272%;}
.o-flex .o-col-11\@lg > .o-colspan-4\@lg:not(.o-clear){width:36.363636363%;}
.o-flex .o-col-11\@lg > .o-colspan-5\@lg:not(.o-clear){width:45.454545454%;}
.o-flex .o-col-11\@lg > .o-colspan-6\@lg:not(.o-clear){width:54.545454545%;}
.o-flex .o-col-11\@lg > .o-colspan-7\@lg:not(.o-clear){width:63.636363636%;}
.o-flex .o-col-11\@lg > .o-colspan-8\@lg:not(.o-clear){width:72.727272727%;}
.o-flex .o-col-11\@lg > .o-colspan-9\@lg:not(.o-clear){width:81.818181818%;}
.o-flex .o-col-11\@lg > .o-colspan-10\@lg:not(.o-clear){width:90.909090991%;}
.o-flex .o-col-11\@lg > .o-colspan-10\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-12\@lg > .o-colspan-1\@lg:not(.o-clear){width:8.333333333%;}
.o-flex .o-col-12\@lg > .o-colspan-2\@lg:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-12\@lg > .o-colspan-3\@lg:not(.o-clear){width:25%;}
.o-flex .o-col-12\@lg > .o-colspan-4\@lg:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-12\@lg > .o-colspan-5\@lg:not(.o-clear){width:41.666666666%;}
.o-flex .o-col-12\@lg > .o-colspan-6\@lg:not(.o-clear){width:50%;}
.o-flex .o-col-12\@lg > .o-colspan-7\@lg:not(.o-clear){width:58.333333333%;}
.o-flex .o-col-12\@lg > .o-colspan-8\@lg:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-12\@lg > .o-colspan-9\@lg:not(.o-clear){width:75%;}
.o-flex .o-col-12\@lg > .o-colspan-10\@lg:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-12\@lg > .o-colspan-11\@lg:not(.o-clear){width:91.666666666%;}
.o-flex .o-col-12\@lg > .o-colspan-12\@lg:not(.o-clear){width:100%;}
}

/* Medium devices (tablets, less than 992px) (md)*/
@media (max-width: 991px) {
.o-flex [class*="o-col-1"] > .o-colspan-1\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-2"] > .o-colspan-1\@md:not(.o-clear){width:50%;}
.o-flex [class*="o-col-2"] > .o-colspan-2\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-3"] > .o-colspan-1\@md:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-3"] > .o-colspan-2\@md:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-3"] > .o-colspan-3\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-4"] > .o-colspan-1\@md:not(.o-clear){width:25%;}
.o-flex [class*="o-col-4"] > .o-colspan-2\@md:not(.o-clear){width:50%;}
.o-flex [class*="o-col-4"] > .o-colspan-3\@md:not(.o-clear){width:75%;}
.o-flex [class*="o-col-4"] > .o-colspan-4\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-5"] > .o-colspan-1\@md:not(.o-clear){width:20%;}
.o-flex [class*="o-col-5"] > .o-colspan-2\@md:not(.o-clear){width:40%;}
.o-flex [class*="o-col-5"] > .o-colspan-3\@md:not(.o-clear){width:60%;}
.o-flex [class*="o-col-5"] > .o-colspan-4\@md:not(.o-clear){width:80%;}
.o-flex [class*="o-col-5"] > .o-colspan-5\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-6"] > .o-colspan-1\@md:not(.o-clear){width:16.666666666%;}
.o-flex [class*="o-col-6"] > .o-colspan-2\@md:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-6"] > .o-colspan-3\@md:not(.o-clear){width:50%;}
.o-flex [class*="o-col-6"] > .o-colspan-4\@md:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-6"] > .o-colspan-5\@md:not(.o-clear){width:83.333333333%;}
.o-flex [class*="o-col-6"] > .o-colspan-6\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-7"] > .o-colspan-1\@md:not(.o-clear){width:14.285714285%;}
.o-flex [class*="o-col-7"] > .o-colspan-2\@md:not(.o-clear){width:28.571428571%;}
.o-flex [class*="o-col-7"] > .o-colspan-3\@md:not(.o-clear){width:42.857142857%;}
.o-flex [class*="o-col-7"] > .o-colspan-4\@md:not(.o-clear){width:57.142857142%;}
.o-flex [class*="o-col-7"] > .o-colspan-5\@md:not(.o-clear){width:71.428571428%;}
.o-flex [class*="o-col-7"] > .o-colspan-6\@md:not(.o-clear){width:85.714285714%;}
.o-flex [class*="o-col-7"] > .o-colspan-7\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-8"] > .o-colspan-1\@md:not(.o-clear){width:12.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-2\@md:not(.o-clear){width:25%;}
.o-flex [class*="o-col-8"] > .o-colspan-3\@md:not(.o-clear){width:37.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-4\@md:not(.o-clear){width:50%;}
.o-flex [class*="o-col-8"] > .o-colspan-5\@md:not(.o-clear){width:62.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-6\@md:not(.o-clear){width:85%;}
.o-flex [class*="o-col-8"] > .o-colspan-7\@md:not(.o-clear){width:97.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-8\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-9"] > .o-colspan-1\@md:not(.o-clear){width:11.111111111%;}
.o-flex [class*="o-col-9"] > .o-colspan-2\@md:not(.o-clear){width:22.222222222%;}
.o-flex [class*="o-col-9"] > .o-colspan-3\@md:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-9"] > .o-colspan-4\@md:not(.o-clear){width:44.444444444%;}
.o-flex [class*="o-col-9"] > .o-colspan-5\@md:not(.o-clear){width:55.555555555%;}
.o-flex [class*="o-col-9"] > .o-colspan-6\@md:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-9"] > .o-colspan-7\@md:not(.o-clear){width:77.777777777%;}
.o-flex [class*="o-col-9"] > .o-colspan-8\@md:not(.o-clear){width:88.888888888%;}
.o-flex [class*="o-col-9"] > .o-colspan-9\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-10"] > .o-colspan-1\@md:not(.o-clear){width:10%;}
.o-flex [class*="o-col-10"] > .o-colspan-2\@md:not(.o-clear){width:20%;}
.o-flex [class*="o-col-10"] > .o-colspan-3\@md:not(.o-clear){width:30%;}
.o-flex [class*="o-col-10"] > .o-colspan-4\@md:not(.o-clear){width:40%;}
.o-flex [class*="o-col-10"] > .o-colspan-5\@md:not(.o-clear){width:50%;}
.o-flex [class*="o-col-10"] > .o-colspan-6\@md:not(.o-clear){width:60%;}
.o-flex [class*="o-col-10"] > .o-colspan-7\@md:not(.o-clear){width:70%;}
.o-flex [class*="o-col-10"] > .o-colspan-8\@md:not(.o-clear){width:80%;}
.o-flex [class*="o-col-10"] > .o-colspan-9\@md:not(.o-clear){width:90%;}
.o-flex [class*="o-col-10"] > .o-colspan-10\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-11"] > .o-colspan-1\@md:not(.o-clear){width:9.090909090%;}
.o-flex [class*="o-col-11"] > .o-colspan-2\@md:not(.o-clear){width:18.181818181%;}
.o-flex [class*="o-col-11"] > .o-colspan-3\@md:not(.o-clear){width:27.272727272%;}
.o-flex [class*="o-col-11"] > .o-colspan-4\@md:not(.o-clear){width:36.363636363%;}
.o-flex [class*="o-col-11"] > .o-colspan-5\@md:not(.o-clear){width:45.454545454%;}
.o-flex [class*="o-col-11"] > .o-colspan-6\@md:not(.o-clear){width:54.545454545%;}
.o-flex [class*="o-col-11"] > .o-colspan-7\@md:not(.o-clear){width:63.636363636%;}
.o-flex [class*="o-col-11"] > .o-colspan-8\@md:not(.o-clear){width:72.727272727%;}
.o-flex [class*="o-col-11"] > .o-colspan-9\@md:not(.o-clear){width:81.818181818%;}
.o-flex [class*="o-col-11"] > .o-colspan-10\@md:not(.o-clear){width:90.909090991%;}
.o-flex [class*="o-col-11"] > .o-colspan-10\@md:not(.o-clear){width:100%;}

.o-flex [class*="o-col-12"] > .o-colspan-1\@md:not(.o-clear){width:8.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-2\@md:not(.o-clear){width:16.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-3\@md:not(.o-clear){width:25%;}
.o-flex [class*="o-col-12"] > .o-colspan-4\@md:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-5\@md:not(.o-clear){width:41.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-6\@md:not(.o-clear){width:50%;}
.o-flex [class*="o-col-12"] > .o-colspan-7\@md:not(.o-clear){width:58.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-8\@md:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-9\@md:not(.o-clear){width:75%;}
.o-flex [class*="o-col-12"] > .o-colspan-10\@md:not(.o-clear){width:83.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-11\@md:not(.o-clear){width:91.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-12\@md:not(.o-clear){width:100%;}

.o-flex .o-col-1\@md > .o-colspan-1\@md:not(.o-clear){width:100%;}

.o-flex .o-col-2\@md > .o-colspan-1\@md:not(.o-clear){width:50%;}
.o-flex .o-col-2\@md > .o-colspan-2\@md:not(.o-clear){width:100%;}

.o-flex .o-col-3\@md > .o-colspan-1\@md:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-3\@md > .o-colspan-2\@md:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-3\@md > .o-colspan-3\@md:not(.o-clear){width:100%;}

.o-flex .o-col-4\@md > .o-colspan-1\@md:not(.o-clear){width:25%;}
.o-flex .o-col-4\@md > .o-colspan-2\@md:not(.o-clear){width:50%;}
.o-flex .o-col-4\@md > .o-colspan-3\@md:not(.o-clear){width:75%;}
.o-flex .o-col-4\@md > .o-colspan-4\@md:not(.o-clear){width:100%;}

.o-flex .o-col-5\@md > .o-colspan-1\@md:not(.o-clear){width:20%;}
.o-flex .o-col-5\@md > .o-colspan-2\@md:not(.o-clear){width:40%;}
.o-flex .o-col-5\@md > .o-colspan-3\@md:not(.o-clear){width:60%;}
.o-flex .o-col-5\@md > .o-colspan-4\@md:not(.o-clear){width:80%;}
.o-flex .o-col-5\@md > .o-colspan-5\@md:not(.o-clear){width:100%;}

.o-flex .o-col-6\@md > .o-colspan-1\@md:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-6\@md > .o-colspan-2\@md:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-6\@md > .o-colspan-3\@md:not(.o-clear){width:50%;}
.o-flex .o-col-6\@md > .o-colspan-4\@md:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-6\@md > .o-colspan-5\@md:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-6\@md > .o-colspan-6\@md:not(.o-clear){width:100%;}

.o-flex .o-col-7\@md > .o-colspan-1\@md:not(.o-clear){width:14.285714285%;}
.o-flex .o-col-7\@md > .o-colspan-2\@md:not(.o-clear){width:28.571428571%;}
.o-flex .o-col-7\@md > .o-colspan-3\@md:not(.o-clear){width:42.857142857%;}
.o-flex .o-col-7\@md > .o-colspan-4\@md:not(.o-clear){width:57.142857142%;}
.o-flex .o-col-7\@md > .o-colspan-5\@md:not(.o-clear){width:71.428571428%;}
.o-flex .o-col-7\@md > .o-colspan-6\@md:not(.o-clear){width:85.714285714%;}
.o-flex .o-col-7\@md > .o-colspan-7\@md:not(.o-clear){width:100%;}

.o-flex .o-col-8\@md > .o-colspan-1\@md:not(.o-clear){width:12.5%;}
.o-flex .o-col-8\@md > .o-colspan-2\@md:not(.o-clear){width:25%;}
.o-flex .o-col-8\@md > .o-colspan-3\@md:not(.o-clear){width:37.5%;}
.o-flex .o-col-8\@md > .o-colspan-4\@md:not(.o-clear){width:50%;}
.o-flex .o-col-8\@md > .o-colspan-5\@md:not(.o-clear){width:62.5%;}
.o-flex .o-col-8\@md > .o-colspan-6\@md:not(.o-clear){width:85%;}
.o-flex .o-col-8\@md > .o-colspan-7\@md:not(.o-clear){width:97.5%;}
.o-flex .o-col-8\@md > .o-colspan-8\@md:not(.o-clear){width:100%;}

.o-flex .o-col-9\@md > .o-colspan-1\@md:not(.o-clear){width:11.111111111%;}
.o-flex .o-col-9\@md > .o-colspan-2\@md:not(.o-clear){width:22.222222222%;}
.o-flex .o-col-9\@md > .o-colspan-3\@md:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-9\@md > .o-colspan-4\@md:not(.o-clear){width:44.444444444%;}
.o-flex .o-col-9\@md > .o-colspan-5\@md:not(.o-clear){width:55.555555555%;}
.o-flex .o-col-9\@md > .o-colspan-6\@md:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-9\@md > .o-colspan-7\@md:not(.o-clear){width:77.777777777%;}
.o-flex .o-col-9\@md > .o-colspan-8\@md:not(.o-clear){width:88.888888888%;}
.o-flex .o-col-9\@md > .o-colspan-9\@md:not(.o-clear){width:100%;}

.o-flex .o-col-10\@md > .o-colspan-1\@md:not(.o-clear){width:10%;}
.o-flex .o-col-10\@md > .o-colspan-2\@md:not(.o-clear){width:20%;}
.o-flex .o-col-10\@md > .o-colspan-3\@md:not(.o-clear){width:30%;}
.o-flex .o-col-10\@md > .o-colspan-4\@md:not(.o-clear){width:40%;}
.o-flex .o-col-10\@md > .o-colspan-5\@md:not(.o-clear){width:50%;}
.o-flex .o-col-10\@md > .o-colspan-6\@md:not(.o-clear){width:60%;}
.o-flex .o-col-10\@md > .o-colspan-7\@md:not(.o-clear){width:70%;}
.o-flex .o-col-10\@md > .o-colspan-8\@md:not(.o-clear){width:80%;}
.o-flex .o-col-10\@md > .o-colspan-9\@md:not(.o-clear){width:90%;}
.o-flex .o-col-10\@md > .o-colspan-10\@md:not(.o-clear){width:100%;}

.o-flex .o-col-11\@md > .o-colspan-1\@md:not(.o-clear){width:9.090909090%;}
.o-flex .o-col-11\@md > .o-colspan-2\@md:not(.o-clear){width:18.181818181%;}
.o-flex .o-col-11\@md > .o-colspan-3\@md:not(.o-clear){width:27.272727272%;}
.o-flex .o-col-11\@md > .o-colspan-4\@md:not(.o-clear){width:36.363636363%;}
.o-flex .o-col-11\@md > .o-colspan-5\@md:not(.o-clear){width:45.454545454%;}
.o-flex .o-col-11\@md > .o-colspan-6\@md:not(.o-clear){width:54.545454545%;}
.o-flex .o-col-11\@md > .o-colspan-7\@md:not(.o-clear){width:63.636363636%;}
.o-flex .o-col-11\@md > .o-colspan-8\@md:not(.o-clear){width:72.727272727%;}
.o-flex .o-col-11\@md > .o-colspan-9\@md:not(.o-clear){width:81.818181818%;}
.o-flex .o-col-11\@md > .o-colspan-10\@md:not(.o-clear){width:90.909090991%;}
.o-flex .o-col-11\@md > .o-colspan-10\@md:not(.o-clear){width:100%;}

.o-flex .o-col-12\@md > .o-colspan-1\@md:not(.o-clear){width:8.333333333%;}
.o-flex .o-col-12\@md > .o-colspan-2\@md:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-12\@md > .o-colspan-3\@md:not(.o-clear){width:25%;}
.o-flex .o-col-12\@md > .o-colspan-4\@md:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-12\@md > .o-colspan-5\@md:not(.o-clear){width:41.666666666%;}
.o-flex .o-col-12\@md > .o-colspan-6\@md:not(.o-clear){width:50%;}
.o-flex .o-col-12\@md > .o-colspan-7\@md:not(.o-clear){width:58.333333333%;}
.o-flex .o-col-12\@md > .o-colspan-8\@md:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-12\@md > .o-colspan-9\@md:not(.o-clear){width:75%;}
.o-flex .o-col-12\@md > .o-colspan-10\@md:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-12\@md > .o-colspan-11\@md:not(.o-clear){width:91.666666666%;}
.o-flex .o-col-12\@md > .o-colspan-12\@md:not(.o-clear){width:100%;}
}

/* Small devices (landscape phones, less than 768px) (sm)*/
@media (max-width: 767px) {
.o-flex [class*="o-col-1"] > .o-colspan-1\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-2"] > .o-colspan-1\@sm:not(.o-clear){width:50%;}
.o-flex [class*="o-col-2"] > .o-colspan-2\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-3"] > .o-colspan-1\@sm:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-3"] > .o-colspan-2\@sm:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-3"] > .o-colspan-3\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-4"] > .o-colspan-1\@sm:not(.o-clear){width:25%;}
.o-flex [class*="o-col-4"] > .o-colspan-2\@sm:not(.o-clear){width:50%;}
.o-flex [class*="o-col-4"] > .o-colspan-3\@sm:not(.o-clear){width:75%;}
.o-flex [class*="o-col-4"] > .o-colspan-4\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-5"] > .o-colspan-1\@sm:not(.o-clear){width:20%;}
.o-flex [class*="o-col-5"] > .o-colspan-2\@sm:not(.o-clear){width:40%;}
.o-flex [class*="o-col-5"] > .o-colspan-3\@sm:not(.o-clear){width:60%;}
.o-flex [class*="o-col-5"] > .o-colspan-4\@sm:not(.o-clear){width:80%;}
.o-flex [class*="o-col-5"] > .o-colspan-5\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-6"] > .o-colspan-1\@sm:not(.o-clear){width:16.666666666%;}
.o-flex [class*="o-col-6"] > .o-colspan-2\@sm:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-6"] > .o-colspan-3\@sm:not(.o-clear){width:50%;}
.o-flex [class*="o-col-6"] > .o-colspan-4\@sm:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-6"] > .o-colspan-5\@sm:not(.o-clear){width:83.333333333%;}
.o-flex [class*="o-col-6"] > .o-colspan-6\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-7"] > .o-colspan-1\@sm:not(.o-clear){width:14.285714285%;}
.o-flex [class*="o-col-7"] > .o-colspan-2\@sm:not(.o-clear){width:28.571428571%;}
.o-flex [class*="o-col-7"] > .o-colspan-3\@sm:not(.o-clear){width:42.857142857%;}
.o-flex [class*="o-col-7"] > .o-colspan-4\@sm:not(.o-clear){width:57.142857142%;}
.o-flex [class*="o-col-7"] > .o-colspan-5\@sm:not(.o-clear){width:71.428571428%;}
.o-flex [class*="o-col-7"] > .o-colspan-6\@sm:not(.o-clear){width:85.714285714%;}
.o-flex [class*="o-col-7"] > .o-colspan-7\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-8"] > .o-colspan-1\@sm:not(.o-clear){width:12.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-2\@sm:not(.o-clear){width:25%;}
.o-flex [class*="o-col-8"] > .o-colspan-3\@sm:not(.o-clear){width:37.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-4\@sm:not(.o-clear){width:50%;}
.o-flex [class*="o-col-8"] > .o-colspan-5\@sm:not(.o-clear){width:62.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-6\@sm:not(.o-clear){width:85%;}
.o-flex [class*="o-col-8"] > .o-colspan-7\@sm:not(.o-clear){width:97.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-8\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-9"] > .o-colspan-1\@sm:not(.o-clear){width:11.111111111%;}
.o-flex [class*="o-col-9"] > .o-colspan-2\@sm:not(.o-clear){width:22.222222222%;}
.o-flex [class*="o-col-9"] > .o-colspan-3\@sm:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-9"] > .o-colspan-4\@sm:not(.o-clear){width:44.444444444%;}
.o-flex [class*="o-col-9"] > .o-colspan-5\@sm:not(.o-clear){width:55.555555555%;}
.o-flex [class*="o-col-9"] > .o-colspan-6\@sm:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-9"] > .o-colspan-7\@sm:not(.o-clear){width:77.777777777%;}
.o-flex [class*="o-col-9"] > .o-colspan-8\@sm:not(.o-clear){width:88.888888888%;}
.o-flex [class*="o-col-9"] > .o-colspan-9\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-10"] > .o-colspan-1\@sm:not(.o-clear){width:10%;}
.o-flex [class*="o-col-10"] > .o-colspan-2\@sm:not(.o-clear){width:20%;}
.o-flex [class*="o-col-10"] > .o-colspan-3\@sm:not(.o-clear){width:30%;}
.o-flex [class*="o-col-10"] > .o-colspan-4\@sm:not(.o-clear){width:40%;}
.o-flex [class*="o-col-10"] > .o-colspan-5\@sm:not(.o-clear){width:50%;}
.o-flex [class*="o-col-10"] > .o-colspan-6\@sm:not(.o-clear){width:60%;}
.o-flex [class*="o-col-10"] > .o-colspan-7\@sm:not(.o-clear){width:70%;}
.o-flex [class*="o-col-10"] > .o-colspan-8\@sm:not(.o-clear){width:80%;}
.o-flex [class*="o-col-10"] > .o-colspan-9\@sm:not(.o-clear){width:90%;}
.o-flex [class*="o-col-10"] > .o-colspan-10\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-11"] > .o-colspan-1\@sm:not(.o-clear){width:9.090909090%;}
.o-flex [class*="o-col-11"] > .o-colspan-2\@sm:not(.o-clear){width:18.181818181%;}
.o-flex [class*="o-col-11"] > .o-colspan-3\@sm:not(.o-clear){width:27.272727272%;}
.o-flex [class*="o-col-11"] > .o-colspan-4\@sm:not(.o-clear){width:36.363636363%;}
.o-flex [class*="o-col-11"] > .o-colspan-5\@sm:not(.o-clear){width:45.454545454%;}
.o-flex [class*="o-col-11"] > .o-colspan-6\@sm:not(.o-clear){width:54.545454545%;}
.o-flex [class*="o-col-11"] > .o-colspan-7\@sm:not(.o-clear){width:63.636363636%;}
.o-flex [class*="o-col-11"] > .o-colspan-8\@sm:not(.o-clear){width:72.727272727%;}
.o-flex [class*="o-col-11"] > .o-colspan-9\@sm:not(.o-clear){width:81.818181818%;}
.o-flex [class*="o-col-11"] > .o-colspan-10\@sm:not(.o-clear){width:90.909090991%;}
.o-flex [class*="o-col-11"] > .o-colspan-10\@sm:not(.o-clear){width:100%;}

.o-flex [class*="o-col-12"] > .o-colspan-1\@sm:not(.o-clear){width:8.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-2\@sm:not(.o-clear){width:16.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-3\@sm:not(.o-clear){width:25%;}
.o-flex [class*="o-col-12"] > .o-colspan-4\@sm:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-5\@sm:not(.o-clear){width:41.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-6\@sm:not(.o-clear){width:50%;}
.o-flex [class*="o-col-12"] > .o-colspan-7\@sm:not(.o-clear){width:58.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-8\@sm:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-9\@sm:not(.o-clear){width:75%;}
.o-flex [class*="o-col-12"] > .o-colspan-10\@sm:not(.o-clear){width:83.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-11\@sm:not(.o-clear){width:91.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-12\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-1\@sm > .o-colspan-1\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-2\@sm > .o-colspan-1\@sm:not(.o-clear){width:50%;}
.o-flex .o-col-2\@sm > .o-colspan-2\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-3\@sm > .o-colspan-1\@sm:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-3\@sm > .o-colspan-2\@sm:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-3\@sm > .o-colspan-3\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-4\@sm > .o-colspan-1\@sm:not(.o-clear){width:25%;}
.o-flex .o-col-4\@sm > .o-colspan-2\@sm:not(.o-clear){width:50%;}
.o-flex .o-col-4\@sm > .o-colspan-3\@sm:not(.o-clear){width:75%;}
.o-flex .o-col-4\@sm > .o-colspan-4\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-5\@sm > .o-colspan-1\@sm:not(.o-clear){width:20%;}
.o-flex .o-col-5\@sm > .o-colspan-2\@sm:not(.o-clear){width:40%;}
.o-flex .o-col-5\@sm > .o-colspan-3\@sm:not(.o-clear){width:60%;}
.o-flex .o-col-5\@sm > .o-colspan-4\@sm:not(.o-clear){width:80%;}
.o-flex .o-col-5\@sm > .o-colspan-5\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-6\@sm > .o-colspan-1\@sm:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-6\@sm > .o-colspan-2\@sm:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-6\@sm > .o-colspan-3\@sm:not(.o-clear){width:50%;}
.o-flex .o-col-6\@sm > .o-colspan-4\@sm:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-6\@sm > .o-colspan-5\@sm:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-6\@sm > .o-colspan-6\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-7\@sm > .o-colspan-1\@sm:not(.o-clear){width:14.285714285%;}
.o-flex .o-col-7\@sm > .o-colspan-2\@sm:not(.o-clear){width:28.571428571%;}
.o-flex .o-col-7\@sm > .o-colspan-3\@sm:not(.o-clear){width:42.857142857%;}
.o-flex .o-col-7\@sm > .o-colspan-4\@sm:not(.o-clear){width:57.142857142%;}
.o-flex .o-col-7\@sm > .o-colspan-5\@sm:not(.o-clear){width:71.428571428%;}
.o-flex .o-col-7\@sm > .o-colspan-6\@sm:not(.o-clear){width:85.714285714%;}
.o-flex .o-col-7\@sm > .o-colspan-7\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-8\@sm > .o-colspan-1\@sm:not(.o-clear){width:12.5%;}
.o-flex .o-col-8\@sm > .o-colspan-2\@sm:not(.o-clear){width:25%;}
.o-flex .o-col-8\@sm > .o-colspan-3\@sm:not(.o-clear){width:37.5%;}
.o-flex .o-col-8\@sm > .o-colspan-4\@sm:not(.o-clear){width:50%;}
.o-flex .o-col-8\@sm > .o-colspan-5\@sm:not(.o-clear){width:62.5%;}
.o-flex .o-col-8\@sm > .o-colspan-6\@sm:not(.o-clear){width:85%;}
.o-flex .o-col-8\@sm > .o-colspan-7\@sm:not(.o-clear){width:97.5%;}
.o-flex .o-col-8\@sm > .o-colspan-8\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-9\@sm > .o-colspan-1\@sm:not(.o-clear){width:11.111111111%;}
.o-flex .o-col-9\@sm > .o-colspan-2\@sm:not(.o-clear){width:22.222222222%;}
.o-flex .o-col-9\@sm > .o-colspan-3\@sm:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-9\@sm > .o-colspan-4\@sm:not(.o-clear){width:44.444444444%;}
.o-flex .o-col-9\@sm > .o-colspan-5\@sm:not(.o-clear){width:55.555555555%;}
.o-flex .o-col-9\@sm > .o-colspan-6\@sm:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-9\@sm > .o-colspan-7\@sm:not(.o-clear){width:77.777777777%;}
.o-flex .o-col-9\@sm > .o-colspan-8\@sm:not(.o-clear){width:88.888888888%;}
.o-flex .o-col-9\@sm > .o-colspan-9\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-10\@sm > .o-colspan-1\@sm:not(.o-clear){width:10%;}
.o-flex .o-col-10\@sm > .o-colspan-2\@sm:not(.o-clear){width:20%;}
.o-flex .o-col-10\@sm > .o-colspan-3\@sm:not(.o-clear){width:30%;}
.o-flex .o-col-10\@sm > .o-colspan-4\@sm:not(.o-clear){width:40%;}
.o-flex .o-col-10\@sm > .o-colspan-5\@sm:not(.o-clear){width:50%;}
.o-flex .o-col-10\@sm > .o-colspan-6\@sm:not(.o-clear){width:60%;}
.o-flex .o-col-10\@sm > .o-colspan-7\@sm:not(.o-clear){width:70%;}
.o-flex .o-col-10\@sm > .o-colspan-8\@sm:not(.o-clear){width:80%;}
.o-flex .o-col-10\@sm > .o-colspan-9\@sm:not(.o-clear){width:90%;}
.o-flex .o-col-10\@sm > .o-colspan-10\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-11\@sm > .o-colspan-1\@sm:not(.o-clear){width:9.090909090%;}
.o-flex .o-col-11\@sm > .o-colspan-2\@sm:not(.o-clear){width:18.181818181%;}
.o-flex .o-col-11\@sm > .o-colspan-3\@sm:not(.o-clear){width:27.272727272%;}
.o-flex .o-col-11\@sm > .o-colspan-4\@sm:not(.o-clear){width:36.363636363%;}
.o-flex .o-col-11\@sm > .o-colspan-5\@sm:not(.o-clear){width:45.454545454%;}
.o-flex .o-col-11\@sm > .o-colspan-6\@sm:not(.o-clear){width:54.545454545%;}
.o-flex .o-col-11\@sm > .o-colspan-7\@sm:not(.o-clear){width:63.636363636%;}
.o-flex .o-col-11\@sm > .o-colspan-8\@sm:not(.o-clear){width:72.727272727%;}
.o-flex .o-col-11\@sm > .o-colspan-9\@sm:not(.o-clear){width:81.818181818%;}
.o-flex .o-col-11\@sm > .o-colspan-10\@sm:not(.o-clear){width:90.909090991%;}
.o-flex .o-col-11\@sm > .o-colspan-10\@sm:not(.o-clear){width:100%;}

.o-flex .o-col-12\@sm > .o-colspan-1\@sm:not(.o-clear){width:8.333333333%;}
.o-flex .o-col-12\@sm > .o-colspan-2\@sm:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-12\@sm > .o-colspan-3\@sm:not(.o-clear){width:25%;}
.o-flex .o-col-12\@sm > .o-colspan-4\@sm:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-12\@sm > .o-colspan-5\@sm:not(.o-clear){width:41.666666666%;}
.o-flex .o-col-12\@sm > .o-colspan-6\@sm:not(.o-clear){width:50%;}
.o-flex .o-col-12\@sm > .o-colspan-7\@sm:not(.o-clear){width:58.333333333%;}
.o-flex .o-col-12\@sm > .o-colspan-8\@sm:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-12\@sm > .o-colspan-9\@sm:not(.o-clear){width:75%;}
.o-flex .o-col-12\@sm > .o-colspan-10\@sm:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-12\@sm > .o-colspan-11\@sm:not(.o-clear){width:91.666666666%;}
.o-flex .o-col-12\@sm > .o-colspan-12\@sm:not(.o-clear){width:100%;}
}

/* Extra small devices (portrait phones, less than 533px) (xs)*/
@media (max-width: 532px) {
.o-flex [class*="o-col-1"] > .o-colspan-1\@lg:not(.o-clear){width:100%;}

.o-flex [class*="o-col-2"] > .o-colspan-1\@xs:not(.o-clear){width:50%;}
.o-flex [class*="o-col-2"] > .o-colspan-2\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-3"] > .o-colspan-1\@xs:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-3"] > .o-colspan-2\@xs:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-3"] > .o-colspan-3\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-4"] > .o-colspan-1\@xs:not(.o-clear){width:25%;}
.o-flex [class*="o-col-4"] > .o-colspan-2\@xs:not(.o-clear){width:50%;}
.o-flex [class*="o-col-4"] > .o-colspan-3\@xs:not(.o-clear){width:75%;}
.o-flex [class*="o-col-4"] > .o-colspan-4\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-5"] > .o-colspan-1\@xs:not(.o-clear){width:20%;}
.o-flex [class*="o-col-5"] > .o-colspan-2\@xs:not(.o-clear){width:40%;}
.o-flex [class*="o-col-5"] > .o-colspan-3\@xs:not(.o-clear){width:60%;}
.o-flex [class*="o-col-5"] > .o-colspan-4\@xs:not(.o-clear){width:80%;}
.o-flex [class*="o-col-5"] > .o-colspan-5\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-6"] > .o-colspan-1\@xs:not(.o-clear){width:16.666666666%;}
.o-flex [class*="o-col-6"] > .o-colspan-2\@xs:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-6"] > .o-colspan-3\@xs:not(.o-clear){width:50%;}
.o-flex [class*="o-col-6"] > .o-colspan-4\@xs:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-6"] > .o-colspan-5\@xs:not(.o-clear){width:83.333333333%;}
.o-flex [class*="o-col-6"] > .o-colspan-6\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-7"] > .o-colspan-1\@xs:not(.o-clear){width:14.285714285%;}
.o-flex [class*="o-col-7"] > .o-colspan-2\@xs:not(.o-clear){width:28.571428571%;}
.o-flex [class*="o-col-7"] > .o-colspan-3\@xs:not(.o-clear){width:42.857142857%;}
.o-flex [class*="o-col-7"] > .o-colspan-4\@xs:not(.o-clear){width:57.142857142%;}
.o-flex [class*="o-col-7"] > .o-colspan-5\@xs:not(.o-clear){width:71.428571428%;}
.o-flex [class*="o-col-7"] > .o-colspan-6\@xs:not(.o-clear){width:85.714285714%;}
.o-flex [class*="o-col-7"] > .o-colspan-7\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-8"] > .o-colspan-1\@xs:not(.o-clear){width:12.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-2\@xs:not(.o-clear){width:25%;}
.o-flex [class*="o-col-8"] > .o-colspan-3\@xs:not(.o-clear){width:37.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-4\@xs:not(.o-clear){width:50%;}
.o-flex [class*="o-col-8"] > .o-colspan-5\@xs:not(.o-clear){width:62.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-6\@xs:not(.o-clear){width:85%;}
.o-flex [class*="o-col-8"] > .o-colspan-7\@xs:not(.o-clear){width:97.5%;}
.o-flex [class*="o-col-8"] > .o-colspan-8\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-9"] > .o-colspan-1\@xs:not(.o-clear){width:11.111111111%;}
.o-flex [class*="o-col-9"] > .o-colspan-2\@xs:not(.o-clear){width:22.222222222%;}
.o-flex [class*="o-col-9"] > .o-colspan-3\@xs:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-9"] > .o-colspan-4\@xs:not(.o-clear){width:44.444444444%;}
.o-flex [class*="o-col-9"] > .o-colspan-5\@xs:not(.o-clear){width:55.555555555%;}
.o-flex [class*="o-col-9"] > .o-colspan-6\@xs:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-9"] > .o-colspan-7\@xs:not(.o-clear){width:77.777777777%;}
.o-flex [class*="o-col-9"] > .o-colspan-8\@xs:not(.o-clear){width:88.888888888%;}
.o-flex [class*="o-col-9"] > .o-colspan-9\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-10"] > .o-colspan-1\@xs:not(.o-clear){width:10%;}
.o-flex [class*="o-col-10"] > .o-colspan-2\@xs:not(.o-clear){width:20%;}
.o-flex [class*="o-col-10"] > .o-colspan-3\@xs:not(.o-clear){width:30%;}
.o-flex [class*="o-col-10"] > .o-colspan-4\@xs:not(.o-clear){width:40%;}
.o-flex [class*="o-col-10"] > .o-colspan-5\@xs:not(.o-clear){width:50%;}
.o-flex [class*="o-col-10"] > .o-colspan-6\@xs:not(.o-clear){width:60%;}
.o-flex [class*="o-col-10"] > .o-colspan-7\@xs:not(.o-clear){width:70%;}
.o-flex [class*="o-col-10"] > .o-colspan-8\@xs:not(.o-clear){width:80%;}
.o-flex [class*="o-col-10"] > .o-colspan-9\@xs:not(.o-clear){width:90%;}
.o-flex [class*="o-col-10"] > .o-colspan-10\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-11"] > .o-colspan-1\@xs:not(.o-clear){width:9.090909090%;}
.o-flex [class*="o-col-11"] > .o-colspan-2\@xs:not(.o-clear){width:18.181818181%;}
.o-flex [class*="o-col-11"] > .o-colspan-3\@xs:not(.o-clear){width:27.272727272%;}
.o-flex [class*="o-col-11"] > .o-colspan-4\@xs:not(.o-clear){width:36.363636363%;}
.o-flex [class*="o-col-11"] > .o-colspan-5\@xs:not(.o-clear){width:45.454545454%;}
.o-flex [class*="o-col-11"] > .o-colspan-6\@xs:not(.o-clear){width:54.545454545%;}
.o-flex [class*="o-col-11"] > .o-colspan-7\@xs:not(.o-clear){width:63.636363636%;}
.o-flex [class*="o-col-11"] > .o-colspan-8\@xs:not(.o-clear){width:72.727272727%;}
.o-flex [class*="o-col-11"] > .o-colspan-9\@xs:not(.o-clear){width:81.818181818%;}
.o-flex [class*="o-col-11"] > .o-colspan-10\@xs:not(.o-clear){width:90.909090991%;}
.o-flex [class*="o-col-11"] > .o-colspan-10\@xs:not(.o-clear){width:100%;}

.o-flex [class*="o-col-12"] > .o-colspan-1\@xs:not(.o-clear){width:8.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-2\@xs:not(.o-clear){width:16.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-3\@xs:not(.o-clear){width:25%;}
.o-flex [class*="o-col-12"] > .o-colspan-4\@xs:not(.o-clear){width:33.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-5\@xs:not(.o-clear){width:41.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-6\@xs:not(.o-clear){width:50%;}
.o-flex [class*="o-col-12"] > .o-colspan-7\@xs:not(.o-clear){width:58.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-8\@xs:not(.o-clear){width:66.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-9\@xs:not(.o-clear){width:75%;}
.o-flex [class*="o-col-12"] > .o-colspan-10\@xs:not(.o-clear){width:83.333333333%;}
.o-flex [class*="o-col-12"] > .o-colspan-11\@xs:not(.o-clear){width:91.666666666%;}
.o-flex [class*="o-col-12"] > .o-colspan-12\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-1\@xs > .o-colspan-1\@lg:not(.o-clear){width:100%;}

.o-flex .o-col-2\@xs > .o-colspan-1\@xs:not(.o-clear){width:50%;}
.o-flex .o-col-2\@xs > .o-colspan-2\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-3\@xs > .o-colspan-1\@xs:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-3\@xs > .o-colspan-2\@xs:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-3\@xs > .o-colspan-3\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-4\@xs > .o-colspan-1\@xs:not(.o-clear){width:25%;}
.o-flex .o-col-4\@xs > .o-colspan-2\@xs:not(.o-clear){width:50%;}
.o-flex .o-col-4\@xs > .o-colspan-3\@xs:not(.o-clear){width:75%;}
.o-flex .o-col-4\@xs > .o-colspan-4\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-5\@xs > .o-colspan-1\@xs:not(.o-clear){width:20%;}
.o-flex .o-col-5\@xs > .o-colspan-2\@xs:not(.o-clear){width:40%;}
.o-flex .o-col-5\@xs > .o-colspan-3\@xs:not(.o-clear){width:60%;}
.o-flex .o-col-5\@xs > .o-colspan-4\@xs:not(.o-clear){width:80%;}
.o-flex .o-col-5\@xs > .o-colspan-5\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-6\@xs > .o-colspan-1\@xs:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-6\@xs > .o-colspan-2\@xs:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-6\@xs > .o-colspan-3\@xs:not(.o-clear){width:50%;}
.o-flex .o-col-6\@xs > .o-colspan-4\@xs:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-6\@xs > .o-colspan-5\@xs:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-6\@xs > .o-colspan-6\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-7\@xs > .o-colspan-1\@xs:not(.o-clear){width:14.285714285%;}
.o-flex .o-col-7\@xs > .o-colspan-2\@xs:not(.o-clear){width:28.571428571%;}
.o-flex .o-col-7\@xs > .o-colspan-3\@xs:not(.o-clear){width:42.857142857%;}
.o-flex .o-col-7\@xs > .o-colspan-4\@xs:not(.o-clear){width:57.142857142%;}
.o-flex .o-col-7\@xs > .o-colspan-5\@xs:not(.o-clear){width:71.428571428%;}
.o-flex .o-col-7\@xs > .o-colspan-6\@xs:not(.o-clear){width:85.714285714%;}
.o-flex .o-col-7\@xs > .o-colspan-7\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-8\@xs > .o-colspan-1\@xs:not(.o-clear){width:12.5%;}
.o-flex .o-col-8\@xs > .o-colspan-2\@xs:not(.o-clear){width:25%;}
.o-flex .o-col-8\@xs > .o-colspan-3\@xs:not(.o-clear){width:37.5%;}
.o-flex .o-col-8\@xs > .o-colspan-4\@xs:not(.o-clear){width:50%;}
.o-flex .o-col-8\@xs > .o-colspan-5\@xs:not(.o-clear){width:62.5%;}
.o-flex .o-col-8\@xs > .o-colspan-6\@xs:not(.o-clear){width:85%;}
.o-flex .o-col-8\@xs > .o-colspan-7\@xs:not(.o-clear){width:97.5%;}
.o-flex .o-col-8\@xs > .o-colspan-8\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-9\@xs > .o-colspan-1\@xs:not(.o-clear){width:11.111111111%;}
.o-flex .o-col-9\@xs > .o-colspan-2\@xs:not(.o-clear){width:22.222222222%;}
.o-flex .o-col-9\@xs > .o-colspan-3\@xs:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-9\@xs > .o-colspan-4\@xs:not(.o-clear){width:44.444444444%;}
.o-flex .o-col-9\@xs > .o-colspan-5\@xs:not(.o-clear){width:55.555555555%;}
.o-flex .o-col-9\@xs > .o-colspan-6\@xs:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-9\@xs > .o-colspan-7\@xs:not(.o-clear){width:77.777777777%;}
.o-flex .o-col-9\@xs > .o-colspan-8\@xs:not(.o-clear){width:88.888888888%;}
.o-flex .o-col-9\@xs > .o-colspan-9\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-10\@xs > .o-colspan-1\@xs:not(.o-clear){width:10%;}
.o-flex .o-col-10\@xs > .o-colspan-2\@xs:not(.o-clear){width:20%;}
.o-flex .o-col-10\@xs > .o-colspan-3\@xs:not(.o-clear){width:30%;}
.o-flex .o-col-10\@xs > .o-colspan-4\@xs:not(.o-clear){width:40%;}
.o-flex .o-col-10\@xs > .o-colspan-5\@xs:not(.o-clear){width:50%;}
.o-flex .o-col-10\@xs > .o-colspan-6\@xs:not(.o-clear){width:60%;}
.o-flex .o-col-10\@xs > .o-colspan-7\@xs:not(.o-clear){width:70%;}
.o-flex .o-col-10\@xs > .o-colspan-8\@xs:not(.o-clear){width:80%;}
.o-flex .o-col-10\@xs > .o-colspan-9\@xs:not(.o-clear){width:90%;}
.o-flex .o-col-10\@xs > .o-colspan-10\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-11\@xs > .o-colspan-1\@xs:not(.o-clear){width:9.090909090%;}
.o-flex .o-col-11\@xs > .o-colspan-2\@xs:not(.o-clear){width:18.181818181%;}
.o-flex .o-col-11\@xs > .o-colspan-3\@xs:not(.o-clear){width:27.272727272%;}
.o-flex .o-col-11\@xs > .o-colspan-4\@xs:not(.o-clear){width:36.363636363%;}
.o-flex .o-col-11\@xs > .o-colspan-5\@xs:not(.o-clear){width:45.454545454%;}
.o-flex .o-col-11\@xs > .o-colspan-6\@xs:not(.o-clear){width:54.545454545%;}
.o-flex .o-col-11\@xs > .o-colspan-7\@xs:not(.o-clear){width:63.636363636%;}
.o-flex .o-col-11\@xs > .o-colspan-8\@xs:not(.o-clear){width:72.727272727%;}
.o-flex .o-col-11\@xs > .o-colspan-9\@xs:not(.o-clear){width:81.818181818%;}
.o-flex .o-col-11\@xs > .o-colspan-10\@xs:not(.o-clear){width:90.909090991%;}
.o-flex .o-col-11\@xs > .o-colspan-10\@xs:not(.o-clear){width:100%;}

.o-flex .o-col-12\@xs > .o-colspan-1\@xs:not(.o-clear){width:8.333333333%;}
.o-flex .o-col-12\@xs > .o-colspan-2\@xs:not(.o-clear){width:16.666666666%;}
.o-flex .o-col-12\@xs > .o-colspan-3\@xs:not(.o-clear){width:25%;}
.o-flex .o-col-12\@xs > .o-colspan-4\@xs:not(.o-clear){width:33.333333333%;}
.o-flex .o-col-12\@xs > .o-colspan-5\@xs:not(.o-clear){width:41.666666666%;}
.o-flex .o-col-12\@xs > .o-colspan-6\@xs:not(.o-clear){width:50%;}
.o-flex .o-col-12\@xs > .o-colspan-7\@xs:not(.o-clear){width:58.333333333%;}
.o-flex .o-col-12\@xs > .o-colspan-8\@xs:not(.o-clear){width:66.666666666%;}
.o-flex .o-col-12\@xs > .o-colspan-9\@xs:not(.o-clear){width:75%;}
.o-flex .o-col-12\@xs > .o-colspan-10\@xs:not(.o-clear){width:83.333333333%;}
.o-flex .o-col-12\@xs > .o-colspan-11\@xs:not(.o-clear){width:91.666666666%;}
.o-flex .o-col-12\@xs > .o-colspan-12\@xs:not(.o-clear){width:100%;}
}


.o-flex [class*="o-col-"] > .o-colspan-full:not(.o-clear),.o-flex [class*="o-col-"] > .o-colspan-full\@n:not(.o-clear){width:100%;}

.o-grow {flex-grow: 1;}