.krea3allmedias-hidden {
	display: none;
}

.krea3allmedias-item {
	position: relative;
	overflow: hidden;
}

.krea3allmedias-item figcaption {
	background: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	max-height: 70%;
}

.krea3allmedias-item figcaption p {
	color: white !important;
	font-size: 12px !important;
	line-height: 120% !important;
}

.krea3allmedias-item figcaption p:first-letter {
	float: unset !important;
	font-family: inherit !important;
	font-size: unset;
	font-size: 1em !important;
	line-height: 1em !important;
	padding: 0 !important;
}

.krea3allmedias-lazy {
	opacity: 1;
	transition: opacity 0.35s;
}

.krea3allmedias-lazy[krea3allmedias-src] {
	opacity: 0;
}

.krea3allmedias-gtb-container {
	height: 100%;
	width: 100%;
	position: absolute;
	background: rgba(255, 255, 255, 0.65);
	padding: 20px;
	z-index: 0;
}

.krea3allmedias-gtb-container.krea3allmedias-busy {
	z-index: 1;
}
/*
.krea3allmedias-justified {
	display: flex !important;
	flex-wrap: wrap;
}

.krea3allmedias-justified .krea3allmedias-item,
	.krea3allmedias-justified::after { -
	-ratio: calc(var(- -w)/var(- -h)); -
	-row-height: 300px;
	flex-basis: calc(var(- -ratio)* var(- -rh));
}

.krea3allmedias-justified .krea3allmedias-item {
	margin: 20px;
	flex-grow: calc(var(- -ratio)* 100);
}

.krea3allmedias-justified .krea3allmedias-item img {
	height: auto;
	max-width: 100%;
}

.krea3allmedias-justified .krea3allmedias-item figcaption {
	position: absolute;
	bottom: 0;
	opacity: 0;
	width: 100%;
}

.krea3allmedias-justified .krea3allmedias-item figcaption p {
	margin: 0 !important;
	padding: 10px;
	box-sizing: border-box;
}

.krea3allmedias-justified .krea3allmedias-item:hover figcaption {
	bottom: 0;
	opacity: 1;
	transition: .3s;
}

.krea3allmedias-justified::after { -
	-w: 2; -
	-h: 1;
	content: '';
	flex-grow: 1000000;
}

.krea3allmedias-justified .krea3allmedias-item img {
	display: block;
	width: 100%;
}
*/
.krea3allmedias-square {
	width: 100%;
	display: block !important;
	font-size: 0;
	line-height: 0;
}

.krea3allmedias-square .krea3allmedias-item {
	position: relative;
	display: inline-block;
	margin: 0;
	width: 25%;
	padding-bottom: 25%;
	overflow: hidden;
}

