/*  ################################################# */
/*  min
/*  ################################################# */


.__________________________basic{}

	body,p,h1,h2,h3,h4,h5,h6
	{
		margin:0;
		padding:0;
		position:relative;
	}


	h1:first-child,
	h2:first-child,
	h3:first-child,
	h4:first-child,
	h5:first-child,
	h6:first-child,
	p:first-child
	{
		padding-top:0;
	}



	body {
		font-family: var(--p-font);
		font-weight: var(--p-font-weight);
		font-size: var(--p-font-size);
		line-height:var(--p-line-height);
	}
	p {
		font-family: var(--p-font);
		font-weight: var(--p-font-weight);
		font-size: var(--p-font-size);
		line-height:var(--p-line-height);
		padding-top:var(--xs);
	}
	h1 {
		font-family: var(--h1-font);
		font-weight: var(--h1-font-weight);
		font-size: var(--h1-font-size);
		line-height:var(--h1-line-height);
		padding-top:var(--sm);
	}
	h2 {
		font-family: var(--h2-font);
		font-weight: var(--h2-font-weight);
		font-size: var(--h2-font-size);
		line-height:var(--h2-line-height);
		padding-top:var(--sm);
	}
	h3 {
		font-family: var(--h3-font);
		font-weight: var(--h3-font-weight);
		font-size: var(--h3-font-size);
		line-height:var(--h3-line-height);
		padding-top:var(--sm);
	}
	h4 {
		font-family: var(--h4-font);
		font-weight: var(--h4-font-weight);
		font-size: var(--h4-font-size);
		line-height:var(--h4-line-height);
		padding-top:var(--sm);
	}
	h5 {
		font-family: var(--h5-font);
		font-weight: var(--h5-font-weight);
		font-size: var(--h5-font-size);
		line-height:var(--h5-line-height);
		padding-top:var(--sm);
	}
	h6 {
		font-family: var(--h6-font);
		font-weight: var(--h6-font-weight);
		font-size: var(--h6-font-size);
		line-height:var(--h6-line-height);
		padding-top:var(--sm);
	}


	body
	{
		background-color: var(--body-bg);
	}


.__________________________cell{}


.cell
{
	display:flex;
	position: relative;
}


.cell-content
{
	display: flex;
	flex-direction: row;
	flex: 0 1 auto;
	flex-wrap: wrap;
	min-height: 1px;
	z-index: 1;
	align-self: center;
	justify-content: flex-start;
	width:100%;
	height:100%;
}

.cell.noflex > .cell-content {display:block;}


.cell[data-element="item-textfield"] > .cell-content {flex-direction:column;}

.__________________________grid{}

.grid {
	display: flex;
	flex-direction:row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	flex: 0 1 auto;
}

.grid.nowrap {
	flex-wrap: nowrap;
}

.grid-item {
/* 	--_gap: 0px; */
	--_gapl: 0;
	--_gapr: 0;
	--_minw: 0;
	--_maxw: 0;
	display: flex;
	box-sizing: border-box;
	flex-direction:column;
	flex-wrap: wrap;
	flex: 0 1 auto;
	order: var(--_order, 0);
	padding-left: calc(var(--_gap, 0px) * var(--_gapl, 0));
	padding-right: calc(var(--_gap, 0px) * var(--_gapr, 0));
	padding-bottom: calc(var(--_gap, 0px) * 1);
}

/* grid last row */
.glr {
	padding-bottom: 0;
}

.fh {height:100%;}

[data-element="item-textfield"].at-center {
	text-align:center;
}


body.debug .grid-item {
	border: 1px dotted #999;
}

[data-type="entity"] {
	justify-content:center;
}


	/* -------------------------------------------------- */
	/* grid horizontal alignment
	/* -------------------------------------------------- */
/* 
	.grid.ah-center
	{justify-content:center;}
 */


	.grid > .grid-item.last-row{padding-bottom:0;}

.__________________________alignment{}


.grid-item.ah-left > *
{
	align-self: flex-start;
}

.grid-item.ah-right > * {
	align-self: flex-end;
}


.grid-item.ah-center > *,
.grid-item.xxs-ah-center > *
{
	align-self:center;
}


.grid-item.av-center {
	justify-content:center;
}

.__________________________aspect_ratio{}

	/* -------------------------------------------------- */
	/* image ratio
	/* -------------------------------------------------- */
	.ar-10-3 {aspect-ratio: 10 / 3;}
	.ar-4-1 {aspect-ratio: 4 / 1;}
	.ar-5-1 {aspect-ratio: 5 / 1;}






body.hft main {
	padding-top: var(--header-height);
}

body.fft main {
	padding-bottom: var(--footer-height);
}







.__________________________image{}

	img {
		width: 100%; 
		height: 100%;
		object-fit: contain;
	}


	.imgfit-contain {
		width:100%;
		height:100%;
	}
	.imgfit-contain img {
		object-fit: contain;
	}

	.imgfit-cover {
		width:100%;
		height:100%;
		overflow: hidden;
	}
	.imgfit-cover img{
		object-fit: cover;
	}



.slideshow-container {
    position: relative;
    overflow: hidden;
/* 
		width:100%;
 */
}

.slideshow-container > .grid {
    position: relative;
    min-height: 1px;
}

.slideshow-container > .grid > .grid-item {
    position: absolute;
    inset: 0;

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 800ms ease,
        visibility 800ms ease;

    pointer-events: none;
}

.slideshow-container > .grid > .grid-item.active {
    position: relative;

    opacity: 1;
    visibility: visible;

    pointer-events: auto;
    z-index: 1;
}


.__________________________slide{}
	.slide > * {height:100%;}


.__________________________style_1{}
/* ================================================== */
/* style
/* example: .st-dark3:not(.block)
/* ================================================== */


/* -------------------------------------------------- */
/* style1 - light
/* -------------------------------------------------- */
	.st-1-light > .cell-content ,
	.st-1-light > a > .cell-content 
	{color: var(--st1-light-text-col);border-radius: var(--rad2);}
	.st-1-light > .cell-content ,
	.st-1-light > a > .cell-content 
	{background-color: var(--st1-light-back-col);}
	.st-1-light h1 {color:var(--st1-light-h1-col);}
	.st-1-light h2 {color:var(--st1-light-h2-col);}
	.st-1-light h3 {color:var(--st1-light-h3-col);}
	.st-1-light h4 {color:var(--st1-light-h4-col);}
	.st-1-light h5 {color:var(--st1-light-h5-col);}
	.st-1-light h6 {color:var(--st1-light-h6-col);}
	.st-1-light a {color: var(--st1-light-link-hover-col);}
	.st-1-light a::after {background-color: var(--st1-light-link-hover-col);}



	.st-1-light2
	{
		border-radius: var(--rad2);
	}

	.st-1-light2 > *
	{
		background-color: #fff;
		border-radius: var(--rad2);
		color: var(--st1-light-text-col);
	}

	.st-1-light2.bg-image > *
	{
		background-color: transparent;
	}

	.st-1-light2 > .cell-content,
	.st-1-light2 > a > .cell-content,
	.st-1-light2 > .bg-overlay,
	.st-1-light2 > .cell-content > .bg-overlay
	{
		border-radius: var(--rad2);
		width:100%!important;
	}


	.st-1-light2 a.button-link
	{
		background-color: var(--st1-light-button-col);
		color: var(--st1-light-button-text-col);
	}



	.teaser.st-1-light2 > a > *
	{
	  transition: box-shadow 0.5s ease;
	}

	.teaser.st-1-light2 > a > *:hover
	{
		box-shadow: 0 0 15px 2px #999;
	}






/*	--------------------------------------------------
		style1 - medium
		--------------------------------------------------  */
	.st-1-medium {color: var(--st1-medium-text-col);}

	.st-1-medium {background-color: var(--st1-medium-back-col);}
	.st-1-medium h1 {color:var(--st1-medium-h1-col);}
	.st-1-medium h2 {color:var(--st1-medium-h2-col);}
	.st-1-medium h3 {color:var(--st1-medium-h3-col);}
	.st-1-medium h4 {color:var(--st1-medium-h4-col);}
	.st-1-medium h5 {color:var(--st1-medium-h5-col);}
	.st-1-medium h6 {color:var(--st1-medium-h6-col);}

	.st-1-medium a {
		color: var(--st1-medium-link-hover-col);
	}

	.st-1-medium a::after {
		background-color: var(--st1-medium-link-hover-col);
	}


/*	--------------------------------------------------
		style1 - dark
		--------------------------------------------------  */

	.st-1-dark {color: var(--st1-dark-text-col);}

	.st-1-dark {background-color: var(--st1-dark-back-col);}
	.st-1-dark h1 {color:var(--st1-dark-h1-col);}
	.st-1-dark h2 {color:var(--st1-dark-h2-col);}
	.st-1-dark h3 {color:var(--st1-dark-h3-col);}
	.st-1-dark h4 {color:var(--st1-dark-h4-col);}
	.st-1-dark h5 {color:var(--st1-dark-h5-col);}
	.st-1-dark h6 {color:var(--st1-dark-h6-col);}

	.st-1-dark a {
		color: var(--st1-dark-link-hover-col);
	}

	.st-1-dark a::after {
		background-color: var(--st1-dark-link-hover-col);
	}


.__________________________style_2{}

/*	--------------------------------------------------
		style2 - light
		--------------------------------------------------  */
	.st-2-light {color: var(--st2-light-text-col);}

	.st-2-light {background-color: var(--st2-light-back-col);}
	.st-2-light h1 {color:var(--st2-light-h1-col);}
	.st-2-light h2 {color:var(--st2-light-h2-col);}
	.st-2-light h3 {color:var(--st2-light-h3-col);}
	.st-2-light h4 {color:var(--st2-light-h4-col);}
	.st-2-light h5 {color:var(--st2-light-h5-col);}
	.st-2-light h6 {color:var(--st2-light-h6-col);}

	.st-2-light a {
		color: var(--st2-light-link-hover-col);
	}

	.st-2-light a::after {
		background-color: var(--st2-light-link-hover-col);
	}


/*	--------------------------------------------------
		style2 - medium
		--------------------------------------------------  */
	.st-2-medium {color: var(--st2-medium-text-col);}

	.st-2-medium {background-color: var(--st2-medium-back-col);}
	.st-2-medium h1 {color:var(--st2-medium-h1-col);}
	.st-2-medium h2 {color:var(--st2-medium-h2-col);}
	.st-2-medium h3 {color:var(--st2-medium-h3-col);}
	.st-2-medium h4 {color:var(--st2-medium-h4-col);}
	.st-2-medium h5 {color:var(--st2-medium-h5-col);}
	.st-2-medium h6 {color:var(--st2-medium-h6-col);}

	.st-2-medium a {
		color: var(--st2-medium-link-hover-col);
	}

	.st-2-medium a::after {
		background-color: var(--st2-medium-link-hover-col);
	}


/*	--------------------------------------------------
		style2 - dark
		--------------------------------------------------  */

	.st-2-dark {color: var(--st2-dark-text-col);}

	.st-2-dark {background-color: var(--st2-dark-back-col);}
	.st-2-dark h1 {color:var(--st2-dark-h1-col);}
	.st-2-dark h2 {color:var(--st2-dark-h2-col);}
	.st-2-dark h3 {color:var(--st2-dark-h3-col);}
	.st-2-dark h4 {color:var(--st2-dark-h4-col);}
	.st-2-dark h5 {color:var(--st2-dark-h5-col);}
	.st-2-dark h6 {color:var(--st2-dark-h6-col);}

	.st-2-dark a {
		color: var(--st2-dark-link-hover-col);
	}

	.st-2-dark a::after {
		background-color: var(--st2-dark-link-hover-col);
	}


.__________________________style_3{}

/*	--------------------------------------------------
		style3 - light
		--------------------------------------------------  */
	.st-3-light {color: var(--st3-light-text-col);}

	.st-3-light {background-color: var(--st3-light-back-col);}
	.st-3-light h1 {color:var(--st3-light-h1-col);}
	.st-3-light h2 {color:var(--st3-light-h2-col);}
	.st-3-light h3 {color:var(--st3-light-h3-col);}
	.st-3-light h4 {color:var(--st3-light-h4-col);}
	.st-3-light h5 {color:var(--st3-light-h5-col);}
	.st-3-light h6 {color:var(--st3-light-h6-col);}

	.st-3-light a {
		color: var(--st3-light-link-hover-col);
	}

	.st-3-light a::after {
		background-color: var(--st3-light-link-hover-col);
	}


/*	--------------------------------------------------
		style3 - medium
		--------------------------------------------------  */
	.st-3-medium {color: var(--st3-medium-text-col);}

	.st-3-medium {background-color: var(--st3-medium-back-col);}
	.st-3-medium h1 {color:var(--st3-medium-h1-col);}
	.st-3-medium h2 {color:var(--st3-medium-h2-col);}
	.st-3-medium h3 {color:var(--st3-medium-h3-col);}
	.st-3-medium h4 {color:var(--st3-medium-h4-col);}
	.st-3-medium h5 {color:var(--st3-medium-h5-col);}
	.st-3-medium h6 {color:var(--st3-medium-h6-col);}

	.st-3-medium a {
		color: var(--st3-medium-link-hover-col);
	}

	.st-3-medium a::after {
		background-color: var(--st3-medium-link-hover-col);
	}


/*	--------------------------------------------------
		style3 - dark
		--------------------------------------------------  */

	.st-3-dark {color: var(--st3-dark-text-col);}

	.st-3-dark {background-color: var(--st3-dark-back-col);}
	.st-3-dark h1 {color:var(--st3-dark-h1-col);}
	.st-3-dark h2 {color:var(--st3-dark-h2-col);}
	.st-3-dark h3 {color:var(--st3-dark-h3-col);}
	.st-3-dark h4 {color:var(--st3-dark-h4-col);}
	.st-3-dark h5 {color:var(--st3-dark-h5-col);}
	.st-3-dark h6 {color:var(--st3-dark-h6-col);}

	.st-3-dark a {
		color: var(--st3-dark-link-hover-col);
	}

	.st-3-dark a::after {
		background-color: var(--st3-dark-link-hover-col);
	}


.__________________________style_4{}

/*	--------------------------------------------------
		style4 - light
		--------------------------------------------------  */
	.st-4-light {color: var(--st4-light-text-col);}

	.st-4-light {background-color: var(--st4-light-back-col);}
	.st-4-light h1 {color:var(--st4-light-h1-col);}
	.st-4-light h2 {color:var(--st4-light-h2-col);}
	.st-4-light h3 {color:var(--st4-light-h3-col);}
	.st-4-light h4 {color:var(--st4-light-h4-col);}
	.st-4-light h5 {color:var(--st4-light-h5-col);}
	.st-4-light h6 {color:var(--st4-light-h6-col);}

	.st-4-light a {
		color: var(--st4-light-link-hover-col);
	}

	.st-4-light a::after {
		background-color: var(--st4-light-link-hover-col);
	}


/*	--------------------------------------------------
		style4 - medium
		--------------------------------------------------  */
	.st-4-medium {color: var(--st4-medium-text-col);}

	.st-4-medium {background-color: var(--st4-medium-back-col);}
	.st-4-medium h1 {color:var(--st4-medium-h1-col);}
	.st-4-medium h2 {color:var(--st4-medium-h2-col);}
	.st-4-medium h3 {color:var(--st4-medium-h3-col);}
	.st-4-medium h4 {color:var(--st4-medium-h4-col);}
	.st-4-medium h5 {color:var(--st4-medium-h5-col);}
	.st-4-medium h6 {color:var(--st4-medium-h6-col);}

	.st-4-medium a {
		color: var(--st4-medium-link-hover-col);
	}

	.st-4-medium a::after {
		background-color: var(--st4-medium-link-hover-col);
	}


/*	--------------------------------------------------
		style4 - dark
		--------------------------------------------------  */

	.st-4-dark {color: var(--st4-dark-text-col);}

	.st-4-dark {background-color: var(--st4-dark-back-col);}
	.st-4-dark h1 {color:var(--st4-dark-h1-col);}
	.st-4-dark h2 {color:var(--st4-dark-h2-col);}
	.st-4-dark h3 {color:var(--st4-dark-h3-col);}
	.st-4-dark h4 {color:var(--st4-dark-h4-col);}
	.st-4-dark h5 {color:var(--st4-dark-h5-col);}
	.st-4-dark h6 {color:var(--st4-dark-h6-col);}

	.st-4-dark a {
		color: var(--st4-dark-link-hover-col);
	}

	.st-4-dark a::after {
		background-color: var(--st4-dark-link-hover-col);
	}


.__________________________style_5{}

	.st-5-light {
		background-color: var(--st5-light-back-col);
		backdrop-filter: blur(var(--st5-light-blur));
		box-shadow: var(--st5-light-shadow);
	}
	.st-5-light a {
		color: var(--st5-light-link-hover-col);
	}

	.st-5-light a::after {
		background-color: var(--st5-light-link-hover-col);
	}



	/* -------------------------------------------------- */
	/* image vertical position
	/* -------------------------------------------------- */

.img-container.pv-top > img,
.slide.pv-top > img
{
	object-position: center top;
}

.img-container.pv-10 > img,
.slide.pv-10 > img
{
	object-position: center 10%;
}

.img-container.pv-20 > img,
.slide.pv-20 > img
{
	object-position: center 20%;
}

.img-container.pv-30 > img,
.slide.pv-30 > img
{
	object-position: center 30%;
}

.img-container.pv-40 > img,
.slide.pv-40 > img
{
	object-position: center 40%;
}

.img-container.pv-50 > img,
.slide.pv-50 > img
{
	object-position: center 50%;
}

.img-container.pv-60 > img,
.slide.pv-60 > img
{
	object-position: center 60%;
}

.img-container.pv-70 > img,
.slide.pv-70 > img
{
	object-position: center 70%;
}

.img-container > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	position: absolute;
	inset: 0;
	z-index: 0;
}



/* ##################################################
   ##################################################
   ##################################################

                      END REWORK

   ##################################################
   ##################################################
   ##################################################  */



/* ???????????? */
/*	==================================================
	block width
	==================================================  */
