/*******************************************************************************************************************************************
 *******************************************************************************************************************************************

 ######   ########  #### ########   ######  
##    ##  ##     ##  ##  ##     ## ##    ## 
##        ##     ##  ##  ##     ## ##       
##   #### ########   ##  ##     ##  ######  
##    ##  ##   ##    ##  ##     ##       ## 
##    ##  ##    ##   ##  ##     ## ##    ## 
 ######   ##     ## #### ########   ######  

*******************************************************************************************************************************************
**************************** see http://www.dev.equideow.com/doc/bow for more details *****************************************************
*******************************************************************************************************************************************
*******************************************************************************************************************************************/

/* ROW ************************************************************************************************************************************
 ******************************************************************************************************************************************/
.row{
	display: flex;
    display: -ms-flexbox;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	line-height: 1.5;
}
.row [class*="row__cell"]:first-of-type:last-of-type{
	padding-left: inherit;
	padding-right: inherit;
}
.row--reverse{
	flex-direction: row-reverse;
	-ms-flex-wrap: wrap-reverse;
}
.row--center,
.row--center.grid > .row{
	align-items: center;
}
.row--baseline,
.row--baseline.grid >.row{
	align-items: baseline;
}
.row--bottom,
.row--bottom.grid > .row{
	align-items: flex-end;
}

/* ROW__CELL ******************************************************************************************************************************
 ******************************************************************************************************************************************/

.row__cell,
[class*="row__cell"]{
	flex-grow: 1;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;	
}

/* ROW_CELL LTR<->RTL *********************************************************************************************************************
 ******************************************************************************************************************************************/

.body--ltr .row [class*="row__cell"]:first-of-type,
.body--rtl .row [class*="row__cell"]:last-of-type{
	padding-left: inherit;
}
.body--ltr .row [class*="row__cell"]:last-of-type,
.body--rtl .row [class*="row__cell"]:first-of-type{
	padding-right: inherit;
}

/* CELL SIZES *****************************************************************************************************************************
 ******************************************************************************************************************************************/

.row__cell--1{
	flex-basis: 70px;
	width: 70px;
	max-width: 70px;
}
.row__cell--2{
	flex-basis: 170px;
	width: 170px;
	max-width: 170px;
}
.row__cell--3{
	flex-basis: 270px;
	width: 270px;
	max-width: 270px;
}
.row__cell--4{
	flex-basis: 370px;
	width: 370px;
	max-width: 370px;
}
.row__cell--5{
	flex-basis: 210px;
	width: 210px;
	max-width: 210px;
}
.row__cell--6{
	flex-basis: 570px;
	width: 570px;
	max-width: 570px;
}
.row__cell--8{
	flex-basis: 770px;
	width: 770px;
	max-width: 770px;
}
.row__cell--9{
	flex-basis: 870px;
	width: 870px;
	max-width: 870px;
}
.row__cell--12{
	flex-basis: 1170px;
	width: 1170px;
	max-width: 1170px;
}

/* CELL SIZES (TILES : HOMEPAGE + SUBFOOTER ***********************************************************************************************
 ******************************************************************************************************************************************/

.row__cell--tiles{
	max-width: 770px;
	padding-top: 0;
	width: 770px;
}
.row__cell--tile{
	height: 230px;
	max-width: 370px;
	width: 370px;
}
.row__cell--block{
	max-width: 370px;
	position: relative;
	width: 370px;
}