.krea3allmedias-square .krea3allmedias-item .krea3allmedias-icon {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.krea3allmedias-square .krea3allmedias-item .krea3allmedias-icon .krea3allmedias-img-container
	{
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.krea3allmedias-square .krea3allmedias-item .krea3allmedias-icon .krea3allmedias-img-container img
	{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.krea3allmedias-square .krea3allmedias-item figcaption {
	display: block;
	position: absolute;
	opacity: 0;
	z-index: 9;
	width: 100%;
	bottom: 0;
	background-clip: content-box;
	padding: 5px;
	box-sizing: border-box;
	transition: .2s;
}

.krea3allmedias-square .krea3allmedias-item figcaption p {
	padding: 5px 10px;
	box-sizing: border-box;
}

.krea3allmedias-square .krea3allmedias-item:hover figcaption {
	bottom: 0;
	opacity: 1;
	transition: .3s;
}

.krea3allmedias-tiles {
	position: relative;
	display: block !important;
	width: 100%;
}

.krea3allmedias-tiles .krea3allmedias-layout-1-i {
	grid-template-columns: [col1-start] 33.33%[col2-start];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-1-i .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-1-o {
	grid-template-columns: [col1-start] 50%[col2-start];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-1-o .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-2-io {
	grid-template-columns: [col1-start] 33.33%[col2-start] 66.66%;
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-2-io .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-2-io .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-2-oi {
	grid-template-columns: [col1-start] 66.66%[col2-start] 33.33%;
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-2-oi .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-2-oi .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-2-oo {
	grid-template-columns: [col1-start] 50%[col2-start] 50%;
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-2-oo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-2-oo .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-2-ii {
	grid-template-columns: [col1-start] 50%[col2-start] 50%[col3-start];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-2-ii .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-2-ii .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ooo {
	grid-template-columns: [col1-start] 33.5%[col2-start] 66.5%[col2-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ooo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ooo .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ooo .c {
	grid-column: col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ioo {
	grid-template-columns: [col1-start] 18.2%[col2-start] 40.9%[col3-start]
		 40.9%[col3-end];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ioo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ioo .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ioo .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-oio {
	grid-template-columns: [col1-start] 40.9%[col2-start] 18.2%[col3-start]
		 40.9%[col3-end];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-3-oio .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-oio .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-oio .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ooi {
	grid-template-columns: [col1-start] 40.9%[col2-start] 40.9%[col3-start]
		 18.2%[col3-end];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ooi .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ooi .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ooi .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-oii {
	grid-template-columns: [col1-start] 52.94%[col2-start] 23.53%[col3-start]
		 23.53%[col3-end];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-3-oii .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-oii .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-oii .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ioi {
	grid-template-columns: [col1-start] 23.53%[col2-start] 52.94%[col3-start]
		 23.53%[col3-end];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ioi .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ioi .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-ioi .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-iio {
	grid-template-columns: [col1-start] 23.53%[col2-start] 23.53%[col3-start]
		 52.94%[col3-end];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-3-iio .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-iio .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-iio .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-iii {
	grid-template-columns: [col1-start] 33.33%[col2-start] 33.33%[col3-start]
		 33.33%[col3-end];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-3-iii .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-iii .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-3-iii .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v0 {
	grid-template-columns: [col1-start] 20%[col2-start] 40%[col3-start] 40%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v0 .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v0 .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v0 .c {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v0 .d {
	grid-column: col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v1 {
	grid-template-columns: [col1-start] 40%[col2-start] 20%[col3-start] 40%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v1 .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v1 .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v1 .c {
	grid-column: col2-start/col3-start;
	grid-row: row2-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v1 .d {
	grid-column: col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v2 {
	grid-template-columns: [col1-start] 40%[col2-start] 40%[col3-start] 20%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v2 .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v2 .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v2 .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooo-v2 .d {
	grid-column: col3-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-iooo {
	grid-template-columns: [col1-start] 22.9%[col2-start] 25.7%[col3-start]
		 51.4%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-4-iooo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-iooo .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-iooo .c {
	grid-column: col2-start/col3-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-iooo .d {
	grid-column: col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oioo {
	grid-template-columns: [col1-start] 51.4%[col2-start] 22.9%[col3-start]
		 25.7%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oioo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oioo .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oioo .c {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oioo .d {
	grid-column: col3-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-ooio {
	grid-template-columns: [col1-start] 25.7%[col2-start] 22.9%[col3-start]
		 51.4%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-4-ooio .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-ooio .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-ooio .c {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-ooio .d {
	grid-column: col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooi {
	grid-template-columns: [col1-start] 51.4%[col2-start] 25.7%[col3-start]
		 22.9%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooi .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooi .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooi .c {
	grid-column: col2-start/col3-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-oooi .d {
	grid-column: col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-4-iiii {
	grid-template-columns: [col1-start] 25%[col2-start] 25%[col3-start] 25%[col4-start]
		 25%[col4-end];
	grid-template-rows: [row1-start] auto[row1-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ioooo {
	grid-template-columns: [col1-start] 34.615%[col2-start] 30.77%[col3-start]
		 34.615%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ioooo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ioooo .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ioooo .c {
	grid-column: col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ioooo .d {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ioooo .e {
	grid-column: col3-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioo {
	grid-template-columns: [col1-start] 34.615%[col2-start] 30.77%[col3-start]
		 34.615%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioo .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioo .c {
	grid-column: col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioo .d {
	grid-column: col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioo .e {
	grid-column: col3-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooooi {
	grid-template-columns: [col1-start] 34.615%[col2-start] 34.615%[col3-start]
		 30.77%[col3-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooooi .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooooi .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooooi .c {
	grid-column: col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooooi .d {
	grid-column: col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooooi .e {
	grid-column: col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooo {
	grid-template-columns: [col1-start] 18.65%[col2-start] 18.65%[col3-start]
		 20.9%[col4-start] 41.8%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooo .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooo .c {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooo .d {
	grid-column: col3-start/col4-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooo .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooio {
	grid-template-columns: [col1-start] 18.65%[col2-start] 20.9%[col3-start]
		 18.65%[col4-start] 41.8%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooio .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooio .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooio .c {
	grid-column: col2-start/col3-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooio .d {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooio .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiio {
	grid-template-columns: [col1-start] 20.9%[col2-start] 18.65%[col3-start]
		 18.65%[col4-start] 41.8%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiio .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiio .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiio .c {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiio .d {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiio .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioi {
	grid-template-columns: [col1-start] 20.9%[col2-start] 18.65%[col3-start]
		 41.8%[col4-start] 18.65%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioi .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioi .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioi .c {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioi .d {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooioi .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oooii {
	grid-template-columns: [col1-start] 20.9%[col2-start] 41.8%[col3-start]
		 18.65%[col4-start] 18.65%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oooii .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oooii .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oooii .c {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oooii .d {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oooii .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiioo {
	grid-template-columns: [col1-start] 41.8%[col2-start] 18.65%[col3-start]
		 18.65%[col4-start] 20.9%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiioo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiioo .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiioo .c {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiioo .d {
	grid-column: col4-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiioo .e {
	grid-column: col4-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiooi {
	grid-template-columns: [col1-start] 41.8%[col2-start] 18.65%[col3-start]
		 20.9%[col4-start] 18.65%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiooi .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiooi .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiooi .c {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiooi .d {
	grid-column: col3-start/col4-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-oiooi .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiioo {
	grid-template-columns: [col1-start] 24.24%[col2-start] 24.24%[col3-start]
		 24.24%[col4-start] 27.28%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiioo .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiioo .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiioo .c {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiioo .d {
	grid-column: col4-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiioo .e {
	grid-column: col4-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooi {
	grid-template-columns: [col1-start] 24.24%[col2-start] 24.24%[col3-start]
		 27.28%[col4-start] 24.24%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooi .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooi .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooi .c {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooi .d {
	grid-column: col3-start/col4-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iiooi .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooii {
	grid-template-columns: [col1-start] 24.24%[col2-start] 27.28%[col3-start]
		 24.24%[col4-start] 24.24%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooii .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooii .b {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooii .c {
	grid-column: col2-start/col3-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooii .d {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-iooii .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiii {
	grid-template-columns: [col1-start] 27.28%[col2-start] 24.24%[col3-start]
		 24.24%[col4-start] 24.24%[col4-end];
	grid-template-rows: [row1-start] auto[row2-start] auto[row2-end];
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiii .a {
	grid-column: col1-start/col2-start;
	grid-row: row1-start/row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiii .b {
	grid-column: col1-start/col2-start;
	grid-row: row2-start;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiii .c {
	grid-column: col2-start/col3-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiii .d {
	grid-column: col3-start/col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-layout-5-ooiii .e {
	grid-column: col4-start;
	grid-row: row1-start/row2-end;
}

.krea3allmedias-tiles .krea3allmedias-row {
	display: -ms-grid;
	display: grid;
	position: relative;
	width: 100%;
	height: 300px;
}

@media screen and (max-width: 460px) {
	.krea3allmedias-tiles .krea3allmedias-row {
		display: block;
		height: auto !important;
	}
}

.krea3allmedias-tiles .krea3allmedias-row .krea3allmedias-box {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-clip: content-box;
}

.krea3allmedias-tiles .krea3allmedias-row .krea3allmedias-box .krea3allmedias-item
	{
	display: block;
	margin: 0;
	width: 100%;
	height: 100%;
}

.krea3allmedias-tiles .krea3allmedias-row .krea3allmedias-box .krea3allmedias-item .krea3allmedias-icon
	{
	position: relative;
	font-size: 0;
	width: 100%;
	height: 100%;
}

.krea3allmedias-tiles .krea3allmedias-row .krea3allmedias-box .krea3allmedias-item .krea3allmedias-icon img
	{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

@media screen and (max-width: 460px) {
	.krea3allmedias-tiles .krea3allmedias-row .krea3allmedias-box .krea3allmedias-item .krea3allmedias-icon img
		{
		position: relative;
		height: auto;
	}
}

.krea3allmedias-tiles .krea3allmedias-row .krea3allmedias-box .krea3allmedias-item figcaption
	{
	position: absolute;
	bottom: 0;
	opacity: 0;
	width: 100%;
}

.krea3allmedias-tiles .krea3allmedias-row .krea3allmedias-box .krea3allmedias-item figcaption p
	{
	margin: 0 !important;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.krea3allmedias-tiles .krea3allmedias-row .krea3allmedias-box .krea3allmedias-item:hover figcaption
	{
	bottom: 0;
	opacity: 1;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.krea3allmedias-owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}

.krea3allmedias-owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden;
	/* fix firefox animation glitch */
}

.krea3allmedias-owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.krea3allmedias-owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.krea3allmedias-owl-carousel .owl-wrapper, .krea3allmedias-owl-carousel .krea3allmedias-owl-item
	{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.krea3allmedias-owl-carousel .krea3allmedias-owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.krea3allmedias-owl-carousel .krea3allmedias-owl-item img {
	display: block;
	width: 100%;
}

.krea3allmedias-owl-carousel .owl-nav.disabled,
	.krea3allmedias-owl-carousel .owl-dots.disabled {
	display: none;
}

.krea3allmedias-owl-carousel .owl-nav .owl-prev,
	.krea3allmedias-owl-carousel .owl-nav .owl-next,
	.krea3allmedias-owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.krea3allmedias-owl-carousel .owl-nav button.owl-prev,
	.krea3allmedias-owl-carousel .owl-nav button.owl-next,
	.krea3allmedias-owl-carousel button.owl-dot {
	background: none;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
	display: inline-block;
    zoom: 1;
}

.krea3allmedias-owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.krea3allmedias-owl-theme .owl-dots .owl-dot.active span, .mgl-owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}


.krea3allmedias-owl-carousel.owl-loaded {
	display: block;
}

.krea3allmedias-owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.krea3allmedias-owl-carousel.owl-hidden {
	opacity: 0;
}

.krea3allmedias-owl-carousel.owl-refresh .krea3allmedias-owl-item {
	visibility: hidden;
}

.krea3allmedias-owl-carousel.owl-drag .krea3allmedias-owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.krea3allmedias-owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}

.krea3allmedias-owl-carousel.owl-rtl {
	direction: rtl;
}

.krea3allmedias-owl-carousel.owl-rtl .krea3allmedias-owl-item {
	float: right;
}
/* No Js */
.no-js .krea3allmedias-owl-carousel {
	display: block;
}
/*
 *  Owl Carousel - Animate Plugin
 */
.krea3allmedias-owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}

.krea3allmedias-owl-carousel .owl-animated-in {
	z-index: 0;
}

.krea3allmedias-owl-carousel .owl-animated-out {
	z-index: 1;
}

.krea3allmedias-owl-carousel .fadeOut {
	animation-name: fadeOut;
}

@
keyframes fadeOut { 0% {
	opacity: 1;
}

100%
{
opacity
:
 
0;
}
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	transition: height 500ms ease-in-out;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.krea3allmedias-owl-carousel .krea3allmedias-owl-item {
	/**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the krea3allmedias-owl-item that breaks page layouts
		 */
	
}

.krea3allmedias-owl-carousel .krea3allmedias-owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

.krea3allmedias-owl-carousel .krea3allmedias-owl-item .owl-lazy[src^=""],
	.krea3allmedias-owl-carousel .krea3allmedias-owl-item .owl-lazy:not ([src]
	) {
	max-height: 0;
}

.krea3allmedias-owl-carousel .krea3allmedias-owl-item img.owl-lazy {
	transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.krea3allmedias-owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.krea3allmedias-owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 100ms ease;
}

.krea3allmedias-owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.krea3allmedias-owl-carousel .owl-video-playing .owl-video-tn,
	.krea3allmedias-owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.krea3allmedias-owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.krea3allmedias-owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.krea3allmedias-carousel {
	position: relative;
	display: block !important;
	margin-bottom: 40px
}

.krea3allmedias-carousel.no-dots-nav {
	margin-bottom: 0
}

.krea3allmedias-carousel .owl-stage {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box
}

.krea3allmedias-carousel.loaded .krea3allmedias-item {
	opacity: 1
}

.krea3allmedias-carousel .krea3allmedias-item {
	margin: 0;
	padding: 0;
	opacity: 0
}

.krea3allmedias-carousel .krea3allmedias-item .krea3allmedias-icon .krea3allmedias-img-container img
	{
	height: 100%;
	width: auto !important;
	margin: auto;
}

@media screen and (max-width:660px) {
	.krea3allmedias-carousel .krea3allmedias-item .krea3allmedias-icon .krea3allmedias-img-container
		{
		height: 100%;
		display: flex;
		align-items: center
	}
	.krea3allmedias-carousel .krea3allmedias-item .krea3allmedias-icon .krea3allmedias-img-container img
		{
		height: auto;
		width: 100%;
		
	}
}

.krea3allmedias-carousel .krea3allmedias-item figcaption {
	display: block;
	position: absolute;
	left: 0;
	opacity: 0;
	z-index: 9;
	width: 100%;
	bottom: 0;
	padding: 5px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.8);
	color: white
}

.krea3allmedias-carousel .krea3allmedias-item figcaption p {
	margin: 0;
	padding: 10px;
	box-sizing: border-box
}

.krea3allmedias-carousel .krea3allmedias-item:hover figcaption {
	bottom: 0;
	opacity: 1;
	transition: .3s
}

.krea3allmedias-carousel .owl-dots {
	position: absolute;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

.krea3allmedias-carousel .customNextBtn, .krea3allmedias-carousel .customPrevBtn
	{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 60px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 8px;
	line-height: 60px;
	text-align: center;
	opacity: .8;
	cursor: pointer
}

.krea3allmedias-carousel .customNextBtn svg, .krea3allmedias-carousel .customPrevBtn svg
	{
	display: inline-block;
	height: 40px;
	margin-top: 10px;
	line-height: 60px
}

.krea3allmedias-carousel .customNextBtn:hover, .krea3allmedias-carousel .customPrevBtn:hover
	{
	opacity: 1
}

.krea3allmedias-carousel .customPrevBtn {
	left: 20px
}

.krea3allmedias-carousel .customNextBtn {
	right: 20px
}

.is-animated .krea3allmedias-item {
	transition: .2s
}

.is-animated .krea3allmedias-item img {
	transition: .2s
}

.is-animated .krea3allmedias-item:hover {
	transition: .5s
}

.is-animated .krea3allmedias-item:hover img {
	transition: .5s
}

.is-animated.zoom-out .krea3allmedias-item {
	overflow: hidden
}

.is-animated.zoom-out .krea3allmedias-item img {
	transform: scale(1.1)
}

.is-animated.zoom-out .krea3allmedias-item:hover img {
	transform: scale(1)
}

.is-animated.zoom-in .krea3allmedias-item {
	overflow: hidden
}

.is-animated.zoom-in .krea3allmedias-item img {
	transform: scale(1)
}

.is-animated.zoom-in .krea3allmedias-item:hover img {
	transform: scale(1.1)
}

.is-animated.fade-in .krea3allmedias-item img {
	opacity: .5
}

.is-animated.fade-in .krea3allmedias-item:hover img {
	opacity: 1
}

.is-animated.fade-out .krea3allmedias-item img {
	opacity: 1
}

.is-animated.fade-out .krea3allmedias-item:hover img {
	opacity: .5
}

.is-animated.colorize .krea3allmedias-item img {
	filter: grayscale(1)
}

.is-animated.colorize .krea3allmedias-item:hover img {
	filter: grayscale(0)
}

.is-animated.highlight .krea3allmedias-item img {
	filter: brightness(.5)
}

.is-animated.highlight .krea3allmedias-item:hover img {
	filter: brightness(1)
}

/*
Les styles en front 
*/

/*
Les styles en front 
*/

/*carousel*/

.owl-theme .owl-dots,
.owl-theme .owl-nav {
 text-align:center;
 -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav {
 margin-top:10px
}
.owl-theme .owl-nav [class*=owl-] {
 color:#FFF;
 font-size:14px;
 margin:5px;
 padding:4px 7px;
 background:#D6D6D6;
 display:inline-block;
 cursor:pointer;
 border-radius:3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
 background:#869791;
 color:#FFF;
 text-decoration:none
}
.owl-theme .owl-nav .disabled {
 opacity:.5;
 cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots {
 margin-top:10px
}
.owl-theme .owl-dots .owl-dot {
 display:inline-block;
 zoom:1
}
.owl-theme .owl-dots .owl-dot span {
 width:10px;
 height:10px;
 margin:5px 7px;
 background:#D6D6D6;
 display:block;
 -webkit-backface-visibility:visible;
 transition:opacity .2s ease;
 border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
 background:#869791
}

.krea3allmedias-gallery.krea3allmedias-carousel.krea3allmedias-owl-carousel{
	width:calc(100% + 0px);margin:0;
}
.krea3allmedias-gallery.krea3allmedias-carousel.krea3allmedias-owl-carousel .krea3allmedias-item .krea3allmedias-icon .krea3allmedias-img-container{height: 400px;}
/*tiles*/
@media screen and (max-width: 600px) {
 	.krea3allmedias-row {height: 100px;}
	.krea3allmedias-item figcaption {display: none;}
}
/* square */
@media screen and (max-width: 460px) {
	.krea3allmedias-square .krea3allmedias-item {width: 50%;padding-bottom: 50%;}
}
@media screen and (max-width: 360px) {
	.krea3allmedias-square .krea3allmedias-item {width: 100%;padding-bottom: 100%;}
}

/* Feel free to change duration  */ 
.krea3allmedias-owl-item.animated  {
  -webkit-animation-duration : 2000ms  ;
  animation-duration : 2000ms  ;
  transition : 2000ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
-webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
-webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}








.krea3_all_medias_custom_overlay_wrapper { position: relative; }
 
.krea3_all_medias_custom_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, .9);
	opacity: 0;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
 
.krea3_all_medias_custom_overlay:hover {
	opacity: 1;
}
 
.krea3_all_medias_custom_overlay_inner {
	position: absolute;
	top: 50%;
	left: 10px;
	right: 10px;
  	transform: translateY(-50%);
}
 
.krea3_all_medias_custom_overlay h4 {
	position: relative;
	margin-bottom: 4px;
}
 
.krea3_all_medias_custom_overlay p { 
	color: #000;
	line-height: 1.4em;
}
 
.krea3_all_medias_custom_overlay h4:after {
	background-color: red;
	content: "";
	position: absolute;
	left: 35%;
	right: 35%;
	bottom: 0;
	height: 4px;
}
 
/*------------------- TABLET ------------------*/
@media only screen and ( min-width: 600px ) and ( max-width: 999px ) {
	.krea3_all_medias_custom_overlay h4 { font-size: 80%;}
	.krea3_all_medias_custom_overlay p { 
		font-size: 85%;
		line-height: 1.2em;
	}
}
 
/*------------------- MOBILE ------------------*/
@media only screen and ( max-width: 599px ) {
	.krea3_all_medias_custom_overlay h4 { font-size: 100%;}
	.krea3_all_medias_custom_overlay p { font-size: 100%;}
}