.__________________________block_width{}

	[data-element="container-block"]
	{
		display:flex;
		flex-direction: row;
		justify-content:center;
		width:100%;
	}

	[data-element="container-block"]
	{
		flex-basis: var(--block-width-full);
	}

	[data-element="container-block"].wd-xs > .block-content
	{
		flex-basis: var(--block-width-xs);
		flex-grow: 0;
	}

	[data-element="container-block"].wd-sm > .block-content
	{
		flex-basis: var(--block-width-sm);
		flex-grow: 0;
	}

	[data-element="container-block"].wd-md > .block-content
	{
		width: var(--block-width-md);
		flex-grow: 0;
	}

	[data-element="container-block"].wd-lg > .block-content
	{
		width: var(--block-width-lg);
		flex-grow: 0;
	}

	[data-element="container-block"].wd-xl > .block-content
	{
		flex-basis: var(--block-width-xl);
		flex-grow: 0;
	}

	[data-element="container-block"].wd-xxl > .block-content
	{
		flex-basis: var(--block-width-xxl);
		flex-grow: 0;
	}

	[data-element="container-block"].wd-full > .block-content
	{
		flex-basis: var(--block-width-full);
		flex-grow: 0;
		width:auto;
	}

	.pos-sticky-top
	{
		position: sticky;
		width:100%;
		top: 0;
		z-index: 10;
	}

	.pos-fixed-top
	{
		position: fixed;
		width:100vw;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.pos-sticky-bottom
	{
		position: sticky;
		bottom: 0;
		z-index: 9;
	}

	.pos-fixed-bottom
	{
		position: fixed;
		width:100vw;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		z-index: 9;
	}


/*	==================================================
	direction
	==================================================  */
	.dir-y
	{
		height:100%;
	}
	.dir-y > .cell-content
	{
		flex-direction:column;
		align-items:flex-start;
	}


/*	==================================================
	paragraph
	==================================================  */
	.p-none > .cell-content > p
	{
		padding:0;
	}


/* -------------------------------------------------- */
/* width
/* -------------------------------------------------- */


/*	==================================================
	content width
	==================================================  */
	.cell.wc-50 > .cell-content
	{
		flex-basis:50%;
		flex-grow:0;
	}


/*	==================================================
	inner align
	==================================================  */
	.cell.ia-left {justify-content:left;}
	.cell.ia-center {justify-content:center;}
	.cell.ia-right {justify-content:right;}


/*	==================================================
	flex-grow
	==================================================  */
	.fg0
	{flex-grow:0;}

	.fg1
	{flex-grow:1;}

	.fg2
	{flex-grow:2;}

	.fg3
	{flex-grow:3;}

	.fg4
	{flex-grow:4;}

	.fg5
	{flex-grow:5;}

	.fg6
	{flex-grow:6;}

	.fg7
	{flex-grow:7;}

	.fg8
	{flex-grow:8;}


/* ####################################################### */


/* ####################################################### */

/*	==================================================
	align horizontal
	==================================================  */
	.ah-left > .cell-content,
	.ah-left > a > .cell-content
	{justify-content:flex-start;}

	.ah-center > .cell-content,
	.ah-center > a > .cell-content
	{justify-content:center;}

	.ah-center.noflex > .cell-content,
	.ah-center.noflex > a > .cell-content
	{text-align:center;}

	.ah-right > .cell-content,
	.ah-right > a > .cell-content
	{justify-content:flex-end;}

	.ah-around > .cell-content,
	.ah-around > a > .cell-content
	{justify-content:space-around;}

	.ah-between > .cell-content,
	.ah-between > a > .cell-content
	{justify-content:space-between;}

	.ah-evenly > .cell-content,
	.ah-evenly > a > .cell-content
	{justify-content:space-evenly;}


/*	==================================================
	align vertical - container items
	==================================================  */
	.av-top
	{
		justify-content: flex-start;
	}

	.av-center
	{
		justify-content: center;
	}

	.av-bottom
	{
		justify-content: flex-end;
	}

	.av-stretch
	{
		justify-content: stretch;
	}


/*	==================================================
	align vertical - single items
	==================================================  */
	.wz.element.av-stretch
	{
		align-self: stretch !important;
	}



/*	==================================================
	break
	==================================================  */
	div.break0,
	div.break-xs0,
	div.break-sm0,
	div.break-md0,
	div.break-lg0,
	div.break-xl0,
	div.break-xxl0
	{
		display:none;
	}


	.cell-content > .break-xxs1,
	.cell-content > .break-xs1,
	.cell-content > .break-sm1,
	.cell-content > .break-md1,
	.cell-content > .break-lg1,
	.cell-content > .break-xl1,
	.cell-content > .break-xxl1
	{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}


	div.break1
	{flex-basis:100%}


	div.break0
	{display: none;}




/* ================================================== */
/* padding/margin XXS
/* ================================================== */

	.pd-xxs > div,
	.pd-t-xxs > div,
	.pd-tb-xxs > div,
	.pd-xxs > a > div,
	.pd-t-xxs > a > div,
	.pd-tb-xxs > a > div,
	.mr-xxs,
	.mr-t-xxs,
	.mr-tb-xxs,
	{padding-top: var(--xxs);}	

	.pd-xxs > div,
	.pd-b-xxs > div,
	.pd-tb-xxs > div,
	.pd-xxs > a > div,
	.pd-b-xxs > a > div,
	.pd-tb-xxs > a > div,
	.mr-xxs,
	.mr-b-xxs,
	.mr-tb-xxs
	{padding-bottom: var(--xxs);}	

	.pd-xxs > div,
	.pd-l-xxs > div,
	.pd-lr-xxs > div,
	.pd-xxs > a > div,
	.pd-l-xxs > a > div,
	.pd-lr-xxs > a > div,
	.mr-xxs,
	.mr-l-xxs,
	.mr-lr-xxs
	{padding-left: var(--xxs);}	

	.pd-xxs > div,
	.pd-r-xxs > div,
	.pd-lr-xxs > div,
	.pd-xxs > a > div,
	.pd-r-xxs > a > div,
	.pd-lr-xxs > a > div,
	.mr-xxs,
	.mr-r-xxs,
	.mr-lr-xxs
	{padding-right: var(--xxs);}	


/* ================================================== */
/* padding/margin XS
/* ================================================== */

	.pd-xs > div,
	.pd-t-xs > div,
	.pd-tb-xs > div,
	.pd-xs > a > div,
	.pd-t-xs > a > div,
	.pd-tb-xs > a > div,
	.mr-xs,
	.mr-t-xs,
	.mr-tb-xs
	{padding-top: var(--xs);}	

	.pd-xs > div,
	.pd-b-xs > div,
	.pd-tb-xs > div,
	.pd-xs > a > div,
	.pd-b-xs > a > div,
	.pd-tb-xs > a > div,
	.mr-xs,
	.mr-b-xs,
	.mr-tb-xs
	{padding-bottom: var(--xs);}	

	.pd-xs > div,
	.pd-l-xs > div,
	.pd-lr-xs > div,
	.pd-xs > a > div,
	.pd-l-xs > a > div,
	.pd-lr-xs > a > div,
	.mr-xs,
	.mr-l-xs,
	.mr-lr-xs
	{padding-left: var(--xs);}	

	.pd-xs > div,
	.pd-r-xs > div,
	.pd-lr-xs > div,
	.pd-xs > a > div,
	.pd-r-xs > a > div,
	.pd-lr-xs > a > div,
	.mr-xs,
	.mr-r-xs,
	.mr-lr-xs
	{padding-right: var(--xs);}	


/* ================================================== */
/* padding/margin SM
/* ================================================== */

	.pd-sm > div,
	.pd-t-sm > div,
	.pd-tb-sm > div,
	.pd-sm > a > div,
	.pd-t-sm > a > div,
	.pd-tb-sm > a > div,
	.mr-sm,
	.mr-t-sm,
	.mr-tb-sm
	{padding-top: var(--sm);}	

	.pd-sm > div,
	.pd-b-sm > div,
	.pd-tb-sm > div,
	.pd-sm > a > div,
	.pd-b-sm > a > div,
	.pd-tb-sm > a > div,
	.mr-sm,
	.mr-b-sm,
	.mr-tb-sm
	{padding-bottom: var(--sm);}	

	.pd-sm > div,
	.pd-l-sm > div,
	.pd-lr-sm > div,
	.pd-sm > a > div,
	.pd-l-sm > a > div,
	.pd-lr-sm > a > div,
	.mr-sm,
	.mr-l-sm,
	.mr-lr-sm
	{padding-left: var(--sm);}	

	.pd-sm > div,
	.pd-r-sm > div,
	.pd-lr-sm > div,
	.pd-sm > a > div,
	.pd-r-sm > a > div,
	.pd-lr-sm > a > div,
	.mr-sm,
	.mr-r-sm,
	.mr-lr-sm
	{padding-right: var(--sm);}	


/* ================================================== */
/* padding/margin MD
/* ================================================== */

	.pd-md > div,
	.pd-t-md > div,
	.pd-tb-md > div,
	.pd-md > a > div,
	.pd-t-md > a > div,
	.pd-tb-md > a > div,
	.mr-md,
	.mr-t-md,
	.mr-tb-md
	{padding-top: var(--md);}	

	.pd-md > div,
	.pd-b-md > div,
	.pd-tb-md > div,
	.pd-md > a > div,
	.pd-b-md > a > div,
	.pd-tb-md > a > div,
	.mr-md,
	.mr-b-md,
	.mr-tb-md
	{padding-bottom: var(--md);}	

	.pd-md > div,
	.pd-l-md > div,
	.pd-lr-md > div,
	.pd-md > a > div,
	.pd-l-md > a > div,
	.pd-lr-md > a > div,
	.mr-md,
	.mr-l-md,
	.mr-lr-md
	{padding-left: var(--md);}	

	.pd-md > div,
	.pd-r-md > div,
	.pd-lr-md > div,
	.pd-md > a > div,
	.pd-r-md > a > div,
	.pd-lr-md > a > div,
	.mr-md,
	.mr-r-md,
	.mr-lr-md
	{padding-right: var(--md);}	


/* ================================================== */
/* padding/margin LG
/* ================================================== */

	.pd-lg > div,
	.pd-t-lg > div,
	.pd-tb-lg > div,
	.pd-lg > a > div,
	.pd-t-lg > a > div,
	.pd-tb-lg > a > div,
	.mr-lg,
	.mr-t-lg,
	.mr-tb-lg
	{padding-top: var(--lg);}	

	.pd-lg > div,
	.pd-b-lg > div,
	.pd-tb-lg > div,
	.pd-lg > a > div,
	.pd-b-lg > a > div,
	.pd-tb-lg > a > div,
	.mr-lg,
	.mr-b-lg,
	.mr-tb-lg
	{padding-bottom: var(--lg);}	

	.pd-lg > div,
	.pd-l-lg > div,
	.pd-lr-lg > div,
	.pd-lg > a > div,
	.pd-l-lg > a > div,
	.pd-lr-lg > a > div,
	.mr-lg,
	.mr-l-lg,
	.mr-lr-lg
	{padding-left: var(--lg);}	

	.pd-lg > div,
	.pd-r-lg > div,
	.pd-lr-lg > div,
	.pd-lg > a > div,
	.pd-r-lg > a > div,
	.pd-lr-lg > a > div,
	.mr-lg,
	.mr-r-lg,
	.mr-lr-lg
	{padding-right: var(--lg);}	


/* ================================================== */
/* padding/margin XL
/* ================================================== */

	.pd-xl > div,
	.pd-t-xl > div,
	.pd-tb-xl > div,
	.pd-xl > a > div,
	.pd-t-xl > a > div,
	.pd-tb-xl > a > div,
	.mr-xl,
	.mr-t-xl,
	.mr-tb-xl
	{padding-top: var(--xl);}	

	.pd-xl > div,
	.pd-b-xl > div,
	.pd-tb-xl > div,
	.pd-xl > a > div,
	.pd-b-xl > a > div,
	.pd-tb-xl > a > div,
	.mr-xl,
	.mr-b-xl,
	.mr-tb-xl
	{padding-bottom: var(--xl);}	

	.pd-xl > div,
	.pd-l-xl > div,
	.pd-lr-xl > div,
	.pd-xl > a > div,
	.pd-l-xl > a > div,
	.pd-lr-xl > a > div,
	.mr-xl,
	.mr-l-xl,
	.mr-lr-xl
	{padding-left: var(--xl);}	

	.pd-xl > div,
	.pd-r-xl > div,
	.pd-lr-xl > div,
	.pd-xl > a > div,
	.pd-r-xl > a > div,
	.pd-lr-xl > a > div,
	.mr-xl,
	.mr-r-xl,
	.mr-lr-xl
	{padding-right: var(--xl);}	


/* ================================================== */
/* padding/margin XXL
/* ================================================== */

	.pd-xxl > div,
	.pd-t-xxl > div,
	.pd-tb-xxl > div,
	.pd-xxl > a > div,
	.pd-t-xxl > a > div,
	.pd-tb-xxl > a > div,
	.mr-xxl,
	.mr-t-xxl,
	.mr-tb-xxl
	{padding-top: var(--xxl);}	

	.pd-xxl > div,
	.pd-b-xxl > div,
	.pd-tb-xxl > div,
	.pd-xxl > a > div,
	.pd-b-xxl > a > div,
	.pd-tb-xxl > a > div,
	.mr-xxl,
	.mr-b-xxl,
	.mr-tb-xxl
	{padding-bottom: var(--xxl);}	

	.pd-xxl > div,
	.pd-l-xxl > div,
	.pd-lr-xxl > div,
	.pd-xxl > a > div,
	.pd-l-xxl > a > div,
	.pd-lr-xxl > a > div,
	.mr-xxl,
	.mr-l-xxl,
	.mr-lr-xxl
	{padding-left: var(--xxl);}	

	.pd-xxl > div,
	.pd-r-xxl > div,
	.pd-lr-xxl > div,
	.pd-xxl > a > div,
	.pd-r-xxl > a > div,
	.pd-lr-xxl > a > div,
	.mr-xxl,
	.mr-r-xxl,
	.mr-lr-xxl
	{padding-right: var(--xxl);}	


/*	---------------------------------------------------
	border - 1
	--------------------------------------------------- */
	.ob-1,
	.ob-t-1,
	.ob-tb-1,
	.ib-1 > div,
	.ib-t-1 > div,
	.ib-tb-1 > div
	{border-top:var(--br-1);}

	.ob-1,
	.ob-l-1,
	.ob-lr-1,
	.ib-1 > div,
	.ib-l-1 > div,
	.ib-lr-1 > div
	{border-left:var(--br-1);}

	.ob-1,
	.ob-r-1,
	.ob-rl-1,
	.ib-1 > div,
	.ib-r-1 > div,
	.ib-rl-1 > div
	{border-right:var(--br-1);}

	.ob-1,
	.ob-b-1,
	.ob-tb-1,
	.ib-1 > div,
	.ib-b-1 > div,
	.ib-tb-1 > div
	{border-bottom:var(--br-1);}


/*	---------------------------------------------------
	border - 2
	--------------------------------------------------- */
	.ob-2,
	.ob-t-2,
	.ob-tb-2,
	.ib-2 > div,
	.ib-t-2 > div,
	.ib-tb-2 > div
	{border-top:var(--br-2);}

	.ob-2,
	.ob-l-2,
	.ob-lr-2,
	.ib-2 > div,
	.ib-l-2 > div,
	.ib-lr-2 > div
	{border-left:var(--br-2);}

	.ob-2,
	.ob-r-2,
	.ob-rl-2,
	.ib-2 > div,
	.ib-r-2 > div,
	.ib-rl-2 > div
	{border-right:var(--br-2);}

	.ob-2,
	.ob-b-2,
	.ob-tb-2,
	.ib-2 > div,
	.ib-b-2 > div,
	.ib-tb-2 > div
	{border-bottom:var(--br-2);}


/*	---------------------------------------------------
	border - 3
	--------------------------------------------------- */
	.ob-3,
	.ob-t-3,
	.ob-tb-3,
	.ib-3 > div,
	.ib-t-3 > div,
	.ib-tb-3 > div
	{border-top:var(--br-3);}

	.ob-3,
	.ob-l-3,
	.ob-lr-3,
	.ib-3 > div,
	.ib-l-3 > div,
	.ib-lr-3 > div
	{border-left:var(--br-3);}

	.ob-3,
	.ob-r-3,
	.ob-rl-3,
	.ib-3 > div,
	.ib-r-3 > div,
	.ib-rl-3 > div
	{border-right:var(--br-3);}

	.ob-3,
	.ob-b-3,
	.ob-tb-3,
	.ib-3 > div,
	.ib-b-3 > div,
	.ib-tb-3 > div
	{border-bottom:var(--br-3);}



	.ib-4 > div
	{box-shadow: var(--br-4);}

	.ob-b-4,
	.ib-b-4 > div
	{box-shadow: var(--br-b-4);}




/* #################################################################################################### */


	@media (min-width:430px){
		div.break-xs1
		{flex-basis:100%;}

		div.break-xs0
		{flex-basis:0%;}
	}

	@media (min-width:510px){
		div.break-sm1
		{display:flex;flex-basis:100%;}

		div.break-sm0
		{display:none;}
	}

	@media (min-width:620px){
		div.break-md1
		{display:flex;flex-basis:100%;}

		div.break-md0
		{display:none;}
	}

	@media (min-width:760px){
		div.break-lg1
		{display:flex;flex-basis:100%;}

		div.break-lg0
		{display:none;}
	}

	@media (min-width:940px){
		div.break-xl1
		{display:flex;flex-basis:100%;}

		div.break-xl0
		{display:none;}
	}

	@media (min-width:1200px){
		div.break-xxl1
		{display:flex;flex-basis:100%;}

		div.break-xll0
		{display:none;}
	}

/* #################################################################################################### */

	/*  XS  */
	@media (min-width:430px){

	/*	==================================================
		XS - width
		==================================================  */

		.cell.xs-wd-10
		{flex-basis: 10%;}

		.cell.xs-wd-15
		{flex-basis: 15%;}

		.cell.xs-wd-20
		{flex-basis: 20%;}

		.cell.xs-wd-25
		{flex-basis: 20%;}

		.cell.xs-wd-30
		{flex-basis: 30%;}

		.cell.xs-wd-35
		{flex-basis: 35%;}

		.cell.xs-wd-40
		{flex-basis: 40%;}

		.cell.xs-wd-45
		{flex-basis: 45%;}

		.cell.xs-wd-50
		{flex-basis: 50%;}

		.cell.xs-wd-55
		{flex-basis: 55%;}

		.cell.xs-wd-60
		{flex-basis: 60%;}

		.cell.xs-wd-65
		{flex-basis: 65%;}

		.cell.xs-wd-70
		{flex-basis: 70%;}

		.cell.xs-wd-75
		{flex-basis: 75%;}

		.cell.xs-wd-80
		{flex-basis: 80%;}

		.cell.xs-wd-85
		{flex-basis: 85%;}

		.cell.xs-wd-90
		{flex-basis: 90%;}

		.cell.xs-wd-95
		{flex-basis: 95%;}

		.cell.xs-wd-100
		{flex-basis: 100%;}


	/*	==================================================
		XS - style
		==================================================  */

		.xs-st-l1 > .cell-content
		{background-color: var(--st-light1-back-col);color: var(--st-light-1-text-col);}

		.xs-st-l2 > .cell-content
		{background-color: var(--st-light2-back-col);color: var(--st-light-2-text-col);}

		.xs-st-l3 > .cell-content
		{background-color: var(--st-light3-back-col);color: var(--st-light-3-text-col);}

		.xs-st-m1 > .cell-content
		{background-color: var(--st-medium1-back-col);color: var(--st-medium1-text-col);}

		.xs-st-m2 > .cell-content
		{background-color: var(--st-medium2-back-col);color: var(--st-medium2-text-col);}

		.xs-st-m3 > .cell-content
		{background-color: var(--st-medium-3-back-col);color: var(--st-medium-3-text-col);}

		.xs-st-d1 > .cell-content
		{background-color: var(--st-dark-1-back-col);color: var(--st-dark-1-text-col);}

		.xs-st-d2 > .cell-content
		{background-color: var(--st-dark-2-back-col);color: var(--st-dark-2-text-col);}

		.xs-st-d3 > .cell-content
		{background-color: var(--st-dark-3-back-col);color: var(--st-dark-3-text-col);}

	}


	/*  SM  */
	@media (min-width:510px){


	/*	==================================================
		SM - width
		==================================================  */

		.cell.sm-wd-10
		{flex-basis: 10%;}

		.cell.sm-wd-15
		{flex-basis: 15%;}

		.cell.sm-wd-20
		{flex-basis: 20%;}

		.cell.sm-wd-25
		{flex-basis: 20%;}

		.cell.sm-wd-30
		{flex-basis: 30%;}

		.cell.sm-wd-35
		{flex-basis: 35%;}

		.cell.sm-wd-40
		{flex-basis: 40%;}

		.cell.sm-wd-45
		{flex-basis: 45%;}

		.cell.sm-wd-50
		{flex-basis: 50%;}

		.cell.sm-wd-55
		{flex-basis: 55%;}

		.cell.sm-wd-60
		{flex-basis: 60%;}

		.cell.sm-wd-65
		{flex-basis: 65%;}

		.cell.sm-wd-70
		{flex-basis: 70%;}

		.cell.sm-wd-75
		{flex-basis: 75%;}

		.cell.sm-wd-80
		{flex-basis: 80%;}

		.cell.sm-wd-85
		{flex-basis: 85%;}

		.cell.sm-wd-90
		{flex-basis: 90%;}

		.cell.sm-wd-95
		{flex-basis: 95%;}

		.cell.sm-wd-100
		{flex-basis: 100%;}


	/*	==================================================
		SM - style
		==================================================  */

		.sm-st-l1 > .cell-content
		{background-color: var(--st-light1-back-col);color: var(--st-light-1-text-col);}

		.sm-st-l2 > .cell-content
		{background-color: var(--st-light2-back-col);color: var(--st-light-2-text-col);}

		.sm-st-l3 > .cell-content
		{background-color: var(--st-light3-back-col);color: var(--st-light-3-text-col);}

		.sm-st-m1 > .cell-content
		{background-color: var(--st-medium1-back-col);color: var(--st-medium1-text-col);}

		.sm-st-m2 > .cell-content
		{background-color: var(--st-medium2-back-col);color: var(--st-medium2-text-col);}

		.sm-st-m3 > .cell-content
		{background-color: var(--st-medium-3-back-col);color: var(--st-medium-3-text-col);}

		.sm-st-d1 > .cell-content
		{background-color: var(--st-dark-1-back-col);color: var(--st-dark-1-text-col);}

		.sm-st-d2 > .cell-content
		{background-color: var(--st-dark-2-back-col);color: var(--st-dark-2-text-col);}

		.sm-st-d3 > .cell-content
		{background-color: var(--st-dark-3-back-col);color: var(--st-dark-3-text-col);}
	}


	/*  MD  */
	@media (min-width:620px){


	/*	==================================================
		MD - width
		==================================================  */

		.cell.md-wd-10
		{flex-basis: 10%;}

		.cell.md-wd-15
		{flex-basis: 15%;}

		.cell.md-wd-20
		{flex-basis: 20%;}

		.cell.md-wd-25
		{flex-basis: 20%;}

		.cell.md-wd-30
		{flex-basis: 30%;}

		.cell.md-wd-35
		{flex-basis: 35%;}

		.cell.md-wd-40
		{flex-basis: 40%;}

		.cell.md-wd-45
		{flex-basis: 45%;}

		.cell.md-wd-50
		{flex-basis: 50%;}

		.cell.md-wd-55
		{flex-basis: 55%;}

		.cell.md-wd-60
		{flex-basis: 60%;}

		.cell.md-wd-65
		{flex-basis: 65%;}

		.cell.md-wd-70
		{flex-basis: 70%;}

		.cell.md-wd-75
		{flex-basis: 75%;}

		.cell.md-wd-80
		{flex-basis: 80%;}

		.cell.md-wd-85
		{flex-basis: 85%;}

		.cell.md-wd-90
		{flex-basis: 90%;}

		.cell.md-wd-95
		{flex-basis: 95%;}

		.cell.md-wd-100
		{flex-basis: 100%;}


	/*	==================================================
		MD - style
		==================================================  */

		.md-st-l1 > .cell-content
		{background-color: var(--st-light1-back-col);color: var(--st-light-1-text-col);}

		.md-st-l2 > .cell-content
		{background-color: var(--st-light2-back-col);color: var(--st-light-2-text-col);}

		.md-st-l3 > .cell-content
		{background-color: var(--st-light3-back-col);color: var(--st-light-3-text-col);}

		.md-st-m1 > .cell-content
		{background-color: var(--st-medium1-back-col);color: var(--st-medium1-text-col);}

		.md-st-m2 > .cell-content
		{background-color: var(--st-medium2-back-col);color: var(--st-medium2-text-col);}

		.md-st-m3 > .cell-content
		{background-color: var(--st-medium-3-back-col);color: var(--st-medium-3-text-col);}

		.md-st-d1 > .cell-content
		{background-color: var(--st-dark-1-back-col);color: var(--st-dark-1-text-col);}

		.md-st-d2 > .cell-content
		{background-color: var(--st-dark-2-back-col);color: var(--st-dark-2-text-col);}

		.md-st-d3 > .cell-content
		{background-color: var(--st-dark-3-back-col);color: var(--st-dark-3-text-col);}
	}


	/*  LG  */
	@media (min-width:760px){


	/*	==================================================
		LG - style
		==================================================  */

		.lg-st-l1 > .cell-content
		{background-color: var(--st-light1-back-col);color: var(--st-light-1-text-col);}

		.lg-st-l2 > .cell-content
		{background-color: var(--st-light2-back-col);color: var(--st-light-2-text-col);}

		.lg-st-l3 > .cell-content
		{background-color: var(--st-light3-back-col);color: var(--st-light-3-text-col);}

		.lg-st-m1 > .cell-content
		{background-color: var(--st-medium1-back-col);color: var(--st-medium1-text-col);}

		.lg-st-m2 > .cell-content
		{background-color: var(--st-medium2-back-col);color: var(--st-medium2-text-col);}

		.lg-st-m3 > .cell-content
		{background-color: var(--st-medium-3-back-col);color: var(--st-medium-3-text-col);}

		.lg-st-d1 > .cell-content
		{background-color: var(--st-dark-1-back-col);color: var(--st-dark-1-text-col);}

		.lg-st-d2 > .cell-content
		{background-color: var(--st-dark-2-back-col);color: var(--st-dark-2-text-col);}

		.lg-st-d3 > .cell-content
		{background-color: var(--st-dark-3-back-col);color: var(--st-dark-3-text-col);}

	}


	/*  XL  */
	@media (min-width:940px){


	/*	==================================================
		XL - width
		==================================================  */

		.cell.xl-wd-10
		{flex-basis: 10%;}

		.cell.xl-wd-15
		{flex-basis: 15%;}

		.cell.xl-wd-20
		{flex-basis: 20%;}

		.cell.xl-wd-25
		{flex-basis: 20%;}

		.cell.xl-wd-30
		{flex-basis: 30%;}

		.cell.xl-wd-35
		{flex-basis: 35%;}

		.cell.xl-wd-40
		{flex-basis: 40%;}

		.cell.xl-wd-45
		{flex-basis: 45%;}

		.cell.xl-wd-50
		{flex-basis: 50%;}

		.cell.xl-wd-55
		{flex-basis: 55%;}

		.cell.xl-wd-60
		{flex-basis: 60%;}

		.cell.xl-wd-65
		{flex-basis: 65%;}

		.cell.xl-wd-70
		{flex-basis: 70%;}

		.cell.xl-wd-75
		{flex-basis: 75%;}

		.cell.xl-wd-80
		{flex-basis: 80%;}

		.cell.xl-wd-85
		{flex-basis: 85%;}

		.cell.xl-wd-90
		{flex-basis: 90%;}

		.cell.xl-wd-95
		{flex-basis: 95%;}

		.cell.xl-wd-100
		{flex-basis: 100%;}


	/*	==================================================
		XL - style
		==================================================  */

		.xl-st-l1 > .cell-content
		{background-color: var(--st-light1-back-col);color: var(--st-light-1-text-col);}

		.xl-st-l2 > .cell-content
		{background-color: var(--st-light2-back-col);color: var(--st-light-2-text-col);}

		.xl-st-l3 > .cell-content
		{background-color: var(--st-light3-back-col);color: var(--st-light-3-text-col);}

		.xl-st-m1 > .cell-content
		{background-color: var(--st-medium1-back-col);color: var(--st-medium1-text-col);}

		.xl-st-m2 > .cell-content
		{background-color: var(--st-medium2-back-col);color: var(--st-medium2-text-col);}

		.xl-st-m3 > .cell-content
		{background-color: var(--st-medium-3-back-col);color: var(--st-medium-3-text-col);}

		.xl-st-d1 > .cell-content
		{background-color: var(--st-dark-1-back-col);color: var(--st-dark-1-text-col);}

		.xl-st-d2 > .cell-content
		{background-color: var(--st-dark-2-back-col);color: var(--st-dark-2-text-col);}

		.xl-st-d3 > .cell-content
		{background-color: var(--st-dark-3-back-col);color: var(--st-dark-3-text-col);}
	}



	/*  MAX  cell-width */
	@media (min-width:1200px){


	/*	==================================================
		XXL - width
		==================================================  */

		.cell.xxl-wd-10
		{flex-basis: 10%;}

		.cell.xxl-wd-15
		{flex-basis: 15%;}

		.cell.xxl-wd-20
		{flex-basis: 20%;}

		.cell.xxl-wd-25
		{flex-basis: 20%;}

		.cell.xxl-wd-30
		{flex-basis: 30%;}

		.cell.xxl-wd-35
		{flex-basis: 35%;}

		.cell.xxl-wd-40
		{flex-basis: 40%;}

		.cell.xxl-wd-45
		{flex-basis: 45%;}

		.cell.xxl-wd-50
		{flex-basis: 50%;}

		.cell.xxl-wd-55
		{flex-basis: 55%;}

		.cell.xxl-wd-60
		{flex-basis: 60%;}

		.cell.xxl-wd-65
		{flex-basis: 65%;}

		.cell.xxl-wd-70
		{flex-basis: 70%;}

		.cell.xxl-wd-75
		{flex-basis: 75%;}

		.cell.xxl-wd-80
		{flex-basis: 80%;}

		.cell.xxl-wd-85
		{flex-basis: 85%;}

		.cell.xxl-wd-90
		{flex-basis: 90%;}

		.cell.xxl-wd-95
		{flex-basis: 95%;}

		.cell.xxl-wd-100
		{flex-basis: 100%;}
	}

	/*  MAX  cell-style */
	@media (min-width:1200px){


	/*	==================================================
		XXL - style
		==================================================  */

		.xxl-st-l1 > .cell-content
		{background-color: var(--st-light1-back-col);color: var(--st-light-1-text-col);}

		.xxl-st-l2 > .cell-content
		{background-color: var(--st-light2-back-col);color: var(--st-light-2-text-col);}

		.xxl-st-l3 > .cell-content
		{background-color: var(--st-light3-back-col);color: var(--st-light-3-text-col);}

		.xxl-st-m1 > .cell-content
		{background-color: var(--st-medium1-back-col);color: var(--st-medium1-text-col);}

		.xxl-st-m2 > .cell-content
		{background-color: var(--st-medium2-back-col);color: var(--st-medium2-text-col);}

		.xxl-st-m3 > .cell-content
		{background-color: var(--st-medium-3-back-col);color: var(--st-medium-3-text-col);}

		.xxl-st-d1 > .cell-content
		{background-color: var(--st-dark-1-back-col);color: var(--st-dark-1-text-col);}

		.xxl-st-d2 > .cell-content
		{background-color: var(--st-dark-2-back-col);color: var(--st-dark-2-text-col);}

		.xxl-st-d3 > .cell-content
		{background-color: var(--st-dark-3-back-col);color: var(--st-dark-3-text-col);}
	}



	@media (min-width:1200px){


	/*	==================================================
		XXL - style
		==================================================  */

		.gp-sm > .cell-margin > .cell-content {
			column-gap: var(--gap-sm-max);
			margin-top: calc( 0px - calc(var(--gap-sm-max) / 2 ) );
		}	
		.gp-sm > .cell-margin > .cell-content > * 
		{
			margin-top: calc(var(--gap-sm-max) / 2);
			margin-bottom: calc(var(--gap-sm-max) / 2);
		}
	}



	/* #################################################### */

.__________________________MAX_padding_margin_MIN{}
	/*  MAX  basic padding/margin top */
	@media (min-width:1200px){

		.pd-xxs > .cell-margin > .cell-content,
		.pd-t-xxs > .cell-margin > .cell-content,
		.pd-tb-xxs > .cell-margin > .cell-content,
		.mr-xxs > .cell-margin,
		.mr-t-xxs > .cell-margin,
		.mr-tb-xxs > .cell-margin
		{padding-top: var(--xxs-max);}

		.pd-xs > .cell-margin > .cell-content,
		.pd-t-xs > .cell-margin > .cell-content,
		.pd-tb-xs > .cell-margin > .cell-content,
		.mr-xs > .cell-margin,
		.mr-t-xs > .cell-margin,
		.mr-tb-xs > .cell-margin
		{padding-top: var(--xs-max);}

		.pd-sm > .cell-margin > .cell-content,
		.pd-t-sm > .cell-margin > .cell-content,
		.pd-tb-sm > .cell-margin > .cell-content,
		.mr-sm > .cell-margin,
		.mr-t-sm > .cell-margin,
		.mr-tb-sm > .cell-margin
		{padding-top: var(--sm-max);}

		.pd-md > .cell-margin > .cell-content,
		.pd-t-md > .cell-margin > .cell-content,
		.pd-tb-md > .cell-margin > .cell-content,
		.mr-md > .cell-margin,
		.mr-t-md > .cell-margin,
		.mr-tb-md > .cell-margin
		{padding-top: var(--md-max);}

		.pd-lg > .cell-margin > .cell-content,
		.pd-t-lg > .cell-margin > .cell-content,
		.pd-tb-lg > .cell-margin > .cell-content,
		.mr-lg > .cell-margin,
		.mr-t-lg > .cell-margin,
		.mr-tb-lg > .cell-margin
		{padding-top: var(--lg-max);}

		.pd-xl > .cell-margin > .cell-content,
		.pd-t-xl > .cell-margin > .cell-content,
		.pd-tb-xl > .cell-margin > .cell-content,
		.mr-xl > .cell-margin,
		.mr-t-xl > .cell-margin,
		.mr-tb-xl > .cell-margin
		{padding-top: var(--xl-max);}

		.pd-xxl > .cell-margin > .cell-content,
		.pd-t-xxl > .cell-margin > .cell-content,
		.pd-tb-xxl > .cell-margin > .cell-content,
		.mr-xxl > .cell-margin,
		.mr-t-xxl > .cell-margin,
		.mr-tb-xxl > .cell-margin
		{padding-top: var(--xxl-max);}
	}
	/*  MAX  basic padding/margin bottom */
	@media (min-width:1200px){

		.pd-xxs > .cell-margin > .cell-content,
		.pd-b-xxs > .cell-margin > .cell-content,
		.pd-tb-xxs > .cell-margin > .cell-content,
		.mr-xxs > .cell-margin,
		.mr-b-xxs > .cell-margin,
		.mr-tb-xxs > .cell-margin
		{padding-bottom: var(--xxs-max);}

		.pd-xs > .cell-margin > .cell-content,
		.pd-b-xs > .cell-margin > .cell-content,
		.pd-tb-xs > .cell-margin > .cell-content,
		.mr-xs > .cell-margin,
		.mr-b-xs > .cell-margin,
		.mr-tb-xs > .cell-margin
		{padding-bottom: var(--xs-max);}

		.pd-sm > .cell-margin > .cell-content,
		.pd-b-sm > .cell-margin > .cell-content,
		.pd-tb-sm > .cell-margin > .cell-content,
		.mr-sm > .cell-margin,
		.mr-b-sm > .cell-margin,
		.mr-tb-sm > .cell-margin
		{padding-bottom: var(--sm-max);}

		.pd-md > .cell-margin > .cell-content,
		.pd-b-md > .cell-margin > .cell-content,
		.pd-tb-md > .cell-margin > .cell-content,
		.mr-md > .cell-margin,
		.mr-b-md > .cell-margin,
		.mr-tb-md > .cell-margin
		{padding-bottom: var(--md-max);}

		.pd-lg > .cell-margin > .cell-content,
		.pd-b-lg > .cell-margin > .cell-content,
		.pd-tb-lg > .cell-margin > .cell-content,
		.mr-lg > .cell-margin,
		.mr-b-lg > .cell-margin,
		.mr-tb-lg > .cell-margin
		{padding-bottom: var(--lg-max);}

		.pd-xl > .cell-margin > .cell-content,
		.pd-b-xl > .cell-margin > .cell-content,
		.pd-tb-xl > .cell-margin > .cell-content,
		.mr-xl > .cell-margin,
		.mr-b-xl > .cell-margin,
		.mr-tb-xl > .cell-margin
		{padding-bottom: var(--xl-max);}

		.pd-xxl > .cell-margin > .cell-content,
		.pd-b-xxl > .cell-margin > .cell-content,
		.pd-tb-xxl > .cell-margin > .cell-content,
		.mr-xxl > .cell-margin,
		.mr-b-xxl > .cell-margin,
		.mr-tb-xxl > .cell-margin
		{padding-bottom: var(--xxl-max);}
	}
	/*  MAX  basic padding/margin left */
	@media (min-width:1200px){

		.pd-xxs > .cell-margin > .cell-content,
		.pd-l-xxs > .cell-margin > .cell-content,
		.pd-lr-xxs > .cell-margin > .cell-content,
		.mr-xxs > .cell-margin,
		.mr-l-xxs > .cell-margin,
		.mr-lr-xxs > .cell-margin
		{padding-left: var(--xxs-max);}

		.pd-xs > .cell-margin > .cell-content,
		.pd-l-xs > .cell-margin > .cell-content,
		.pd-lr-xs > .cell-margin > .cell-content,
		.mr-xs > .cell-margin,
		.mr-l-xs > .cell-margin,
		.mr-lr-xs > .cell-margin
		{padding-left: var(--xs-max);}

		.pd-sm > .cell-margin > .cell-content,
		.pd-l-sm > .cell-margin > .cell-content,
		.pd-lr-sm > .cell-margin > .cell-content,
		.mr-sm > .cell-margin,
		.mr-l-sm > .cell-margin,
		.mr-lr-sm > .cell-margin
		{padding-left: var(--sm-max);}

		.pd-md > .cell-margin > .cell-content,
		.pd-l-md > .cell-margin > .cell-content,
		.pd-lr-md > .cell-margin > .cell-content,
		.mr-md > .cell-margin,
		.mr-l-md > .cell-margin,
		.mr-lr-md > .cell-margin
		{padding-left: var(--md-max);}

		.pd-lg > .cell-margin > .cell-content,
		.pd-l-lg > .cell-margin > .cell-content,
		.pd-lr-lg > .cell-margin > .cell-content,
		.mr-lg > .cell-margin,
		.mr-l-lg > .cell-margin,
		.mr-lr-lg > .cell-margin
		{padding-left: var(--lg-max);}

		.pd-xl > .cell-margin > .cell-content,
		.pd-l-xl > .cell-margin > .cell-content,
		.pd-lr-xl > .cell-margin > .cell-content,
		.mr-xl > .cell-margin,
		.mr-l-xl > .cell-margin,
		.mr-lr-xl > .cell-margin
		{padding-left: var(--xl-max);}

		.pd-xxl > .cell-margin > .cell-content,
		.pd-l-xxl > .cell-margin > .cell-content,
		.pd-lr-xxl > .cell-margin > .cell-content,
		.mr-xxl > .cell-margin,
		.mr-l-xxl > .cell-margin,
		.mr-lr-xxl > .cell-margin
		{padding-left: var(--xxl-max);}
	}
	/*  MAX  basic padding/margin right */
	@media (min-width:1200px){

		.pd-xxs > .cell-margin > .cell-content,
		.pd-r-xxs > .cell-margin > .cell-content,
		.pd-lr-xxs > .cell-margin > .cell-content,
		.mr-xxs > .cell-margin,
		.mr-r-xxs > .cell-margin,
		.mr-lr-xxs > .cell-margin
		{padding-right: var(--xxs-max);}

		.pd-xs > .cell-margin > .cell-content,
		.pd-r-xs > .cell-margin > .cell-content,
		.pd-lr-xs > .cell-margin > .cell-content,
		.mr-xs > .cell-margin,
		.mr-r-xs > .cell-margin,
		.mr-lr-xs > .cell-margin
		{padding-right: var(--xs-max);}

		.pd-sm > .cell-margin > .cell-content,
		.pd-r-sm > .cell-margin > .cell-content,
		.pd-lr-sm > .cell-margin > .cell-content,
		.mr-sm > .cell-margin,
		.mr-r-sm > .cell-margin,
		.mr-lr-sm > .cell-margin
		{padding-right: var(--sm-max);}

		.pd-md > .cell-margin > .cell-content,
		.pd-r-md > .cell-margin > .cell-content,
		.pd-lr-md > .cell-margin > .cell-content,
		.mr-md > .cell-margin,
		.mr-r-md > .cell-margin,
		.mr-lr-md > .cell-margin
		{padding-right: var(--md-max);}

		.pd-lg > .cell-margin > .cell-content,
		.pd-r-lg > .cell-margin > .cell-content,
		.pd-lr-lg > .cell-margin > .cell-content,
		.mr-lg > .cell-margin,
		.mr-r-lg > .cell-margin,
		.mr-lr-lg > .cell-margin
		{padding-right: var(--lg-max);}

		.pd-xl > .cell-margin > .cell-content,
		.pd-r-xl > .cell-margin > .cell-content,
		.pd-lr-xl > .cell-margin > .cell-content,
		.mr-xl > .cell-margin,
		.mr-r-xl > .cell-margin,
		.mr-lr-xl > .cell-margin
		{padding-right: var(--xl-max);}

		.pd-xxl > .cell-margin > .cell-content,
		.pd-r-xxl > .cell-margin > .cell-content,
		.pd-lr-xxl > .cell-margin > .cell-content,
		.mr-xxl > .cell-margin,
		.mr-r-xxl > .cell-margin,
		.mr-lr-xxl > .cell-margin
		{padding-right: var(--xxl-max);}
	}

.__________________________MAX_padding_margin_XS{}
	/*  MAX  XS padding/margin top */
	@media (min-width:1200px){

		.xs-pd-xxs > .cell-margin > .cell-content,
		.xs-pd-t-xxs > .cell-margin > .cell-content,
		.xs-pd-tb-xxs > .cell-margin > .cell-content,
		.xs-mr-xxs > .cell-margin,
		.xs-mr-t-xxs > .cell-margin,
		.xs-mr-tb-xxs > .cell-margin
		{padding-top: var(--xxs-max);}

		.xs-pd-xs > .cell-margin > .cell-content,
		.xs-pd-t-xs > .cell-margin > .cell-content,
		.xs-pd-tb-xs > .cell-margin > .cell-content,
		.xs-mr-xs > .cell-margin,
		.xs-mr-t-xs > .cell-margin,
		.xs-mr-tb-xs > .cell-margin
		{padding-top: var(--xs-max);}

		.xs-pd-sm > .cell-margin > .cell-content,
		.xs-pd-t-sm > .cell-margin > .cell-content,
		.xs-pd-tb-sm > .cell-margin > .cell-content,
		.xs-mr-sm > .cell-margin,
		.xs-mr-t-sm > .cell-margin,
		.xs-mr-tb-sm > .cell-margin
		{padding-top: var(--sm-max);}

		.xs-pd-md > .cell-margin > .cell-content,
		.xs-pd-t-md > .cell-margin > .cell-content,
		.xs-pd-tb-md > .cell-margin > .cell-content,
		.xs-mr-md > .cell-margin,
		.xs-mr-t-md > .cell-margin,
		.xs-mr-tb-md > .cell-margin
		{padding-top: var(--md-max);}

		.xs-pd-lg > .cell-margin > .cell-content,
		.xs-pd-t-lg > .cell-margin > .cell-content,
		.xs-pd-tb-lg > .cell-margin > .cell-content,
		.xs-mr-lg > .cell-margin,
		.xs-mr-t-lg > .cell-margin,
		.xs-mr-tb-lg > .cell-margin
		{padding-top: var(--lg-max);}

		.xs-pd-xl > .cell-margin > .cell-content,
		.xs-pd-t-xl > .cell-margin > .cell-content,
		.xs-pd-tb-xl > .cell-margin > .cell-content,
		.xs-mr-xl > .cell-margin,
		.xs-mr-t-xl > .cell-margin,
		.xs-mr-tb-xl > .cell-margin
		{padding-top: var(--xl-max);}

		.xs-pd-xxl > .cell-margin > .cell-content,
		.xs-pd-t-xxl > .cell-margin > .cell-content,
		.xs-pd-tb-xxl > .cell-margin > .cell-content,
		.xs-mr-xxl > .cell-margin,
		.xs-mr-t-xxl > .cell-margin,
		.xs-mr-tb-xxl > .cell-margin
		{padding-top: var(--xxl-max);}
	}
	/*  MAX  XS padding/margin bottom */
	@media (min-width:1200px){

		.xs-pd-xxs > .cell-margin > .cell-content,
		.xs-pd-b-xxs > .cell-margin > .cell-content,
		.xs-pd-tb-xxs > .cell-margin > .cell-content,
		.xs-mr-xxs > .cell-margin,
		.xs-mr-b-xxs > .cell-margin,
		.xs-mr-tb-xxs > .cell-margin
		{padding-bottom: var(--xxs-max);}

		.xs-pd-xs > .cell-margin > .cell-content,
		.xs-pd-b-xs > .cell-margin > .cell-content,
		.xs-pd-tb-xs > .cell-margin > .cell-content,
		.xs-mr-xs > .cell-margin,
		.xs-mr-b-xs > .cell-margin,
		.xs-mr-tb-xs > .cell-margin
		{padding-bottom: var(--xs-max);}

		.xs-pd-sm > .cell-margin > .cell-content,
		.xs-pd-b-sm > .cell-margin > .cell-content,
		.xs-pd-tb-sm > .cell-margin > .cell-content,
		.xs-mr-sm > .cell-margin,
		.xs-mr-b-sm > .cell-margin,
		.xs-mr-tb-sm > .cell-margin
		{padding-bottom: var(--sm-max);}

		.xs-pd-md > .cell-margin > .cell-content,
		.xs-pd-b-md > .cell-margin > .cell-content,
		.xs-pd-tb-md > .cell-margin > .cell-content,
		.xs-mr-md > .cell-margin,
		.xs-mr-b-md > .cell-margin,
		.xs-mr-tb-md > .cell-margin
		{padding-bottom: var(--md-max);}

		.xs-pd-lg > .cell-margin > .cell-content,
		.xs-pd-b-lg > .cell-margin > .cell-content,
		.xs-pd-tb-lg > .cell-margin > .cell-content,
		.xs-mr-lg > .cell-margin,
		.xs-mr-b-lg > .cell-margin,
		.xs-mr-tb-lg > .cell-margin
		{padding-bottom: var(--lg-max);}

		.xs-pd-xl > .cell-margin > .cell-content,
		.xs-pd-b-xl > .cell-margin > .cell-content,
		.xs-pd-tb-xl > .cell-margin > .cell-content,
		.xs-mr-xl > .cell-margin,
		.xs-mr-b-xl > .cell-margin,
		.xs-mr-tb-xl > .cell-margin
		{padding-bottom: var(--xl-max);}

		.xs-pd-xxl > .cell-margin > .cell-content,
		.xs-pd-b-xxl > .cell-margin > .cell-content,
		.xs-pd-tb-xxl > .cell-margin > .cell-content,
		.xs-mr-xxl > .cell-margin,
		.xs-mr-b-xxl > .cell-margin,
		.xs-mr-tb-xxl > .cell-margin
		{padding-bottom: var(--xxl-max);}
	}
	/*  MAX  XS padding/margin left */
	@media (min-width:1200px){

		.xs-pd-xxs > .cell-margin > .cell-content,
		.xs-pd-l-xxs > .cell-margin > .cell-content,
		.xs-pd-lr-xxs > .cell-margin > .cell-content,
		.xs-mr-xxs > .cell-margin,
		.xs-mr-l-xxs > .cell-margin,
		.xs-mr-lr-xxs > .cell-margin
		{padding-left: var(--xxs-max);}

		.xs-pd-xs > .cell-margin > .cell-content,
		.xs-pd-l-xs > .cell-margin > .cell-content,
		.xs-pd-lr-xs > .cell-margin > .cell-content,
		.xs-mr-xs > .cell-margin,
		.xs-mr-l-xs > .cell-margin,
		.xs-mr-lr-xs > .cell-margin
		{padding-left: var(--xs-max);}

		.xs-pd-sm > .cell-margin > .cell-content,
		.xs-pd-l-sm > .cell-margin > .cell-content,
		.xs-pd-lr-sm > .cell-margin > .cell-content,
		.xs-mr-sm > .cell-margin,
		.xs-mr-l-sm > .cell-margin,
		.xs-mr-lr-sm > .cell-margin
		{padding-left: var(--sm-max);}

		.xs-pd-md > .cell-margin > .cell-content,
		.xs-pd-l-md > .cell-margin > .cell-content,
		.xs-pd-lr-md > .cell-margin > .cell-content,
		.xs-mr-md > .cell-margin,
		.xs-mr-l-md > .cell-margin,
		.xs-mr-lr-md > .cell-margin
		{padding-left: var(--md-max);}

		.xs-pd-lg > .cell-margin > .cell-content,
		.xs-pd-l-lg > .cell-margin > .cell-content,
		.xs-pd-lr-lg > .cell-margin > .cell-content,
		.xs-mr-lg > .cell-margin,
		.xs-mr-l-lg > .cell-margin,
		.xs-mr-lr-lg > .cell-margin
		{padding-left: var(--lg-max);}

		.xs-pd-xl > .cell-margin > .cell-content,
		.xs-pd-l-xl > .cell-margin > .cell-content,
		.xs-pd-lr-xl > .cell-margin > .cell-content,
		.xs-mr-xl > .cell-margin,
		.xs-mr-l-xl > .cell-margin,
		.xs-mr-lr-xl > .cell-margin
		{padding-left: var(--xl-max);}

		.xs-pd-xxl > .cell-margin > .cell-content,
		.xs-pd-l-xxl > .cell-margin > .cell-content,
		.xs-pd-lr-xxl > .cell-margin > .cell-content,
		.xs-mr-xxl > .cell-margin,
		.xs-mr-l-xxl > .cell-margin,
		.xs-mr-lr-xxl > .cell-margin
		{padding-left: var(--xxl-max);}
	}
	/*  MAX  XS padding/margin right */
	@media (min-width:1200px){

		.xs-pd-xxs > .cell-margin > .cell-content,
		.xs-pd-r-xxs > .cell-margin > .cell-content,
		.xs-pd-lr-xxs > .cell-margin > .cell-content,
		.xs-mr-xxs > .cell-margin,
		.xs-mr-r-xxs > .cell-margin,
		.xs-mr-lr-xxs > .cell-margin
		{padding-right: var(--xxs-max);}

		.xs-pd-xs > .cell-margin > .cell-content,
		.xs-pd-r-xs > .cell-margin > .cell-content,
		.xs-pd-lr-xs > .cell-margin > .cell-content,
		.xs-mr-xs > .cell-margin,
		.xs-mr-r-xs > .cell-margin,
		.xs-mr-lr-xs > .cell-margin
		{padding-right: var(--xs-max);}

		.xs-pd-sm > .cell-margin > .cell-content,
		.xs-pd-r-sm > .cell-margin > .cell-content,
		.xs-pd-lr-sm > .cell-margin > .cell-content,
		.xs-mr-sm > .cell-margin,
		.xs-mr-r-sm > .cell-margin,
		.xs-mr-lr-sm > .cell-margin
		{padding-right: var(--sm-max);}

		.xs-pd-md > .cell-margin > .cell-content,
		.xs-pd-r-md > .cell-margin > .cell-content,
		.xs-pd-lr-md > .cell-margin > .cell-content,
		.xs-mr-md > .cell-margin,
		.xs-mr-r-md > .cell-margin,
		.xs-mr-lr-md > .cell-margin
		{padding-right: var(--md-max);}

		.xs-pd-lg > .cell-margin > .cell-content,
		.xs-pd-r-lg > .cell-margin > .cell-content,
		.xs-pd-lr-lg > .cell-margin > .cell-content,
		.xs-mr-lg > .cell-margin,
		.xs-mr-r-lg > .cell-margin,
		.xs-mr-lr-lg > .cell-margin
		{padding-right: var(--lg-max);}

		.xs-pd-xl > .cell-margin > .cell-content,
		.xs-pd-r-xl > .cell-margin > .cell-content,
		.xs-pd-lr-xl > .cell-margin > .cell-content,
		.xs-mr-xl > .cell-margin,
		.xs-mr-r-xl > .cell-margin,
		.xs-mr-lr-xl > .cell-margin
		{padding-right: var(--xl-max);}

		.xs-pd-xxl > .cell-margin > .cell-content,
		.xs-pd-r-xxl > .cell-margin > .cell-content,
		.xs-pd-lr-xxl > .cell-margin > .cell-content,
		.xs-mr-xxl > .cell-margin,
		.xs-mr-r-xxl > .cell-margin,
		.xs-mr-lr-xxl > .cell-margin
		{padding-right: var(--xxl-max);}
	}

.__________________________MAX_padding_margin_SM{}
	/*  MAX  SM padding/margin top */
	@media (min-width:1200px){

		.sm-pd-xxs > .cell-margin > .cell-content,
		.sm-pd-t-xxs > .cell-margin > .cell-content,
		.sm-pd-tb-xxs > .cell-margin > .cell-content,
		.sm-mr-xxs > .cell-margin,
		.sm-mr-t-xxs > .cell-margin,
		.sm-mr-tb-xxs > .cell-margin
		{padding-top: var(--xxs-max);}

		.sm-pd-xs > .cell-margin > .cell-content,
		.sm-pd-t-xs > .cell-margin > .cell-content,
		.sm-pd-tb-xs > .cell-margin > .cell-content,
		.sm-mr-xs > .cell-margin,
		.sm-mr-t-xs > .cell-margin,
		.sm-mr-tb-xs > .cell-margin
		{padding-top: var(--xs-max);}

		.sm-pd-sm > .cell-margin > .cell-content,
		.sm-pd-t-sm > .cell-margin > .cell-content,
		.sm-pd-tb-sm > .cell-margin > .cell-content,
		.sm-mr-sm > .cell-margin,
		.sm-mr-t-sm > .cell-margin,
		.sm-mr-tb-sm > .cell-margin
		{padding-top: var(--sm-max);}

		.sm-pd-md > .cell-margin > .cell-content,
		.sm-pd-t-md > .cell-margin > .cell-content,
		.sm-pd-tb-md > .cell-margin > .cell-content,
		.sm-mr-md > .cell-margin,
		.sm-mr-t-md > .cell-margin,
		.sm-mr-tb-md > .cell-margin
		{padding-top: var(--md-max);}

		.sm-pd-lg > .cell-margin > .cell-content,
		.sm-pd-t-lg > .cell-margin > .cell-content,
		.sm-pd-tb-lg > .cell-margin > .cell-content,
		.sm-mr-lg > .cell-margin,
		.sm-mr-t-lg > .cell-margin,
		.sm-mr-tb-lg > .cell-margin
		{padding-top: var(--lg-max);}

		.sm-pd-xl > .cell-margin > .cell-content,
		.sm-pd-t-xl > .cell-margin > .cell-content,
		.sm-pd-tb-xl > .cell-margin > .cell-content,
		.sm-mr-xl > .cell-margin,
		.sm-mr-t-xl > .cell-margin,
		.sm-mr-tb-xl > .cell-margin
		{padding-top: var(--xl-max);}

		.sm-pd-xxl > .cell-margin > .cell-content,
		.sm-pd-t-xxl > .cell-margin > .cell-content,
		.sm-pd-tb-xxl > .cell-margin > .cell-content,
		.sm-mr-xxl > .cell-margin,
		.sm-mr-t-xxl > .cell-margin,
		.sm-mr-tb-xxl > .cell-margin
		{padding-top: var(--xxl-max);}
	}
	/*  MAX  SM padding/margin bottom */
	@media (min-width:1200px){

		.sm-pd-xxs > .cell-margin > .cell-content,
		.sm-pd-b-xxs > .cell-margin > .cell-content,
		.sm-pd-tb-xxs > .cell-margin > .cell-content,
		.sm-mr-xxs > .cell-margin,
		.sm-mr-b-xxs > .cell-margin,
		.sm-mr-tb-xxs > .cell-margin
		{padding-bottom: var(--xxs-max);}

		.sm-pd-xs > .cell-margin > .cell-content,
		.sm-pd-b-xs > .cell-margin > .cell-content,
		.sm-pd-tb-xs > .cell-margin > .cell-content,
		.sm-mr-xs > .cell-margin,
		.sm-mr-b-xs > .cell-margin,
		.sm-mr-tb-xs > .cell-margin
		{padding-bottom: var(--xs-max);}

		.sm-pd-sm > .cell-margin > .cell-content,
		.sm-pd-b-sm > .cell-margin > .cell-content,
		.sm-pd-tb-sm > .cell-margin > .cell-content,
		.sm-mr-sm > .cell-margin,
		.sm-mr-b-sm > .cell-margin,
		.sm-mr-tb-sm > .cell-margin
		{padding-bottom: var(--sm-max);}

		.sm-pd-md > .cell-margin > .cell-content,
		.sm-pd-b-md > .cell-margin > .cell-content,
		.sm-pd-tb-md > .cell-margin > .cell-content,
		.sm-mr-md > .cell-margin,
		.sm-mr-b-md > .cell-margin,
		.sm-mr-tb-md > .cell-margin
		{padding-bottom: var(--md-max);}

		.sm-pd-lg > .cell-margin > .cell-content,
		.sm-pd-b-lg > .cell-margin > .cell-content,
		.sm-pd-tb-lg > .cell-margin > .cell-content,
		.sm-mr-lg > .cell-margin,
		.sm-mr-b-lg > .cell-margin,
		.sm-mr-tb-lg > .cell-margin
		{padding-bottom: var(--lg-max);}

		.sm-pd-xl > .cell-margin > .cell-content,
		.sm-pd-b-xl > .cell-margin > .cell-content,
		.sm-pd-tb-xl > .cell-margin > .cell-content,
		.sm-mr-xl > .cell-margin,
		.sm-mr-b-xl > .cell-margin,
		.sm-mr-tb-xl > .cell-margin
		{padding-bottom: var(--xl-max);}

		.sm-pd-xxl > .cell-margin > .cell-content,
		.sm-pd-b-xxl > .cell-margin > .cell-content,
		.sm-pd-tb-xxl > .cell-margin > .cell-content,
		.sm-mr-xxl > .cell-margin,
		.sm-mr-b-xxl > .cell-margin,
		.sm-mr-tb-xxl > .cell-margin
		{padding-bottom: var(--xxl-max);}
	}
	/*  MAX  SM padding/margin left */
	@media (min-width:1200px){

		.sm-pd-xxs > .cell-margin > .cell-content,
		.sm-pd-l-xxs > .cell-margin > .cell-content,
		.sm-pd-lr-xxs > .cell-margin > .cell-content,
		.sm-mr-xxs > .cell-margin,
		.sm-mr-l-xxs > .cell-margin,
		.sm-mr-lr-xxs > .cell-margin
		{padding-left: var(--xxs-max);}

		.sm-pd-xs > .cell-margin > .cell-content,
		.sm-pd-l-xs > .cell-margin > .cell-content,
		.sm-pd-lr-xs > .cell-margin > .cell-content,
		.sm-mr-xs > .cell-margin,
		.sm-mr-l-xs > .cell-margin,
		.sm-mr-lr-xs > .cell-margin
		{padding-left: var(--xs-max);}

		.sm-pd-sm > .cell-margin > .cell-content,
		.sm-pd-l-sm > .cell-margin > .cell-content,
		.sm-pd-lr-sm > .cell-margin > .cell-content,
		.sm-mr-sm > .cell-margin,
		.sm-mr-l-sm > .cell-margin,
		.sm-mr-lr-sm > .cell-margin
		{padding-left: var(--sm-max);}

		.sm-pd-md > .cell-margin > .cell-content,
		.sm-pd-l-md > .cell-margin > .cell-content,
		.sm-pd-lr-md > .cell-margin > .cell-content,
		.sm-mr-md > .cell-margin,
		.sm-mr-l-md > .cell-margin,
		.sm-mr-lr-md > .cell-margin
		{padding-left: var(--md-max);}

		.sm-pd-lg > .cell-margin > .cell-content,
		.sm-pd-l-lg > .cell-margin > .cell-content,
		.sm-pd-lr-lg > .cell-margin > .cell-content,
		.sm-mr-lg > .cell-margin,
		.sm-mr-l-lg > .cell-margin,
		.sm-mr-lr-lg > .cell-margin
		{padding-left: var(--lg-max);}

		.sm-pd-xl > .cell-margin > .cell-content,
		.sm-pd-l-xl > .cell-margin > .cell-content,
		.sm-pd-lr-xl > .cell-margin > .cell-content,
		.sm-mr-xl > .cell-margin,
		.sm-mr-l-xl > .cell-margin,
		.sm-mr-lr-xl > .cell-margin
		{padding-left: var(--xl-max);}

		.sm-pd-xxl > .cell-margin > .cell-content,
		.sm-pd-l-xxl > .cell-margin > .cell-content,
		.sm-pd-lr-xxl > .cell-margin > .cell-content,
		.sm-mr-xxl > .cell-margin,
		.sm-mr-l-xxl > .cell-margin,
		.sm-mr-lr-xxl > .cell-margin
		{padding-left: var(--xxl-max);}
	}
	/*  MAX  SM padding/margin right */
	@media (min-width:1200px){

		.sm-pd-xxs > .cell-margin > .cell-content,
		.sm-pd-r-xxs > .cell-margin > .cell-content,
		.sm-pd-lr-xxs > .cell-margin > .cell-content,
		.sm-mr-xxs > .cell-margin,
		.sm-mr-r-xxs > .cell-margin,
		.sm-mr-lr-xxs > .cell-margin
		{padding-right: var(--xxs-max);}

		.sm-pd-xs > .cell-margin > .cell-content,
		.sm-pd-r-xs > .cell-margin > .cell-content,
		.sm-pd-lr-xs > .cell-margin > .cell-content,
		.sm-mr-xs > .cell-margin,
		.sm-mr-r-xs > .cell-margin,
		.sm-mr-lr-xs > .cell-margin
		{padding-right: var(--xs-max);}

		.sm-pd-sm > .cell-margin > .cell-content,
		.sm-pd-r-sm > .cell-margin > .cell-content,
		.sm-pd-lr-sm > .cell-margin > .cell-content,
		.sm-mr-sm > .cell-margin,
		.sm-mr-r-sm > .cell-margin,
		.sm-mr-lr-sm > .cell-margin
		{padding-right: var(--sm-max);}

		.sm-pd-md > .cell-margin > .cell-content,
		.sm-pd-r-md > .cell-margin > .cell-content,
		.sm-pd-lr-md > .cell-margin > .cell-content,
		.sm-mr-md > .cell-margin,
		.sm-mr-r-md > .cell-margin,
		.sm-mr-lr-md > .cell-margin
		{padding-right: var(--md-max);}

		.sm-pd-lg > .cell-margin > .cell-content,
		.sm-pd-r-lg > .cell-margin > .cell-content,
		.sm-pd-lr-lg > .cell-margin > .cell-content,
		.sm-mr-lg > .cell-margin,
		.sm-mr-r-lg > .cell-margin,
		.sm-mr-lr-lg > .cell-margin
		{padding-right: var(--lg-max);}

		.sm-pd-xl > .cell-margin > .cell-content,
		.sm-pd-r-xl > .cell-margin > .cell-content,
		.sm-pd-lr-xl > .cell-margin > .cell-content,
		.sm-mr-xl > .cell-margin,
		.sm-mr-r-xl > .cell-margin,
		.sm-mr-lr-xl > .cell-margin
		{padding-right: var(--xl-max);}

		.sm-pd-xxl > .cell-margin > .cell-content,
		.sm-pd-r-xxl > .cell-margin > .cell-content,
		.sm-pd-lr-xxl > .cell-margin > .cell-content,
		.sm-mr-xxl > .cell-margin,
		.sm-mr-r-xxl > .cell-margin,
		.sm-mr-lr-xxl > .cell-margin
		{padding-right: var(--xxl-max);}
	}

.__________________________MAX_padding_margin_MD{}
	/*  MAX  MD padding/margin top */
	@media (min-width:1200px){

		.md-pd-xxs > .cell-margin > .cell-content,
		.md-pd-t-xxs > .cell-margin > .cell-content,
		.md-pd-tb-xxs > .cell-margin > .cell-content,
		.md-mr-xxs > .cell-margin,
		.md-mr-t-xxs > .cell-margin,
		.md-mr-tb-xxs > .cell-margin
		{padding-top: var(--xxs-max);}

		.md-pd-xs > .cell-margin > .cell-content,
		.md-pd-t-xs > .cell-margin > .cell-content,
		.md-pd-tb-xs > .cell-margin > .cell-content,
		.md-mr-xs > .cell-margin,
		.md-mr-t-xs > .cell-margin,
		.md-mr-tb-xs > .cell-margin
		{padding-top: var(--xs-max);}

		.md-pd-sm > .cell-margin > .cell-content,
		.md-pd-t-sm > .cell-margin > .cell-content,
		.md-pd-tb-sm > .cell-margin > .cell-content,
		.md-mr-sm > .cell-margin,
		.md-mr-t-sm > .cell-margin,
		.md-mr-tb-sm > .cell-margin
		{padding-top: var(--sm-max);}

		.md-pd-md > .cell-margin > .cell-content,
		.md-pd-t-md > .cell-margin > .cell-content,
		.md-pd-tb-md > .cell-margin > .cell-content,
		.md-mr-md > .cell-margin,
		.md-mr-t-md > .cell-margin,
		.md-mr-tb-md > .cell-margin
		{padding-top: var(--md-max);}

		.md-pd-lg > .cell-margin > .cell-content,
		.md-pd-t-lg > .cell-margin > .cell-content,
		.md-pd-tb-lg > .cell-margin > .cell-content,
		.md-mr-lg > .cell-margin,
		.md-mr-t-lg > .cell-margin,
		.md-mr-tb-lg > .cell-margin
		{padding-top: var(--lg-max);}

		.md-pd-xl > .cell-margin > .cell-content,
		.md-pd-t-xl > .cell-margin > .cell-content,
		.md-pd-tb-xl > .cell-margin > .cell-content,
		.md-mr-xl > .cell-margin,
		.md-mr-t-xl > .cell-margin,
		.md-mr-tb-xl > .cell-margin
		{padding-top: var(--xl-max);}

		.md-pd-xxl > .cell-margin > .cell-content,
		.md-pd-t-xxl > .cell-margin > .cell-content,
		.md-pd-tb-xxl > .cell-margin > .cell-content,
		.md-mr-xxl > .cell-margin,
		.md-mr-t-xxl > .cell-margin,
		.md-mr-tb-xxl > .cell-margin
		{padding-top: var(--xxl-max);}
	}
	/*  MAX  MD padding/margin bottom */
	@media (min-width:1200px){

		.md-pd-xxs > .cell-margin > .cell-content,
		.md-pd-b-xxs > .cell-margin > .cell-content,
		.md-pd-tb-xxs > .cell-margin > .cell-content,
		.md-mr-xxs > .cell-margin,
		.md-mr-b-xxs > .cell-margin,
		.md-mr-tb-xxs > .cell-margin
		{padding-bottom: var(--xxs-max);}

		.md-pd-xs > .cell-margin > .cell-content,
		.md-pd-b-xs > .cell-margin > .cell-content,
		.md-pd-tb-xs > .cell-margin > .cell-content,
		.md-mr-xs > .cell-margin,
		.md-mr-b-xs > .cell-margin,
		.md-mr-tb-xs > .cell-margin
		{padding-bottom: var(--xs-max);}

		.md-pd-sm > .cell-margin > .cell-content,
		.md-pd-b-sm > .cell-margin > .cell-content,
		.md-pd-tb-sm > .cell-margin > .cell-content,
		.md-mr-sm > .cell-margin,
		.md-mr-b-sm > .cell-margin,
		.md-mr-tb-sm > .cell-margin
		{padding-bottom: var(--sm-max);}

		.md-pd-md > .cell-margin > .cell-content,
		.md-pd-b-md > .cell-margin > .cell-content,
		.md-pd-tb-md > .cell-margin > .cell-content,
		.md-mr-md > .cell-margin,
		.md-mr-b-md > .cell-margin,
		.md-mr-tb-md > .cell-margin
		{padding-bottom: var(--md-max);}

		.md-pd-lg > .cell-margin > .cell-content,
		.md-pd-b-lg > .cell-margin > .cell-content,
		.md-pd-tb-lg > .cell-margin > .cell-content,
		.md-mr-lg > .cell-margin,
		.md-mr-b-lg > .cell-margin,
		.md-mr-tb-lg > .cell-margin
		{padding-bottom: var(--lg-max);}

		.md-pd-xl > .cell-margin > .cell-content,
		.md-pd-b-xl > .cell-margin > .cell-content,
		.md-pd-tb-xl > .cell-margin > .cell-content,
		.md-mr-xl > .cell-margin,
		.md-mr-b-xl > .cell-margin,
		.md-mr-tb-xl > .cell-margin
		{padding-bottom: var(--xl-max);}

		.md-pd-xxl > .cell-margin > .cell-content,
		.md-pd-b-xxl > .cell-margin > .cell-content,
		.md-pd-tb-xxl > .cell-margin > .cell-content,
		.md-mr-xxl > .cell-margin,
		.md-mr-b-xxl > .cell-margin,
		.md-mr-tb-xxl > .cell-margin
		{padding-bottom: var(--xxl-max);}
	}
	/*  MAX  MD padding/margin left */
	@media (min-width:1200px){

		.md-pd-xxs > .cell-margin > .cell-content,
		.md-pd-l-xxs > .cell-margin > .cell-content,
		.md-pd-lr-xxs > .cell-margin > .cell-content,
		.md-mr-xxs > .cell-margin,
		.md-mr-l-xxs > .cell-margin,
		.md-mr-lr-xxs > .cell-margin
		{padding-left: var(--xxs-max);}

		.md-pd-xs > .cell-margin > .cell-content,
		.md-pd-l-xs > .cell-margin > .cell-content,
		.md-pd-lr-xs > .cell-margin > .cell-content,
		.md-mr-xs > .cell-margin,
		.md-mr-l-xs > .cell-margin,
		.md-mr-lr-xs > .cell-margin
		{padding-left: var(--xs-max);}

		.md-pd-sm > .cell-margin > .cell-content,
		.md-pd-l-sm > .cell-margin > .cell-content,
		.md-pd-lr-sm > .cell-margin > .cell-content,
		.md-mr-sm > .cell-margin,
		.md-mr-l-sm > .cell-margin,
		.md-mr-lr-sm > .cell-margin
		{padding-left: var(--sm-max);}

		.md-pd-md > .cell-margin > .cell-content,
		.md-pd-l-md > .cell-margin > .cell-content,
		.md-pd-lr-md > .cell-margin > .cell-content,
		.md-mr-md > .cell-margin,
		.md-mr-l-md > .cell-margin,
		.md-mr-lr-md > .cell-margin
		{padding-left: var(--md-max);}

		.md-pd-lg > .cell-margin > .cell-content,
		.md-pd-l-lg > .cell-margin > .cell-content,
		.md-pd-lr-lg > .cell-margin > .cell-content,
		.md-mr-lg > .cell-margin,
		.md-mr-l-lg > .cell-margin,
		.md-mr-lr-lg > .cell-margin
		{padding-left: var(--lg-max);}

		.md-pd-xl > .cell-margin > .cell-content,
		.md-pd-l-xl > .cell-margin > .cell-content,
		.md-pd-lr-xl > .cell-margin > .cell-content,
		.md-mr-xl > .cell-margin,
		.md-mr-l-xl > .cell-margin,
		.md-mr-lr-xl > .cell-margin
		{padding-left: var(--xl-max);}

		.md-pd-xxl > .cell-margin > .cell-content,
		.md-pd-l-xxl > .cell-margin > .cell-content,
		.md-pd-lr-xxl > .cell-margin > .cell-content,
		.md-mr-xxl > .cell-margin,
		.md-mr-l-xxl > .cell-margin,
		.md-mr-lr-xxl > .cell-margin
		{padding-left: var(--xxl-max);}
	}
	/*  MAX  MD padding/margin right */
	@media (min-width:1200px){

		.md-pd-xxs > .cell-margin > .cell-content,
		.md-pd-r-xxs > .cell-margin > .cell-content,
		.md-pd-lr-xxs > .cell-margin > .cell-content,
		.md-mr-xxs > .cell-margin,
		.md-mr-r-xxs > .cell-margin,
		.md-mr-lr-xxs > .cell-margin
		{padding-right: var(--xxs-max);}

		.md-pd-xs > .cell-margin > .cell-content,
		.md-pd-r-xs > .cell-margin > .cell-content,
		.md-pd-lr-xs > .cell-margin > .cell-content,
		.md-mr-xs > .cell-margin,
		.md-mr-r-xs > .cell-margin,
		.md-mr-lr-xs > .cell-margin
		{padding-right: var(--xs-max);}

		.md-pd-sm > .cell-margin > .cell-content,
		.md-pd-r-sm > .cell-margin > .cell-content,
		.md-pd-lr-sm > .cell-margin > .cell-content,
		.md-mr-sm > .cell-margin,
		.md-mr-r-sm > .cell-margin,
		.md-mr-lr-sm > .cell-margin
		{padding-right: var(--sm-max);}

		.md-pd-md > .cell-margin > .cell-content,
		.md-pd-r-md > .cell-margin > .cell-content,
		.md-pd-lr-md > .cell-margin > .cell-content,
		.md-mr-md > .cell-margin,
		.md-mr-r-md > .cell-margin,
		.md-mr-lr-md > .cell-margin
		{padding-right: var(--md-max);}

		.md-pd-lg > .cell-margin > .cell-content,
		.md-pd-r-lg > .cell-margin > .cell-content,
		.md-pd-lr-lg > .cell-margin > .cell-content,
		.md-mr-lg > .cell-margin,
		.md-mr-r-lg > .cell-margin,
		.md-mr-lr-lg > .cell-margin
		{padding-right: var(--lg-max);}

		.md-pd-xl > .cell-margin > .cell-content,
		.md-pd-r-xl > .cell-margin > .cell-content,
		.md-pd-lr-xl > .cell-margin > .cell-content,
		.md-mr-xl > .cell-margin,
		.md-mr-r-xl > .cell-margin,
		.md-mr-lr-xl > .cell-margin
		{padding-right: var(--xl-max);}

		.md-pd-xxl > .cell-margin > .cell-content,
		.md-pd-r-xxl > .cell-margin > .cell-content,
		.md-pd-lr-xxl > .cell-margin > .cell-content,
		.md-mr-xxl > .cell-margin,
		.md-mr-r-xxl > .cell-margin,
		.md-mr-lr-xxl > .cell-margin
		{padding-right: var(--xxl-max);}
	}

.__________________________MAX_padding_margin_LG{}
	/*  MAX  LG padding/margin top */
	@media (min-width:1200px){

		.lg-pd-xxs > .cell-margin > .cell-content,
		.lg-pd-t-xxs > .cell-margin > .cell-content,
		.lg-pd-tb-xxs > .cell-margin > .cell-content,
		.lg-mr-xxs > .cell-margin,
		.lg-mr-t-xxs > .cell-margin,
		.lg-mr-tb-xxs > .cell-margin
		{padding-top: var(--xxs-max);}

		.lg-pd-xs > .cell-margin > .cell-content,
		.lg-pd-t-xs > .cell-margin > .cell-content,
		.lg-pd-tb-xs > .cell-margin > .cell-content,
		.lg-mr-xs > .cell-margin,
		.lg-mr-t-xs > .cell-margin,
		.lg-mr-tb-xs > .cell-margin
		{padding-top: var(--xs-max);}

		.lg-pd-sm > .cell-margin > .cell-content,
		.lg-pd-t-sm > .cell-margin > .cell-content,
		.lg-pd-tb-sm > .cell-margin > .cell-content,
		.lg-mr-sm > .cell-margin,
		.lg-mr-t-sm > .cell-margin,
		.lg-mr-tb-sm > .cell-margin
		{padding-top: var(--sm-max);}

		.lg-pd-md > .cell-margin > .cell-content,
		.lg-pd-t-md > .cell-margin > .cell-content,
		.lg-pd-tb-md > .cell-margin > .cell-content,
		.lg-mr-md > .cell-margin,
		.lg-mr-t-md > .cell-margin,
		.lg-mr-tb-md > .cell-margin
		{padding-top: var(--md-max);}

		.lg-pd-lg > .cell-margin > .cell-content,
		.lg-pd-t-lg > .cell-margin > .cell-content,
		.lg-pd-tb-lg > .cell-margin > .cell-content,
		.lg-mr-lg > .cell-margin,
		.lg-mr-t-lg > .cell-margin,
		.lg-mr-tb-lg > .cell-margin
		{padding-top: var(--lg-max);}

		.lg-pd-xl > .cell-margin > .cell-content,
		.lg-pd-t-xl > .cell-margin > .cell-content,
		.lg-pd-tb-xl > .cell-margin > .cell-content,
		.lg-mr-xl > .cell-margin,
		.lg-mr-t-xl > .cell-margin,
		.lg-mr-tb-xl > .cell-margin
		{padding-top: var(--xl-max);}

		.lg-pd-xxl > .cell-margin > .cell-content,
		.lg-pd-t-xxl > .cell-margin > .cell-content,
		.lg-pd-tb-xxl > .cell-margin > .cell-content,
		.lg-mr-xxl > .cell-margin,
		.lg-mr-t-xxl > .cell-margin,
		.lg-mr-tb-xxl > .cell-margin
		{padding-top: var(--xxl-max);}
	}
	/*  MAX  LG padding/margin bottom */
	@media (min-width:1200px){

		.lg-pd-xxs > .cell-margin > .cell-content,
		.lg-pd-b-xxs > .cell-margin > .cell-content,
		.lg-pd-tb-xxs > .cell-margin > .cell-content,
		.lg-mr-xxs > .cell-margin,
		.lg-mr-b-xxs > .cell-margin,
		.lg-mr-tb-xxs > .cell-margin
		{padding-bottom: var(--xxs-max);}

		.lg-pd-xs > .cell-margin > .cell-content,
		.lg-pd-b-xs > .cell-margin > .cell-content,
		.lg-pd-tb-xs > .cell-margin > .cell-content,
		.lg-mr-xs > .cell-margin,
		.lg-mr-b-xs > .cell-margin,
		.lg-mr-tb-xs > .cell-margin
		{padding-bottom: var(--xs-max);}

		.lg-pd-sm > .cell-margin > .cell-content,
		.lg-pd-b-sm > .cell-margin > .cell-content,
		.lg-pd-tb-sm > .cell-margin > .cell-content,
		.lg-mr-sm > .cell-margin,
		.lg-mr-b-sm > .cell-margin,
		.lg-mr-tb-sm > .cell-margin
		{padding-bottom: var(--sm-max);}

		.lg-pd-md > .cell-margin > .cell-content,
		.lg-pd-b-md > .cell-margin > .cell-content,
		.lg-pd-tb-md > .cell-margin > .cell-content,
		.lg-mr-md > .cell-margin,
		.lg-mr-b-md > .cell-margin,
		.lg-mr-tb-md > .cell-margin
		{padding-bottom: var(--md-max);}

		.lg-pd-lg > .cell-margin > .cell-content,
		.lg-pd-b-lg > .cell-margin > .cell-content,
		.lg-pd-tb-lg > .cell-margin > .cell-content,
		.lg-mr-lg > .cell-margin,
		.lg-mr-b-lg > .cell-margin,
		.lg-mr-tb-lg > .cell-margin
		{padding-bottom: var(--lg-max);}

		.lg-pd-xl > .cell-margin > .cell-content,
		.lg-pd-b-xl > .cell-margin > .cell-content,
		.lg-pd-tb-xl > .cell-margin > .cell-content,
		.lg-mr-xl > .cell-margin,
		.lg-mr-b-xl > .cell-margin,
		.lg-mr-tb-xl > .cell-margin
		{padding-bottom: var(--xl-max);}

		.lg-pd-xxl > .cell-margin > .cell-content,
		.lg-pd-b-xxl > .cell-margin > .cell-content,
		.lg-pd-tb-xxl > .cell-margin > .cell-content,
		.lg-mr-xxl > .cell-margin,
		.lg-mr-b-xxl > .cell-margin,
		.lg-mr-tb-xxl > .cell-margin
		{padding-bottom: var(--xxl-max);}
	}
	/*  MAX  LG padding/margin left */
	@media (min-width:1200px){

		.lg-pd-xxs > .cell-margin > .cell-content,
		.lg-pd-l-xxs > .cell-margin > .cell-content,
		.lg-pd-lr-xxs > .cell-margin > .cell-content,
		.lg-mr-xxs > .cell-margin,
		.lg-mr-l-xxs > .cell-margin,
		.lg-mr-lr-xxs > .cell-margin
		{padding-left: var(--xxs-max);}

		.lg-pd-xs > .cell-margin > .cell-content,
		.lg-pd-l-xs > .cell-margin > .cell-content,
		.lg-pd-lr-xs > .cell-margin > .cell-content,
		.lg-mr-xs > .cell-margin,
		.lg-mr-l-xs > .cell-margin,
		.lg-mr-lr-xs > .cell-margin
		{padding-left: var(--xs-max);}

		.lg-pd-sm > .cell-margin > .cell-content,
		.lg-pd-l-sm > .cell-margin > .cell-content,
		.lg-pd-lr-sm > .cell-margin > .cell-content,
		.lg-mr-sm > .cell-margin,
		.lg-mr-l-sm > .cell-margin,
		.lg-mr-lr-sm > .cell-margin
		{padding-left: var(--sm-max);}

		.lg-pd-md > .cell-margin > .cell-content,
		.lg-pd-l-md > .cell-margin > .cell-content,
		.lg-pd-lr-md > .cell-margin > .cell-content,
		.lg-mr-md > .cell-margin,
		.lg-mr-l-md > .cell-margin,
		.lg-mr-lr-md > .cell-margin
		{padding-left: var(--md-max);}

		.lg-pd-lg > .cell-margin > .cell-content,
		.lg-pd-l-lg > .cell-margin > .cell-content,
		.lg-pd-lr-lg > .cell-margin > .cell-content,
		.lg-mr-lg > .cell-margin,
		.lg-mr-l-lg > .cell-margin,
		.lg-mr-lr-lg > .cell-margin
		{padding-left: var(--lg-max);}

		.lg-pd-xl > .cell-margin > .cell-content,
		.lg-pd-l-xl > .cell-margin > .cell-content,
		.lg-pd-lr-xl > .cell-margin > .cell-content,
		.lg-mr-xl > .cell-margin,
		.lg-mr-l-xl > .cell-margin,
		.lg-mr-lr-xl > .cell-margin
		{padding-left: var(--xl-max);}

		.lg-pd-xxl > .cell-margin > .cell-content,
		.lg-pd-l-xxl > .cell-margin > .cell-content,
		.lg-pd-lr-xxl > .cell-margin > .cell-content,
		.lg-mr-xxl > .cell-margin,
		.lg-mr-l-xxl > .cell-margin,
		.lg-mr-lr-xxl > .cell-margin
		{padding-left: var(--xxl-max);}
	}
	/*  MAX  LG padding/margin right */
	@media (min-width:1200px){

		.lg-pd-xxs > .cell-margin > .cell-content,
		.lg-pd-r-xxs > .cell-margin > .cell-content,
		.lg-pd-lr-xxs > .cell-margin > .cell-content,
		.lg-mr-xxs > .cell-margin,
		.lg-mr-r-xxs > .cell-margin,
		.lg-mr-lr-xxs > .cell-margin
		{padding-right: var(--xxs-max);}

		.lg-pd-xs > .cell-margin > .cell-content,
		.lg-pd-r-xs > .cell-margin > .cell-content,
		.lg-pd-lr-xs > .cell-margin > .cell-content,
		.lg-mr-xs > .cell-margin,
		.lg-mr-r-xs > .cell-margin,
		.lg-mr-lr-xs > .cell-margin
		{padding-right: var(--xs-max);}

		.lg-pd-sm > .cell-margin > .cell-content,
		.lg-pd-r-sm > .cell-margin > .cell-content,
		.lg-pd-lr-sm > .cell-margin > .cell-content,
		.lg-mr-sm > .cell-margin,
		.lg-mr-r-sm > .cell-margin,
		.lg-mr-lr-sm > .cell-margin
		{padding-right: var(--sm-max);}

		.lg-pd-md > .cell-margin > .cell-content,
		.lg-pd-r-md > .cell-margin > .cell-content,
		.lg-pd-lr-md > .cell-margin > .cell-content,
		.lg-mr-md > .cell-margin,
		.lg-mr-r-md > .cell-margin,
		.lg-mr-lr-md > .cell-margin
		{padding-right: var(--md-max);}

		.lg-pd-lg > .cell-margin > .cell-content,
		.lg-pd-r-lg > .cell-margin > .cell-content,
		.lg-pd-lr-lg > .cell-margin > .cell-content,
		.lg-mr-lg > .cell-margin,
		.lg-mr-r-lg > .cell-margin,
		.lg-mr-lr-lg > .cell-margin
		{padding-right: var(--lg-max);}

		.lg-pd-xl > .cell-margin > .cell-content,
		.lg-pd-r-xl > .cell-margin > .cell-content,
		.lg-pd-lr-xl > .cell-margin > .cell-content,
		.lg-mr-xl > .cell-margin,
		.lg-mr-r-xl > .cell-margin,
		.lg-mr-lr-xl > .cell-margin
		{padding-right: var(--xl-max);}

		.lg-pd-xxl > .cell-margin > .cell-content,
		.lg-pd-r-xxl > .cell-margin > .cell-content,
		.lg-pd-lr-xxl > .cell-margin > .cell-content,
		.lg-mr-xxl > .cell-margin,
		.lg-mr-r-xxl > .cell-margin,
		.lg-mr-lr-xxl > .cell-margin
		{padding-right: var(--xxl-max);}
	}

.__________________________MAX_padding_margin_XL{}
	/*  MAX  XL padding/margin top */
	@media (min-width:1200px){

		.xl-pd-xxs > .cell-margin > .cell-content,
		.xl-pd-t-xxs > .cell-margin > .cell-content,
		.xl-pd-tb-xxs > .cell-margin > .cell-content,
		.xl-mr-xxs > .cell-margin,
		.xl-mr-t-xxs > .cell-margin,
		.xl-mr-tb-xxs > .cell-margin
		{padding-top: var(--xxs-max);}

		.xl-pd-xs > .cell-margin > .cell-content,
		.xl-pd-t-xs > .cell-margin > .cell-content,
		.xl-pd-tb-xs > .cell-margin > .cell-content,
		.xl-mr-xs > .cell-margin,
		.xl-mr-t-xs > .cell-margin,
		.xl-mr-tb-xs > .cell-margin
		{padding-top: var(--xs-max);}

		.xl-pd-sm > .cell-margin > .cell-content,
		.xl-pd-t-sm > .cell-margin > .cell-content,
		.xl-pd-tb-sm > .cell-margin > .cell-content,
		.xl-mr-sm > .cell-margin,
		.xl-mr-t-sm > .cell-margin,
		.xl-mr-tb-sm > .cell-margin
		{padding-top: var(--sm-max);}

		.xl-pd-md > .cell-margin > .cell-content,
		.xl-pd-t-md > .cell-margin > .cell-content,
		.xl-pd-tb-md > .cell-margin > .cell-content,
		.xl-mr-md > .cell-margin,
		.xl-mr-t-md > .cell-margin,
		.xl-mr-tb-md > .cell-margin
		{padding-top: var(--md-max);}

		.xl-pd-lg > .cell-margin > .cell-content,
		.xl-pd-t-lg > .cell-margin > .cell-content,
		.xl-pd-tb-lg > .cell-margin > .cell-content,
		.xl-mr-lg > .cell-margin,
		.xl-mr-t-lg > .cell-margin,
		.xl-mr-tb-lg > .cell-margin
		{padding-top: var(--lg-max);}

		.xl-pd-xl > .cell-margin > .cell-content,
		.xl-pd-t-xl > .cell-margin > .cell-content,
		.xl-pd-tb-xl > .cell-margin > .cell-content,
		.xl-mr-xl > .cell-margin,
		.xl-mr-t-xl > .cell-margin,
		.xl-mr-tb-xl > .cell-margin
		{padding-top: var(--xl-max);}

		.xl-pd-xxl > .cell-margin > .cell-content,
		.xl-pd-t-xxl > .cell-margin > .cell-content,
		.xl-pd-tb-xxl > .cell-margin > .cell-content,
		.xl-mr-xxl > .cell-margin,
		.xl-mr-t-xxl > .cell-margin,
		.xl-mr-tb-xxl > .cell-margin
		{padding-top: var(--xxl-max);}
	}
	/*  MAX  XL padding/margin bottom */
	@media (min-width:1200px){

		.xl-pd-xxs > .cell-margin > .cell-content,
		.xl-pd-b-xxs > .cell-margin > .cell-content,
		.xl-pd-tb-xxs > .cell-margin > .cell-content,
		.xl-mr-xxs > .cell-margin,
		.xl-mr-b-xxs > .cell-margin,
		.xl-mr-tb-xxs > .cell-margin
		{padding-bottom: var(--xxs-max);}

		.xl-pd-xs > .cell-margin > .cell-content,
		.xl-pd-b-xs > .cell-margin > .cell-content,
		.xl-pd-tb-xs > .cell-margin > .cell-content,
		.xl-mr-xs > .cell-margin,
		.xl-mr-b-xs > .cell-margin,
		.xl-mr-tb-xs > .cell-margin
		{padding-bottom: var(--xs-max);}

		.xl-pd-sm > .cell-margin > .cell-content,
		.xl-pd-b-sm > .cell-margin > .cell-content,
		.xl-pd-tb-sm > .cell-margin > .cell-content,
		.xl-mr-sm > .cell-margin,
		.xl-mr-b-sm > .cell-margin,
		.xl-mr-tb-sm > .cell-margin
		{padding-bottom: var(--sm-max);}

		.xl-pd-md > .cell-margin > .cell-content,
		.xl-pd-b-md > .cell-margin > .cell-content,
		.xl-pd-tb-md > .cell-margin > .cell-content,
		.xl-mr-md > .cell-margin,
		.xl-mr-b-md > .cell-margin,
		.xl-mr-tb-md > .cell-margin
		{padding-bottom: var(--md-max);}

		.xl-pd-lg > .cell-margin > .cell-content,
		.xl-pd-b-lg > .cell-margin > .cell-content,
		.xl-pd-tb-lg > .cell-margin > .cell-content,
		.xl-mr-lg > .cell-margin,
		.xl-mr-b-lg > .cell-margin,
		.xl-mr-tb-lg > .cell-margin
		{padding-bottom: var(--lg-max);}

		.xl-pd-xl > .cell-margin > .cell-content,
		.xl-pd-b-xl > .cell-margin > .cell-content,
		.xl-pd-tb-xl > .cell-margin > .cell-content,
		.xl-mr-xl > .cell-margin,
		.xl-mr-b-xl > .cell-margin,
		.xl-mr-tb-xl > .cell-margin
		{padding-bottom: var(--xl-max);}

		.xl-pd-xxl > .cell-margin > .cell-content,
		.xl-pd-b-xxl > .cell-margin > .cell-content,
		.xl-pd-tb-xxl > .cell-margin > .cell-content,
		.xl-mr-xxl > .cell-margin,
		.xl-mr-b-xxl > .cell-margin,
		.xl-mr-tb-xxl > .cell-margin
		{padding-bottom: var(--xxl-max);}
	}
	/*  MAX  XL padding/margin left */
	@media (min-width:1200px){

		.xl-pd-xxs > .cell-margin > .cell-content,
		.xl-pd-l-xxs > .cell-margin > .cell-content,
		.xl-pd-lr-xxs > .cell-margin > .cell-content,
		.xl-mr-xxs > .cell-margin,
		.xl-mr-l-xxs > .cell-margin,
		.xl-mr-lr-xxs > .cell-margin
		{padding-left: var(--xxs-max);}

		.xl-pd-xs > .cell-margin > .cell-content,
		.xl-pd-l-xs > .cell-margin > .cell-content,
		.xl-pd-lr-xs > .cell-margin > .cell-content,
		.xl-mr-xs > .cell-margin,
		.xl-mr-l-xs > .cell-margin,
		.xl-mr-lr-xs > .cell-margin
		{padding-left: var(--xs-max);}

		.xl-pd-sm > .cell-margin > .cell-content,
		.xl-pd-l-sm > .cell-margin > .cell-content,
		.xl-pd-lr-sm > .cell-margin > .cell-content,
		.xl-mr-sm > .cell-margin,
		.xl-mr-l-sm > .cell-margin,
		.xl-mr-lr-sm > .cell-margin
		{padding-left: var(--sm-max);}

		.xl-pd-md > .cell-margin > .cell-content,
		.xl-pd-l-md > .cell-margin > .cell-content,
		.xl-pd-lr-md > .cell-margin > .cell-content,
		.xl-mr-md > .cell-margin,
		.xl-mr-l-md > .cell-margin,
		.xl-mr-lr-md > .cell-margin
		{padding-left: var(--md-max);}

		.xl-pd-lg > .cell-margin > .cell-content,
		.xl-pd-l-lg > .cell-margin > .cell-content,
		.xl-pd-lr-lg > .cell-margin > .cell-content,
		.xl-mr-lg > .cell-margin,
		.xl-mr-l-lg > .cell-margin,
		.xl-mr-lr-lg > .cell-margin
		{padding-left: var(--lg-max);}

		.xl-pd-xl > .cell-margin > .cell-content,
		.xl-pd-l-xl > .cell-margin > .cell-content,
		.xl-pd-lr-xl > .cell-margin > .cell-content,
		.xl-mr-xl > .cell-margin,
		.xl-mr-l-xl > .cell-margin,
		.xl-mr-lr-xl > .cell-margin
		{padding-left: var(--xl-max);}

		.xl-pd-xxl > .cell-margin > .cell-content,
		.xl-pd-l-xxl > .cell-margin > .cell-content,
		.xl-pd-lr-xxl > .cell-margin > .cell-content,
		.xl-mr-xxl > .cell-margin,
		.xl-mr-l-xxl > .cell-margin,
		.xl-mr-lr-xxl > .cell-margin
		{padding-left: var(--xxl-max);}
	}
	/*  MAX  XL padding/margin right */
	@media (min-width:1200px){

		.xl-pd-xxs > .cell-margin > .cell-content,
		.xl-pd-r-xxs > .cell-margin > .cell-content,
		.xl-pd-lr-xxs > .cell-margin > .cell-content,
		.xl-mr-xxs > .cell-margin,
		.xl-mr-r-xxs > .cell-margin,
		.xl-mr-lr-xxs > .cell-margin
		{padding-right: var(--xxs-max);}

		.xl-pd-xs > .cell-margin > .cell-content,
		.xl-pd-r-xs > .cell-margin > .cell-content,
		.xl-pd-lr-xs > .cell-margin > .cell-content,
		.xl-mr-xs > .cell-margin,
		.xl-mr-r-xs > .cell-margin,
		.xl-mr-lr-xs > .cell-margin
		{padding-right: var(--xs-max);}

		.xl-pd-sm > .cell-margin > .cell-content,
		.xl-pd-r-sm > .cell-margin > .cell-content,
		.xl-pd-lr-sm > .cell-margin > .cell-content,
		.xl-mr-sm > .cell-margin,
		.xl-mr-r-sm > .cell-margin,
		.xl-mr-lr-sm > .cell-margin
		{padding-right: var(--sm-max);}

		.xl-pd-md > .cell-margin > .cell-content,
		.xl-pd-r-md > .cell-margin > .cell-content,
		.xl-pd-lr-md > .cell-margin > .cell-content,
		.xl-mr-md > .cell-margin,
		.xl-mr-r-md > .cell-margin,
		.xl-mr-lr-md > .cell-margin
		{padding-right: var(--md-max);}

		.xl-pd-lg > .cell-margin > .cell-content,
		.xl-pd-r-lg > .cell-margin > .cell-content,
		.xl-pd-lr-lg > .cell-margin > .cell-content,
		.xl-mr-lg > .cell-margin,
		.xl-mr-r-lg > .cell-margin,
		.xl-mr-lr-lg > .cell-margin
		{padding-right: var(--lg-max);}

		.xl-pd-xl > .cell-margin > .cell-content,
		.xl-pd-r-xl > .cell-margin > .cell-content,
		.xl-pd-lr-xl > .cell-margin > .cell-content,
		.xl-mr-xl > .cell-margin,
		.xl-mr-r-xl > .cell-margin,
		.xl-mr-lr-xl > .cell-margin
		{padding-right: var(--xl-max);}

		.xl-pd-xxl > .cell-margin > .cell-content,
		.xl-pd-r-xxl > .cell-margin > .cell-content,
		.xl-pd-lr-xxl > .cell-margin > .cell-content,
		.xl-mr-xxl > .cell-margin,
		.xl-mr-r-xxl > .cell-margin,
		.xl-mr-lr-xxl > .cell-margin
		{padding-right: var(--xxl-max);}
	}

.__________________________MAX_padding_margin_MAX{}
	/*  MAX  XXL padding/margin top */
	@media (min-width:1200px){

		.xxl-pd-xxs > .cell-margin > .cell-content,
		.xxl-pd-t-xxs > .cell-margin > .cell-content,
		.xxl-pd-tb-xxs > .cell-margin > .cell-content,
		.xxl-mr-xxs > .cell-margin,
		.xxl-mr-t-xxs > .cell-margin,
		.xxl-mr-tb-xxs > .cell-margin
		{padding-top: var(--xxs-max);}

		.xxl-pd-xs > .cell-margin > .cell-content,
		.xxl-pd-t-xs > .cell-margin > .cell-content,
		.xxl-pd-tb-xs > .cell-margin > .cell-content,
		.xxl-mr-xs > .cell-margin,
		.xxl-mr-t-xs > .cell-margin,
		.xxl-mr-tb-xs > .cell-margin
		{padding-top: var(--xs-max);}

		.xxl-pd-sm > .cell-margin > .cell-content,
		.xxl-pd-t-sm > .cell-margin > .cell-content,
		.xxl-pd-tb-sm > .cell-margin > .cell-content,
		.xxl-mr-sm > .cell-margin,
		.xxl-mr-t-sm > .cell-margin,
		.xxl-mr-tb-sm > .cell-margin
		{padding-top: var(--sm-max);}

		.xxl-pd-md > .cell-margin > .cell-content,
		.xxl-pd-t-md > .cell-margin > .cell-content,
		.xxl-pd-tb-md > .cell-margin > .cell-content,
		.xxl-mr-md > .cell-margin,
		.xxl-mr-t-md > .cell-margin,
		.xxl-mr-tb-md > .cell-margin
		{padding-top: var(--md-max);}

		.xxl-pd-lg > .cell-margin > .cell-content,
		.xxl-pd-t-lg > .cell-margin > .cell-content,
		.xxl-pd-tb-lg > .cell-margin > .cell-content,
		.xxl-mr-lg > .cell-margin,
		.xxl-mr-t-lg > .cell-margin,
		.xxl-mr-tb-lg > .cell-margin
		{padding-top: var(--lg-max);}

		.xxl-pd-xl > .cell-margin > .cell-content,
		.xxl-pd-t-xl > .cell-margin > .cell-content,
		.xxl-pd-tb-xl > .cell-margin > .cell-content,
		.xxl-mr-xl > .cell-margin,
		.xxl-mr-t-xl > .cell-margin,
		.xxl-mr-tb-xl > .cell-margin
		{padding-top: var(--xl-max);}

		.xxl-pd-xxl > .cell-margin > .cell-content,
		.xxl-pd-t-xxl > .cell-margin > .cell-content,
		.xxl-pd-tb-xxl > .cell-margin > .cell-content,
		.xxl-mr-xxl > .cell-margin,
		.xxl-mr-t-xxl > .cell-margin,
		.xxl-mr-tb-xxl > .cell-margin
		{padding-top: var(--xxl-max);}
	}
	/*  MAX  XXL padding/margin bottom */
	@media (min-width:1200px){

		.xxl-pd-xxs > .cell-margin > .cell-content,
		.xxl-pd-b-xxs > .cell-margin > .cell-content,
		.xxl-pd-tb-xxs > .cell-margin > .cell-content,
		.xxl-mr-xxs > .cell-margin,
		.xxl-mr-b-xxs > .cell-margin,
		.xxl-mr-tb-xxs > .cell-margin
		{padding-bottom: var(--xxs-max);}

		.xxl-pd-xs > .cell-margin > .cell-content,
		.xxl-pd-b-xs > .cell-margin > .cell-content,
		.xxl-pd-tb-xs > .cell-margin > .cell-content,
		.xxl-mr-xs > .cell-margin,
		.xxl-mr-b-xs > .cell-margin,
		.xxl-mr-tb-xs > .cell-margin
		{padding-bottom: var(--xs-max);}

		.xxl-pd-sm > .cell-margin > .cell-content,
		.xxl-pd-b-sm > .cell-margin > .cell-content,
		.xxl-pd-tb-sm > .cell-margin > .cell-content,
		.xxl-mr-sm > .cell-margin,
		.xxl-mr-b-sm > .cell-margin,
		.xxl-mr-tb-sm > .cell-margin
		{padding-bottom: var(--sm-max);}

		.xxl-pd-md > .cell-margin > .cell-content,
		.xxl-pd-b-md > .cell-margin > .cell-content,
		.xxl-pd-tb-md > .cell-margin > .cell-content,
		.xxl-mr-md > .cell-margin,
		.xxl-mr-b-md > .cell-margin,
		.xxl-mr-tb-md > .cell-margin
		{padding-bottom: var(--md-max);}

		.xxl-pd-lg > .cell-margin > .cell-content,
		.xxl-pd-b-lg > .cell-margin > .cell-content,
		.xxl-pd-tb-lg > .cell-margin > .cell-content,
		.xxl-mr-lg > .cell-margin,
		.xxl-mr-b-lg > .cell-margin,
		.xxl-mr-tb-lg > .cell-margin
		{padding-bottom: var(--lg-max);}

		.xxl-pd-xl > .cell-margin > .cell-content,
		.xxl-pd-b-xl > .cell-margin > .cell-content,
		.xxl-pd-tb-xl > .cell-margin > .cell-content,
		.xxl-mr-xl > .cell-margin,
		.xxl-mr-b-xl > .cell-margin,
		.xxl-mr-tb-xl > .cell-margin
		{padding-bottom: var(--xl-max);}

		.xxl-pd-xxl > .cell-margin > .cell-content,
		.xxl-pd-b-xxl > .cell-margin > .cell-content,
		.xxl-pd-tb-xxl > .cell-margin > .cell-content,
		.xxl-mr-xxl > .cell-margin,
		.xxl-mr-b-xxl > .cell-margin,
		.xxl-mr-tb-xxl > .cell-margin
		{padding-bottom: var(--xxl-max);}
	}
	/*  MAX  XXL padding/margin left */
	@media (min-width:1200px){

		.xxl-pd-xxs > .cell-margin > .cell-content,
		.xxl-pd-l-xxs > .cell-margin > .cell-content,
		.xxl-pd-lr-xxs > .cell-margin > .cell-content,
		.xxl-mr-xxs > .cell-margin,
		.xxl-mr-l-xxs > .cell-margin,
		.xxl-mr-lr-xxs > .cell-margin
		{padding-left: var(--xxs-max);}

		.xxl-pd-xs > .cell-margin > .cell-content,
		.xxl-pd-l-xs > .cell-margin > .cell-content,
		.xxl-pd-lr-xs > .cell-margin > .cell-content,
		.xxl-mr-xs > .cell-margin,
		.xxl-mr-l-xs > .cell-margin,
		.xxl-mr-lr-xs > .cell-margin
		{padding-left: var(--xs-max);}

		.xxl-pd-sm > .cell-margin > .cell-content,
		.xxl-pd-l-sm > .cell-margin > .cell-content,
		.xxl-pd-lr-sm > .cell-margin > .cell-content,
		.xxl-mr-sm > .cell-margin,
		.xxl-mr-l-sm > .cell-margin,
		.xxl-mr-lr-sm > .cell-margin
		{padding-left: var(--sm-max);}

		.xxl-pd-md > .cell-margin > .cell-content,
		.xxl-pd-l-md > .cell-margin > .cell-content,
		.xxl-pd-lr-md > .cell-margin > .cell-content,
		.xxl-mr-md > .cell-margin,
		.xxl-mr-l-md > .cell-margin,
		.xxl-mr-lr-md > .cell-margin
		{padding-left: var(--md-max);}

		.xxl-pd-lg > .cell-margin > .cell-content,
		.xxl-pd-l-lg > .cell-margin > .cell-content,
		.xxl-pd-lr-lg > .cell-margin > .cell-content,
		.xxl-mr-lg > .cell-margin,
		.xxl-mr-l-lg > .cell-margin,
		.xxl-mr-lr-lg > .cell-margin
		{padding-left: var(--lg-max);}

		.xxl-pd-xl > .cell-margin > .cell-content,
		.xxl-pd-l-xl > .cell-margin > .cell-content,
		.xxl-pd-lr-xl > .cell-margin > .cell-content,
		.xxl-mr-xl > .cell-margin,
		.xxl-mr-l-xl > .cell-margin,
		.xxl-mr-lr-xl > .cell-margin
		{padding-left: var(--xl-max);}

		.xxl-pd-xxl > .cell-margin > .cell-content,
		.xxl-pd-l-xxl > .cell-margin > .cell-content,
		.xxl-pd-lr-xxl > .cell-margin > .cell-content,
		.xxl-mr-xxl > .cell-margin,
		.xxl-mr-l-xxl > .cell-margin,
		.xxl-mr-lr-xxl > .cell-margin
		{padding-left: var(--xxl-max);}
	}
	/*  MAX  XXL padding/margin right */
	@media (min-width:1200px){

		.xxl-pd-xxs > .cell-margin > .cell-content,
		.xxl-pd-r-xxs > .cell-margin > .cell-content,
		.xxl-pd-lr-xxs > .cell-margin > .cell-content,
		.xxl-mr-xxs > .cell-margin,
		.xxl-mr-r-xxs > .cell-margin,
		.xxl-mr-lr-xxs > .cell-margin
		{padding-right: var(--xxs-max);}

		.xxl-pd-xs > .cell-margin > .cell-content,
		.xxl-pd-r-xs > .cell-margin > .cell-content,
		.xxl-pd-lr-xs > .cell-margin > .cell-content,
		.xxl-mr-xs > .cell-margin,
		.xxl-mr-r-xs > .cell-margin,
		.xxl-mr-lr-xs > .cell-margin
		{padding-right: var(--xs-max);}

		.xxl-pd-sm > .cell-margin > .cell-content,
		.xxl-pd-r-sm > .cell-margin > .cell-content,
		.xxl-pd-lr-sm > .cell-margin > .cell-content,
		.xxl-mr-sm > .cell-margin,
		.xxl-mr-r-sm > .cell-margin,
		.xxl-mr-lr-sm > .cell-margin
		{padding-right: var(--sm-max);}

		.xxl-pd-md > .cell-margin > .cell-content,
		.xxl-pd-r-md > .cell-margin > .cell-content,
		.xxl-pd-lr-md > .cell-margin > .cell-content,
		.xxl-mr-md > .cell-margin,
		.xxl-mr-r-md > .cell-margin,
		.xxl-mr-lr-md > .cell-margin
		{padding-right: var(--md-max);}

		.xxl-pd-lg > .cell-margin > .cell-content,
		.xxl-pd-r-lg > .cell-margin > .cell-content,
		.xxl-pd-lr-lg > .cell-margin > .cell-content,
		.xxl-mr-lg > .cell-margin,
		.xxl-mr-r-lg > .cell-margin,
		.xxl-mr-lr-lg > .cell-margin
		{padding-right: var(--lg-max);}

		.xxl-pd-xl > .cell-margin > .cell-content,
		.xxl-pd-r-xl > .cell-margin > .cell-content,
		.xxl-pd-lr-xl > .cell-margin > .cell-content,
		.xxl-mr-xl > .cell-margin,
		.xxl-mr-r-xl > .cell-margin,
		.xxl-mr-lr-xl > .cell-margin
		{padding-right: var(--xl-max);}

		.xxl-pd-xxl > .cell-margin > .cell-content,
		.xxl-pd-r-xxl > .cell-margin > .cell-content,
		.xxl-pd-lr-xxl > .cell-margin > .cell-content,
		.xxl-mr-xxl > .cell-margin,
		.xxl-mr-r-xxl > .cell-margin,
		.xxl-mr-lr-xxl > .cell-margin
		{padding-right: var(--xxl-max);}
	}

	/* #################################################### */





/*
###########################################################################
###########################################################################
###########################################################################
*/

/*	---------------------------------------------------
	gap - max
	--------------------------------------------------- */
	@media (min-width:1200px){
/*
		.cell.gp-xxs > .cell-margin > .cell-content {gap: var(--gap-xxs-max);}	
		.cell.gp-xs > .cell-margin > .cell-content {gap: var(--gap-xs-max);}	
		.cell.gp-sm > .cell-margin > .cell-content {gap: var(--gap-sm-max);}	
		.cell.gp-md > .cell-margin > .cell-content {gap: var(--gap-md-max);}
		.cell.gp-lg > .cell-margin > .cell-content {gap: var(--gap-lg-max);}	
		.cell.gp-xl > .cell-margin > .cell-content {gap: var(--gap-xl-max);}	
		.cell.gp-xxl > .cell-margin > .cell-content {gap: var(--gap-xxl-max);}	
*/
	}






/* ################################################################################### */



/*	-------------------------------------------------
	[WIP] BASIC - cell-link
	-------------------------------------------------
*/
	.cell > a
	{
		display:block;
		width:100%;
		height:100%;
		text-decoration:none;
	}



	_____ CHILDREN{}
/*	=================================================

	CELLS - CHILDREN

	=================================================
*/






	_____ CELL{}
/*	=================================================

	CELLS - CELL

	=================================================
*/

	_____ CELL-HIDE{}

/*	-------------------------------------------------
	CELL - hide
	-------------------------------------------------
*/
	.cell.hide
	{display:none;}


/*	-------------------------------------------------
	CELL - scroll
	-------------------------------------------------
*/
	.cell.clsc-y
	{
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}


	_____ CELL-GROW{}

/*	-------------------------------------------------
	CELL - grow
	-------------------------------------------------
*/
	.cell.clgr-0
	{flex-grow:0;}

	.cell.clgr-1
	{flex-grow:1;}


	.cell.clgr-2
	{flex-grow:2;}


	.cell.clgr-3
	{flex-grow:3;}




	_____ CELL-CELLDIVIDER{}
/*	-------------------------------------------------
	CELL - celldivider
	-------------------------------------------------
*/

	.cell.cldv-t > .ci > .cfo > .cfi,
	.cell.cldv-t > .ci > a > .cfo > .cfi
	{border-top: 1px solid #ccc;}


	_____ CELL-CELLDIVIDER{}
/*	-------------------------------------------------
	CELL - celldivider top
	-------------------------------------------------
*/
	.cell.cldv-t-2 > .ci > .cfo > .cfi,
	.cell.cldv-t-2 > .ci > a > .cfo > .cfi
	{border-top: 1px solid #999;}

	.cell.cldv-t-3 > .ci > .cfo > .cfi,
	.cell.cldv-t-3 > .ci > a > .cfo > .cfi
	{border-top: 1px solid #999;}

	.cell.cldv-t-4 > .ci > .cfo > .cfi,
	.cell.cldv-t-4 > .ci > a > .cfo > .cfi
	{border-top: 1px dashed #999;}

	.cell.cldv-t-5 > .ci > .cfo > .cfi,
	.cell.cldv-t-5 > .ci > a > .cfo > .cfi
	{border-top: 2px dashed #999;}

	.cell.cldv-t-6 > .ci > .cfo > cfi,
	.cell.cldv-t-6 > .ci > a > .cfo > .cfi
	{border-top: 2px dotted #999;}


/*	-------------------------------------------------
	CELL - celldivider bottom
	-------------------------------------------------
*/
	.cell.cldv-b-2 > .ci > .cfo > .cfi,
	.cell.cldv-b-2 > .ci > a > .cfo > .cfi
	{border-bottom: 1px solid #000;}

	.cell.cldv-b-3 > .ci > .cfo > .cfi,
	.cell.cldv-b-3 > .ci > a > .cfo > .cfi
	{border-bottom: 1px solid #999;}

	.cell.cldv-b-4 > .ci > .cfo > .cfi,
	.cell.cldv-b-4 > .ci > a > .cfo > .cfi
	{border-bottom: 1px dashed #999;}

	.cell.cldv-b-5 > .ci > .cfo > .cfi,
	.cell.cldv-b-5 > .ci > a > .cfo > .cfi
	{border-bottom: 2px dashed #999;}

	.cell.cldv-b-6 > .ci > .cfo > .cfi,
	.cell.cldv-b-6 > .ci > a > .cfo > .cfi
	{border-bottom: 2px dotted #999;}


	_____ CELL-CELLSHOW_CELLHIDE XXS{}
/*	====================================================
	MEDIA QUERY - XXS
	==================================================== */
		.cell.clsh-xxs
		{display:block;}

		.cell.clhd-xxs
		{display:none;}


	_____ CELL-CELLSHOW_CELLHIDE XS{}
/*	====================================================
	MEDIA QUERY - XS
	==================================================== */
	@media (min-width:374px)
	{
		.cell.clsh-xs
		{display:block;}

		.cell.clhd-xs
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE SM{}
/*	====================================================
	MEDIA QUERY - SM
	==================================================== */
	@media (min-width:442px)
	{
		.cell.clsh-sm
		{display:block;}

		.cell.clhd-sm
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE MD{}
/*	====================================================
	MEDIA QUERY - MD
	==================================================== */
	@media (min-width:527px)
	{
		.cell.clsh-md
		{display:block;}

		.cell.clhd-md
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE LG{}
/*	====================================================
	MEDIA QUERY - LG
	==================================================== */
	@media (min-width:633px)
	{
		.cell.clsh-lg
		{display:block;}

		.cell.clhd-lg
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE XL{}
/*	====================================================
	MEDIA QUERY - XL
	==================================================== */
	@media (min-width:767px)
	{
		.cell.clsh-xl
		{display:block;}

		.cell.clhd-xl
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE XXL{}
/*	====================================================
	MEDIA QUERY - XXL
	==================================================== */
	@media(min-width:942px)
	{
		.cell.clsh-xxl
		{display:block;}

		.cell.clhd-xxl
		{display:none;}
	}


/*	====================================================
	MEDIA QUERY - MAX
	==================================================== */
	@media (min-width:1020px)
	{
	}




	_____ DECLARATION{}
	_____ BASIC{}
/*	=================================================

	CELLS - BASIC

	=================================================
*/


/*	-------------------------------------------------
	BASIC - ci last child ???
	-------------------------------------------------
*/
	.cell > .ci > *:last-child
	{margin-bottom:0;}



/*	-------------------------------------------------
	BASIC - cell-link
	-------------------------------------------------
*/
	.cell > .ci > a
	{
		display:block;
		width:100%;
		text-decoration:none;
	}


/*	-------------------------------------------------
	BASIC - cell-image
	-------------------------------------------------
*/



	_____ CELL{}
/*	=================================================

	CELLS - CELL

	=================================================
*/

	_____ CELL-HIDE{}

/*	-------------------------------------------------
	CELL - hide
	-------------------------------------------------
*/
	.cell.hide
	{display:none;}


/*	-------------------------------------------------
	CELL - scroll
	-------------------------------------------------
*/
	.cell.clsc-y
	{
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
	}


	_____ CELL-GROW{}

/*	-------------------------------------------------
	CELL - grow
	-------------------------------------------------
*/
	.cell.clgr-0
	{flex-grow:0;}

	.cell.clgr-1
	{flex-grow:1;}


	.cell.clgr-2
	{flex-grow:2;}


	.cell.clgr-3
	{flex-grow:3;}


	_____ CELL-CELLSTYLE-BACKEND{}

	/* ------------------------------------------------- */
	/* style backend1
	/* ------------------------------------------------- */

	.cell.clst-backend1 > .ci > .cfo
	{
		background-color:#fff;
	}


	/* ------------------------------------------------- */
	/* style backend2
	/* ------------------------------------------------- */

	.cell.clst-backend2 > .ci > .cfo
	{
		background-color:#fafafa;
	}


	_____ CELL-CELLSTYLE{}

/*	-------------------------------------------------
	CELL - cellstyle-scheme1
	-------------------------------------------------
*/
	.cell.clst-1 > .ci > .cfo,
	.cell.clst-1 > .ci > a > .cfo
	{background-color:#efece0;}


/*	-------------------------------------------------
	CELL - cellstyle-scheme2
	-------------------------------------------------
*/
	.cell.clst-2 > .ci > .cfo,
	.cell.clst-2 > .ci > a > .cfo
	{
		background-color: #fafafa;
	}


/*	-------------------------------------------------
	CELL - cellstyle-scheme3
	-------------------------------------------------
*/
	.cell.clst-3 > .ci > .cfo,
	.cell.clst-3 > .ci > a > .cfo
	{background-color:#c2bfb3;}


/*	-------------------------------------------------
	CELL - cellstyle-scheme4
	-------------------------------------------------
*/
	.cell.clst-4 > .ci > .cfo,
	.cell.clst-4 > .ci > a > .cfo
	{background-color:#777599;}


/*	-------------------------------------------------
	CELL - cellstyle-scheme5
	-------------------------------------------------
*/
	.cell.clst-5 > .ci > .cfo,
	.cell.clst-5 > .ci > a > .cfo
	{background-color:#505460;}


/*	-------------------------------------------------
	CELL - cellstyle-scheme6
	-------------------------------------------------
*/
	.cell.clst-6 > .ci > .cfo,
	.cell.clst-6 > .ci > a > .cfo
	{background-color:#c2bfb3;}



	_____ CELL-CELLWIDTH XXS{}
/*	====================================================
	MEDIA QUERY - XXS
	==================================================== */
	@media (min-width:374px)
	{
		.cell.clwd-10,
		.cell.clwd-xxs-10
		{width:10%;}

		.cell.clwd-20,
		.cell.clwd-xxs-20
		{width:20%;}

		.cell.clwd-25,
		.cell.clwd-xxs-25
		{width:25%;}

		.cell.clwd-30,
		.cell.clwd-xxs-30
		{width:30%;}

		.cell.clwd-33,
		.cell.clwd-xxs-33
		{width:33.333333%;}

		.cell.clwd-40,
		.cell.clwd-xxs-40
		{width:40%;}

		.cell.clwd-50,
		.cell.clwd-xxs-50
		{width:50%;}

		.cell.clwd-60,
		.cell.clwd-xxs-60
		{width:60%;}

		.cell.clwd-66,
		.cell.clwd-xxs-66
		{width:66.666665%;}

		.cell.clwd-70,
		.cell.clwd-xxs-70
		{width:70%;}

		.cell.clwd-75,
		.cell.clwd-xxs-75
		{width:75%;}

		.cell.clwd-80,
		.cell.clwd-xxs-80
		{width:80%;}

		.cell.clwd-90,
		.cell.clwd-xxs-90
		{width:90%;}

		.cell.clwd-100,
		.cell.clwd-xxs-100
		{width:100%;}
	}
	_____ CELL-CELLDIVIDER{}
/*	-------------------------------------------------
	CELL - celldivider top
	-------------------------------------------------
*/
	.cell.cldv-t-2 > .ci > .cfo > .cfi,
	.cell.cldv-t-2 > .ci > a > .cfo > .cfi
	{border-top: 1px solid #999;}

	.cell.cldv-t-3 > .ci > .cfo > .cfi,
	.cell.cldv-t-3 > .ci > a > .cfo > .cfi
	{border-top: 1px solid #999;}

	.cell.cldv-t-4 > .ci > .cfo > .cfi,
	.cell.cldv-t-4 > .ci > a > .cfo > .cfi
	{border-top: 1px dashed #999;}

	.cell.cldv-t-5 > .ci > .cfo > .cfi,
	.cell.cldv-t-5 > .ci > a > .cfo > .cfi
	{border-top: 2px dashed #999;}

	.cell.cldv-t-6 > .ci > .cfo > cfi,
	.cell.cldv-t-6 > .ci > a > .cfo > .cfi
	{border-top: 2px dotted #999;}


/*	-------------------------------------------------
	CELL - celldivider bottom
	-------------------------------------------------
*/
	.cell.cldv-b-2 > .ci > .cfo > .cfi,
	.cell.cldv-b-2 > .ci > a > .cfo > .cfi
	{border-bottom: 1px solid #000;}

	.cell.cldv-b-3 > .ci > .cfo > .cfi,
	.cell.cldv-b-3 > .ci > a > .cfo > .cfi
	{border-bottom: 1px solid #999;}

	.cell.cldv-b-4 > .ci > .cfo > .cfi,
	.cell.cldv-b-4 > .ci > a > .cfo > .cfi
	{border-bottom: 1px dashed #999;}

	.cell.cldv-b-5 > .ci > .cfo > .cfi,
	.cell.cldv-b-5 > .ci > a > .cfo > .cfi
	{border-bottom: 2px dashed #999;}

	.cell.cldv-b-6 > .ci > .cfo > .cfi,
	.cell.cldv-b-6 > .ci > a > .cfo > .cfi
	{border-bottom: 2px dotted #999;}


	_____ CELL-CELLSHOW_CELLHIDE XXS{}
/*	====================================================
	MEDIA QUERY - XXS
	==================================================== */
		.cell.clsh-xxs
		{display:block;}

		.cell.clhd-xxs
		{display:none;}


	_____ CELL-CELLSHOW_CELLHIDE XS{}
/*	====================================================
	MEDIA QUERY - XS
	==================================================== */
	@media (min-width:374px)
	{
		.cell.clsh-xs
		{display:block;}

		.cell.clhd-xs
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE SM{}
/*	====================================================
	MEDIA QUERY - SM
	==================================================== */
	@media (min-width:442px)
	{
		.cell.clsh-sm
		{display:block;}

		.cell.clhd-sm
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE MD{}
/*	====================================================
	MEDIA QUERY - MD
	==================================================== */
	@media (min-width:527px)
	{
		.cell.clsh-md
		{display:block;}

		.cell.clhd-md
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE LG{}
/*	====================================================
	MEDIA QUERY - LG
	==================================================== */
	@media (min-width:633px)
	{
		.cell.clsh-lg
		{display:block;}

		.cell.clhd-lg
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE XL{}
/*	====================================================
	MEDIA QUERY - XL
	==================================================== */
	@media (min-width:767px)
	{
		.cell.clsh-xl
		{display:block;}

		.cell.clhd-xl
		{display:none;}
	}


	_____ CELL-CELLSHOW_CELLHIDE XXL{}
/*	====================================================
	MEDIA QUERY - XXL
	==================================================== */
	@media(min-width:942px)
	{
		.cell.clsh-xxl
		{display:block;}

		.cell.clhd-xxl
		{display:none;}
	}



	/* ------------------------------------------------- */
	/* cell styling
	/* ------------------------------------------------- */
	--- CELL_STYLING_scheme1{}


	/* ------------------------------------------------- */
	/* style backend1
	/* ------------------------------------------------- */




	/* ------------------------------------------------- */
	/* style scheme1
	/* ------------------------------------------------- */

	.cellstyle-scheme1 h1
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#bc695b;
	}

	.cellstyle-scheme1 h2
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#4F5359;
	}

	.cellstyle-scheme1 h3
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#4F5359;
	}

	.cellstyle-scheme1 h5
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#4F5359;
	}

	.cellstyle-scheme1 p,
	.cellstyle-scheme1 li
	{
		color:#4F5359;
	}

	.cellstyle-scheme1 a
	{
		color:#505460;
		text-decoration:none;
	}

	.cellstyle-scheme1 a:hover
	{
		color:#82858e;
	}


	/* ------------------------------------------------- */
	/* style scheme2
	/* ------------------------------------------------- */
	--- CELL_STYLING_scheme2{}

	.cellstyle-scheme2 h1
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#bc695b;
	}

	.cellstyle-scheme2 h2
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#4F5359;
	}

	.cellstyle-scheme2 h3
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#4F5359;
	}

	.cellstyle-scheme2 h5
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#4F5359;
	}

	.cellstyle-scheme2 p,
	.cellstyle-scheme2 li
	{
		color:#4F5359;
	}


	/* ------------------------------------------------- */
	/* style medium1
	/* ------------------------------------------------- */
	--- CELL_STYLING_medium1{}

	.cellstyle-medium1 p,
	.cellstyle-medium1 li
	{
		color:#505460;
	}


	/* ------------------------------------------------- */
	/* style medium2
	/* ------------------------------------------------- */
	--- CELL_STYLING_medium2{}

	.cellstyle-medium2 a
	{
		color:#efece0;
	}


	/* ------------------------------------------------- */
	/* style dark1
	/* ------------------------------------------------- */
	--- CELL_STYLING_dark1{}

	.cellstyle-dark1 h3
	{
		font-family: 'Junge', serif;
		font-weight:400;
		color:#2D3041;
		color:#bc695b;
	}

	.cellstyle-dark1 p,
	.cellstyle-dark1 li
	{
		color:#e6e6e6;
	}

	.cellstyle-dark1 a
	{
		color:#e6e6e6;
	}

	.cellstyle-dark1 a:hover
	{
		color:#c6c6c6;
		text-decoration: none;
	}


	/* ------------------------------------------------- */
	/* style dark2
	/* ------------------------------------------------- */
	--- CELL_STYLING_dark2{}

	.cellstyle-dark2 h3
	{
		font-family: 'Handlee', cursive;
		font-family: 'Crimson Text', serif;
		font-weight:400;
		color:#bd6a5d;
	}

	.cellstyle-dark2 p,
	.cellstyle-dark2 li
	{
		color:#e6e6e6;
	}

	.cellstyle-dark2 a
	{
		color:#e6e6e6;
	}

	.cellstyle-dark2 a:hover
	{
		color:#c6c6c6;
		text-decoration: none;
	}




/*	====================================================
	MEDIA QUERY - MAX
	==================================================== */
	@media (min-width:1020px)
	{
	}




/*	====================================================
	SPECIALS
	==================================================== */

	.cell.wz-field > .ci > .cfo
	{
		width:auto;
		margin:0;
	}






	.ci, .cfo, .cfi
	{
		max-height:inherit;
	}


	.cell.wz-fixed {
		position: fixed !important;
		top: 0;
		z-index: 10;
		box-shadow: 0 2px 6px 0px #777;
	}