@import url("fontawesome-all.min.css");
@font-face {
    font-family: 'Playlist';
    src: url('Playlist-Script.eot');
    src: url('Playlist-Script.eot?#iefix') format('embedded-opentype'),
        url('Playlist-Script.woff2') format('woff2'),
        url('Playlist-Script.woff') format('woff'),
        url('Playlist-Script.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Start Custom Fonts CSS */@font-face {
	font-family: 'Extenda';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('Extenda-20Micro.woff2') format('woff2'),
		url('Extenda-20Micro.woff') format('woff'),
		url('Extenda-20Micro.ttf') format('truetype');
}
@font-face {
	font-family: 'Extenda';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('Extenda-30Deca.woff2') format('woff2'),
		url('Extenda-30Deca.woff') format('woff'),
		url('Extenda-30Deca.ttf') format('truetype');
}
@font-face {
	font-family: 'Extenda';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('Extenda-50Mega.woff2') format('woff2'),
		url('Extenda-50Mega.woff') format('woff'),
		url('Extenda-50Mega.ttf') format('truetype');
}
@font-face {
	font-family: 'Extenda';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('Extenda-60Giga.woff2') format('woff2'),
		url('Extenda-60Giga.woff') format('woff'),
		url('Extenda-60Giga.ttf') format('truetype');
}
@font-face {
	font-family: 'Extenda';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('Extenda-70Tera.woff2') format('woff2'),
		url('Extenda-70Tera.woff') format('woff'),
		url('Extenda-70Tera.ttf') format('truetype');
}
@font-face {
	font-family: 'Extenda';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('Extenda-80Peta.woff2') format('woff2'),
		url('Extenda-80Peta.woff') format('woff'),
		url('Extenda-80Peta.ttf') format('truetype');
}

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {font-size: 15px; line-height: 1.15em; font-weight: 500}
body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

.logo  {
    position: absolute;
    width: 150px;
    left: calc(50% - 75px);
    top: 10px;
}
/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0em;
			margin-left: 0em;
		}

			.row.gtr-0 > * {
				padding: 0em 0 0 0em;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0em;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0em;
				}

		.row.gtr-25 {
			margin-top: -0.3125em;
			margin-left: -0.3125em;
		}

			.row.gtr-25 > * {
				padding: 0.3125em 0 0 0.3125em;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -0.3125em;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 0.3125em;
				}

		.row.gtr-50 {
			margin-top: -0.625em;
			margin-left: -0.625em;
		}

			.row.gtr-50 > * {
				padding: 0.625em 0 0 0.625em;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -0.625em;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 0.625em;
				}

		.row {
			margin-top: -1.25em;
			margin-left: -1.25em;
		}

			.row > * {
				padding: 1.25em 0 0 1.25em;
			}

			.row.gtr-uniform {
				margin-top: -1.25em;
			}

				.row.gtr-uniform > * {
					padding-top: 1.25em;
				}

		.row.gtr-150 {
			margin-top: -1.875em;
			margin-left: -1.875em;
		}

			.row.gtr-150 > * {
				padding: 1.875em 0 0 1.875em;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -1.875em;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 1.875em;
				}

		.row.gtr-200 {
			margin-top: -2.5em;
			margin-left: -2.5em;
		}

			.row.gtr-200 > * {
				padding: 2.5em 0 0 2.5em;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -2.5em;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 2.5em;
				}

		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0em;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0em 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: -0.3125em;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0.3125em 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: -0.625em;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0.625em 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: -1.25em;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 1.25em 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: -1.875em;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 1.875em 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: -2.5em;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 2.5em 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0em;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0em 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: -0.3125em;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0.3125em 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: -0.625em;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0.625em 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: -1.25em;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 1.25em 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: -1.875em;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 1.875em 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: -2.5em;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 2.5em 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

		@media screen and (max-width: 980px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0em;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0em 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: -0.3125em;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0.3125em 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: -0.625em;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0.625em 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: -1.25em;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 1.25em 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: -1.875em;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 1.875em 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: -2.5em;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 2.5em 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

		@media screen and (max-width: 736px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0em;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0em 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: -0.3125em;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0.3125em 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: -0.625em;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0.625em 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: -1.25em;
					margin-left: -1.25em;
				}

					.row > * {
						padding: 1.25em 0 0 1.25em;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: -1.875em;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 1.875em 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: -2.5em;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 2.5em 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}

/* Basic */

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
	background: #fff;
      background-size: contain;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;	overflow-y: scroll;
        margin: 10px;
border: 2px solid #7d1e22;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, textarea, select {
		font-family:'Oswald', sans-serif;
		font-weight: 300;
		color: #666;
        font-size: 15px;
		line-height: 1.55em;
	}

		

	strong, b, h1, h2, h3, h4, h5, h6 {
		font-weight: 400;
		color: #7d1e22;
	}
h1, h2, h3, h4, h5, h6 {   font-family: 'Extenda', cursive; text-align: center; font-weight: 300}
h1 { font-size: 4em; color: #7d1e22; margin-bottom: 20px; text-transform: uppercase}

	h2 {font-family: 'Extenda';
font-size: 2.8em; padding-top: 15px; 
text-align: center; 
        text-transform: uppercase;
        padding-bottom: 8px;
color: #7d1e22;
padding-top: 15px;
        font-weight: 500;
letter-spacing: 0.5px;
margin: auto; margin-bottom: 0px; margin-top: 30px;
}

	h3, h4, h5, h6 { text-transform: uppercase; text-align: left; color: #7d1e22; font-weight: 500;padding: 0px 5px;	}

h3 {font-size: 1.6em; padding: 5px; margin-top: 20px;
color: #781c26;
font-weight: 700;
letter-spacing: 0.5px;
border-bottom: 1px solid #e2cdcf;
padding-bottom: 0px;
text-align: center;max-width: 80%;margin-left: 10%; }
h4, h5, h6 {font-size: 1.2em;margin-top: 30px;}
h4 {
    margin-top: 20px;
    margin-bottom: -5px;
    font-size: 20px;
    letter-spacing: 0.3px;
}


	em, i {
		font-style: italic;
	}

	hr {
		border: 0;
		border-top: solid 1px #f2f2f2;
		padding: 1.5em 0 0 0;
		margin: 1.5em 0 0 0;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	br.clear {
		clear: both;
	}



/* Table */

	table {
		width: 100%;
	}

		table.default tbody tr {
			border-bottom: solid 1px #f4f4f4;
		}

		table.default td {
			padding: 0.5em 1em 0.5em 1em;
		}

		table.default th {
			text-align: left;
			font-weight: 400;
			padding: 0.5em 1em 0.5em 1em;
		}

		table.default thead {
			border-bottom: solid 2px #f4f4f4;
		}

/* Form */

	form label {
		display: block;
		font-weight: 400;
		color: #363636;
		margin: 0 0 1em 0;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		border: 0;
		background: #f4f4f4;
		padding: 0.75em;
		width: 100%;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #f8f8f8;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select {
		line-height: 1.35em;
	}

	form ::-webkit-input-placeholder {
		color: #999;
	}

	form :-moz-placeholder {
		color: #999;
	}

	form ::-moz-placeholder {
		color: #999;
	}

	form :-ms-input-placeholder {
		color: #999;
	}

/* Section/Article */

	section, article {
		margin-bottom: 3em;
	}

		section > :last-child, section:last-child, article > :last-child, article:last-child {
			margin-bottom: 0;
		}

	header {
		margin: 0 0 0.3em 0;
	}

		header > p {
			margin: 0.5em 0 0 0;
			color: #aaa;
		}

		@media screen and (max-width: 736px) {

			header {
				margin: 0 0 1em 0;
			}

		}

/* Image */

	.image {
		display: inline-block;
	}

		.image img {
			display: block;
			width: 100%;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		display: inline-block;
		background-color: #222222;
		color: #ffffff;
		border: 0;
		cursor: pointer;
		outline: 0;
		padding: 0.7em 1.5em 0.7em 1.5em;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background-color: #333333;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background-color: #444444;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background-color: #777777;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color: #888888;
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: #999999;
			}

		input[type="button"].small,
		input[type="submit"].small,
		input[type="reset"].small,
		button.small,
		.button.small {
			font-size: 0.75em;
		}

		input[type="button"].large,
		input[type="submit"].large,
		input[type="reset"].large,
		button.large,
		.button.large {
			font-size: 1.25em;
			padding: 0.5em 1.25em 0.5em 1.25em;
		}

		input[type="button"].xlarge,
		input[type="submit"].xlarge,
		input[type="reset"].xlarge,
		button.xlarge,
		.button.xlarge {
			font-size: 1.5em;
			padding: 0.5em 1.25em 0.5em 1.25em;
		}

		@media screen and (max-width: 736px) {

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				width: 100%;
			}

		}

/* List */


	ol {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

/* Actions */

	ul.actions {
		list-style: none;
		padding-left: 0;
	}

		ul.actions li {
			display: inline-block;
			padding-left: 0;
			margin: 0 0 0 0.5em;
		}

			ul.actions li:first-child {
				margin-left: 0;
			}

		@media screen and (max-width: 736px) {

			ul.actions li {
				display: block;
				margin: 0.75em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

		}

/* Icons */

	.icon {
		text-decoration: none;
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon.solid:before {
			font-weight: 900;transform: scale(0.9);
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}

		.icon:before {
			line-height: inherit;
		}

		.icon > .label {
			display: none;
		}



/* Nav */

	#nav {
		text-align: center;
		height: 4.25em;
		cursor: default;
        width: 100%;
        bottom: 0px;
        position: fixed;
        z-index: 1;
        background: #7d1e22;
        overflow: auto;
        white-space: nowrap;
        padding: 10px 40px; height: auto; box-shadow: 0px -1px 46px 0px rgba(0, 0, 0, 0.15);
}
.menu {width: 100% !important}
	
		#nav a {
			position: relative;
			display: inline-block;
			color: #000;
			opacity: 0.6;
			outline: 0;
			-moz-transition: opacity .25s ease-in-out;
			-webkit-transition: opacity .25s ease-in-out;
			-ms-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
            display: inline-block;
            text-align: center;
            padding: 5px; 
            text-decoration: none;

		}
#nav a:last-child {margin-right: 80px}
#nav a.icon:before {
				padding-right: 0;
			}

			#nav a:before {
				font-size: 32px;
			}

			#nav a:after {
				content: '';
				display: block;
				position: absolute;
				left: 50%;
				bottom: 0em;
				margin-left: -0.5em;
				border-bottom: solid 0em #7d1e22;
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				-moz-transition: border-bottom-width .25s ease-in-out;
				-webkit-transition: border-bottom-width .25s ease-in-out;
				-ms-transition: border-bottom-width .25s ease-in-out;
				transition: border-bottom-width .25s ease-in-out;
                font-size:  20px !important
			}

			#nav a span {
				display: block;
				color: #fff;text-transform: uppercase;
				top: 0em;
				opacity: 1;
				-moz-transition: opacity .25s ease-in-out;
				-webkit-transition: opacity .25s ease-in-out;
				-ms-transition: opacity .25s ease-in-out;
				transition: opacity .25s ease-in-out;
				width: 4.8em;
				font-size: 16.7px;
				letter-spacing: 1px;
				margin-top: -5px;
				font-weight: 400;
				font-family: 'Extenda';
			               
			}

				#nav a span:after {
					display: none
				}

			#nav a:hover {
				opacity: 1.0;
			}

				#nav a:hover span {
					opacity: 1.0;
				}

			#nav a.active span {  
                color: #7d1e22}
                #nav a.active {
				opacity: 1.0;
               box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
                background: #7d1e22;
                border-radius: 0px;
                border: 2px solid #7d1e22;
			}

				#nav a.active:after {
					border-bottom-width: 0.5em;
				}



/* Wrapper */

	#wrapper {
		width: 65em;
		margin: 0 auto;
		min-height: 100vh;
		max-width: 100%;
		padding: 80px 0;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-moz-transition: opacity 1s ease-in-out;
		-webkit-transition: opacity 1s ease-in-out;
		-ms-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}

		body.is-preload #wrapper {
			opacity: 0;
		}

		@media screen and (max-width: 1280px) {

			#wrapper {
				padding: 80px 0;
				max-width: calc(100% - 6em);
			}

		}

		@media screen and (max-width: 980px) {

			#wrapper {
				c
				max-width: calc(100% - 8em);
			}

		}

		@media screen and (max-width: 736px) {

			#wrapper {
				padding: 80px 0;
				max-width: calc(100% - 0em);
			}

		}

		@media screen and (max-width: 360px) {

			#wrapper {
				padding: 80px 0;
				max-width: 100%;
			}

		}

/* Main */

	#main {
		position: relative;
		overflow: hidden;
		width: 100%;
		-moz-transition: min-height 0.5s ease-in-out, max-height 0.5s ease-in-out;
		-webkit-transition: min-height 0.5s ease-in-out, max-height 0.5s ease-in-out;
		-ms-transition: min-height 0.5s ease-in-out, max-height 0.5s ease-in-out;
		transition: min-height 0.5s ease-in-out, max-height 0.5s ease-in-out;
	}

		#main > .panel {
			-moz-transition: opacity 0.25s ease-in-out;
			-webkit-transition: opacity 0.25s ease-in-out;
			-ms-transition: opacity 0.25s ease-in-out;
			transition: opacity 0.25s ease-in-out;
			margin-bottom: 0;
			position: relative;
			padding: 1.5em 1.5em 5.5em 1.5em;
			width: 100%;
            background: #fff;
		    box-shadow: 0px 1px 54px 0px rgba(0, 0, 0, 1);
		
		}

			#main > .panel.inactive {
				opacity: 0;
			}

			@media screen and (max-width: 736px) {

				#main > .panel {
					padding:0.5em 0.2em 6.5em 0.2em;
				}

			}

			#main > .panel.intro {
				padding: 0;
				height: 20em;
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: row;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
			}

				#main > .panel.intro .pic {
					text-decoration: none;
					position: relative;
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					-moz-flex-shrink: 0;
					-webkit-flex-shrink: 0;
					-ms-flex-shrink: 0;
					flex-shrink: 0;
					
				}

					#main > .panel.intro .pic:before {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						background: url("images/overlay.png");
						width: 100%;
						height: 100%;
						z-index: 1;
					}

					#main > .panel.intro .pic img {
						position: relative;
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						-moz-object-fit: cover;
						-webkit-object-fit: cover;
						-ms-object-fit: cover;
						object-fit: cover;
						-moz-object-position: center;
						-webkit-object-position: center;
						-ms-object-position: center;
						object-position: center;
					}

					#main > .panel .arrow {
						display: block;
						position: fixed;
						right: 0;
						bottom: 10px;
						width: 1.75em;
						height: 2.75em;
						background: #000;
						background: rgba(95,18,21, 0.75);
						color: #ffffff;
						text-align: center;
						line-height: 2.75em;
						font-size: 1.5em;
						z-index: 1;
						-moz-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						-webkit-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						-ms-transition: width .15s ease-in-out, padding-right .15s ease-in-out;
						transition: width .15s ease-in-out, padding-right .15s ease-in-out;
					}
		#main > .panel  .arrowl {
						display: block;
						position: fixed;
						right: auto; left: 0
						
						
					}

						#main > .panel.pic .arrow:before {
							position: relative;
							padding-right: 0;
							top: 0.125em;
						}

						#main > .panel .pic .arrow span {
							display: block;
							text-indent: -9999px;
						}

					#main > .panel.pic:hover .arrow {
						width: 3em;
						padding-right: 0.25em;
					}

				#main > .panel.intro header {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					padding: 3.5em 2.5em;
					margin-bottom: 0;
					width: 100%;
				}

					#main > .panel.intro header h1 {
						line-height: 1.25em;
						margin-bottom: 0; text-align: center
					}

					#main > .panel.intro header p {
						letter-spacing: -0.015em;
						font-size: 1.25em; text-align: center;
						margin: 0.25em 0 0 0;
					}

				@media screen and (max-width: 980px) {

					#main > .panel.intro {
						-moz-flex-direction: column;
						-webkit-flex-direction: column;
						-ms-flex-direction: column;
						flex-direction: column;
						height: auto;
					}

						#main > .panel.intro .pic {
							height: 25em;
							width: 100%;
						}

						#main > .panel.intro header {
							padding: 4em;
							text-align: center;
						}

				}

				@media screen and (max-width: 736px) {

				

					#main > .panel.intro header {
						padding: 2.75em 2em 2.5em 2em;
					}

						#main > .panel.intro header p {
							font-size: 1em;
							margin: 0.25em 0 0 0;
						}

				}

/* Footer */

	#footer {
		color: rgba(255, 255, 255, 0.45);
		text-align: center;
		padding: 2em 0 0 0;
		font-size: 0.75em;
	}

		#footer a {
			color: #ddd;
			color: rgba(255, 255, 255, 0.65);
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}

			#footer a:hover {
				color: white;
			}

		#footer .copyright {
			list-style: none;
			padding-left: 0;
		}

			#footer .copyright li {
				display: inline-block;
				padding-left: 1em;
				margin-left: 1em;
				border-left: solid 1px rgba(255, 255, 255, 0.25);
				line-height: 1;
			}

				#footer .copyright li:first-child {
					padding-left: 0;
					margin-left: 0;
					border-left: 0;
				}

		@media screen and (max-width: 736px) {

			#footer .copyright li {
				padding-left: 0.5em;
				margin-left: 0.5em;
			}

		}

.submenu {  position: fixed; width: 100%; background: #8b2c30; left: 0; bottom: 89px; z-index: 100; white-space: nowrap;
overflow-x: auto;}
.submenu ul li {list-style: none; padding-left: 0em; display: inline-flex;margin: 10px 0px; border-right: 1px solid #7d1e22  }
.submenu ul li a { color: #c7a0a2; text-decoration: none;padding: 0px 10px;
    font-weight:400; font-size: 13px; letter-spacing: 0.5px; text-transform: uppercase}
.center {text-align: center; margin-bottom: 20px; font-weight: bold; color: #7d1e22}
.nom { text-transform: uppercase; color: #333; font-weight: bold;   font-family: 'Inria Serif', serif; font-size: 18px;}
.nom em {    font-style: normal;  font-weight: 400; color: #7d1e22; margin-left: 5px; font-family: 'Oswald'; font-size: 88% }
.description {margin-bottom: 0px; text-align: center; font-family: 'Inria Serif', serif;color: #444; font-size: 15px; font-style: italic;}
.highlight {    border: 1px solid #7d1e22;  border-radius: 6px; padding: 5px 9px;  margin: 10px 0px;  width: calc(100% - 10px); margin-left: 5px;}
.prod {padding: 5px;border-radius: 3px; margin-bottom: 5px; transition: 0.5s all ease; text-align: center;}
.domvin { line-height: 1;
margin-bottom: 2px;
text-transform: uppercase;
font-weight: 500;
font-size: 81%;
color: #888;}

.fcurrent { transition: 0.5s all ease; box-shadow: 0px -1px 46px 0px rgba(0, 0, 0, 0.05); transform: scale(1.01);background: #fff;border: 1px solid #efe4c6}
.fcurrent .nom{color: #222 !important}
.fcurrent.highlight{border:1px solid #222!important}

.supplement { background: #fff; padding: 3px 8px; border-radius: 3px; text-align: center; border: 1px dotted #a08b53;
	line-height: 1.2; margin-top: 20px;}
.supplement .nom {font-weight: bold;font-style: italic;font-size: 13px; display: inline-block;
	color: #555;}
.supplement .nom em {  float: none; font-weight: 500; font-style: italic; font-size: 14px}
.supplement .description { margin-bottom: 0px; text-align: center; font-size: 13px;}
.descriptionen {
    font-size: 80%;
    font-style: italic;
    opacity: 0.5;
}
.menu .nom {font-size: 20px; font-weight: 500; text-transform: none; text-align: center; margin-bottom: 0px; font-family: 'Oswald', cursive; margin-top: 10px; text-transform: uppercase}
.menu .nom em {  float: none;display: block;line-height: 1.1;font-size: 15px;text-transform: lowercase;font-weight: 500;font-family: 'Oswald';}
.menu .description {  text-align: center; margin-bottom: 10px; font-family: 'Inria Serif', serif;  text-transform: uppercase;  color: #222; font-weight: bold}
.menu .description em {    text-transform: none;
font-weight: bold;display: block;
letter-spacing: 0px;
font-size: 20px;
font-style: normal;
color: #968557;
font-family: 'Playlist';
margin-top: 30px;}
.menu .description span{  display: inline-block;width: 100%; font-style: italic; line-height: 0.6;opacity: 0.8;font-family: 'Playlist';text-transform: lowercase;font-size: 20px;color: #a18c54;}

.deg {font-size: 80%}
.mul span {font-size: 11px;
font-weight: 500;
font-family: 'Inria Serif', serif;
text-transform: lowercase;
font-style: italic;
color: #444; }
/* CNCB */
#work6 h4 {text-align: center}
#work .prod {margin-bottom: 0px}
.surmes .description {margin-bottom: 10px}
#home p {color: #1d1d1b}
#home img {width: 80px; margin-top: 30px;
margin-bottom: -10px;}
#home p strong {color: #1d1d1b; font-weight: bold}
#home {box-shadow: none !important; background-color: transparent !important}
.legale {
    font-size: 12px; font-weight: 500;
    line-height: 1.3em; text-align: center;
    color: #666   !important; font-family: 'Inria Serif', serif;
}
.fa-wine-bottle { transform: rotate(-45deg);}
.fa-adn::before {content: url(images/0.png)}
.fa-500px::before {content: url(images/1.png)}
.fa-accusoft::before {content: url(images/2.png)}
.fa-address-book::before {content: url(images/3.png)}
.fa-adjust::before {content: url(images/4.png)}
.fa-align-center::before {content: url(images/5.png)}
.fa-adobe::before {content: url(images/6.png)}
.fa-adversal::before {content: url(images/7.png)}
.fa-air-freshener::before {content: url(images/8.png)}
.fa-airbnb::before {content: url(images/9.png)}
.fa-algolia::before {content: url(images/10.png)}
.fa-alipay::before {content: url(images/11.png)}
.fa-allergies::before {content: url(images/12.png)}
.fa-amazon::before {content: url(images/13.png)}
.fa-amazon-pay::before {content: url(images/14.png)}
.fa-ambulance::before {content: url(images/15.png)}
.fa-amilia::before {content: url(images/16.png)}
.fa-anchor::before {content: url(images/17.png)}
.fa-android::before {content: url(images/18.png)}

/************   CHOIX   **************/
.choix {min-height: 96vh;max-width: 768px;margin: auto;padding-bottom: 30px;}
.choix h2 { margin-top: 70px;line-height: 1;font-size: 14px;letter-spacing: 0.2px;font-weight: 300;color: #666;margin-bottom: 10px;transform: skewY(-3deg);font-family: 'Oswald', sans-serif;text-transform: inherit;background: no-repeat;
text-shadow: none;
border: none;
box-shadow: none;}
.choix h2 span {font-weight: 800;font-size: 155%; text-transform: uppercase}
.surplace {max-width: 700px;margin: auto;background: #7e1e23; text-align: center; color: #f9f9f9; padding-top:50px; min-height: 40vh;transform: skewX(-3deg) rotate(-3deg); padding-bottom: 50px;}
.surplace h3 {text-align: center; color: #fff; font-weight: 800;font-size:7vh;border: none}
.surplace h3 b {font-weight: 500; color: #fff}
.clickand {max-width: 700px;margin: auto;background: #a08b53; text-align: center; color: #f9f9f9; padding-top:30px;min-height: 30vh;transform: skewX(2deg) rotate(2deg); margin-top: -30px; padding-bottom: 80px}
.clickand h3 {color: #7e1e23;text-align: center; font-weight: 800;font-size:6vh;line-height: 0.75;border: none}
.clickand h3 b {font-weight: 500}
.surplace h3 u, .clickand u {color: #232323;transform: rotate(18deg);text-decoration: none;display: inline-block;margin-top: 3px}
.surplace h3, .surplace p, .surplace .button{transform: skewX(3deg) rotate(3deg);}
.clickand h3, .clickand p, .clickand .button{transform: skewX(-3deg) rotate(-3deg);}
.choix .button {text-align: center; background: rgba(0,0,0,0.15); border: 1px solid #fff; text-transform: uppercase; font-weight: 500; text-decoration: none;font-size: 18px; margin-bottom: 20px; margin-top: 10px;transition: 0.3s all ease; width: auto;padding: 10px 30px;border-radius: 30px; box-shadow: 3px 3px 0px rgba(0,0,0,0.30), -5px -5px 0px rgba(0,0,0,0.10);}
.choix .button:hover {transform: scale(0.8) !important; background: #323232; border-color: #323232}
.clickand .button {font-size: 13px}
.clickand svg {
    fill: #c2b184;
    width: 82px;
    margin-bottom: -36px;
    transform: rotate(10deg);
}

#sugg iframe {min-height: 130vh;overflow: hidden;width: 408.2pt;border: none;margin: auto;display: block;}
.nom .description {    text-transform: none; color: #777  ;  font-style: italic;    font-weight: 500;    font-size: 12px;display: block;
	line-height: 0.9;}
.prixvin {color: #7d1e22} 

#mdj header h2{
    width: 130px;
    font-size: 29px;
    padding: 8px 0px 4px;
}

/*********************** SEMAINIER ****************************/

/*SEMAINAIER*/ 
.none {display: none!important}
.menusemaine { display: grid;  grid-auto-flow: column;  grid-auto-columns: calc((100% - 1*10px)/1.8);
    grid-gap: 10px;  margin: 10px;  max-width: 550px;  overflow: auto;  scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;  margin: auto;}
.menusemaine .menu {
    display: inline-block;  width: 90%;margin-left: 5%;  background: #f2f2f2; text-align: center;    border-radius: 0px; padding-bottom: 0px;
    border: 1px dotted #7d1e22; margin-bottom: 20px}

.menusemaine .menu.today { background: #fff; display: inline-block;box-shadow: 7px 8px 0px #7d1e22;
border: 2px solid #7d1e22;}
.menusemaine .semaine2.today { background: #f2f2f2; display: inline-block;box-shadow: none;
border: 1px dotted #7d1e22;}
.menusemaine .semaine2.none {display: inline-block !important}
.menusemaine .menu h3 {display: none}

.menusemaine .menu.today h3 {display: block;font-family: 'Extenda';
font-size: 35px;text-align: center;text-transform: uppercase;padding-bottom: 2px;color: #fff;padding-top: 5px;
transform: skewY(2deg);font-weight: 500;letter-spacing: 0.5px;border: 1px solid #7d1e22;max-width: 170px;margin: auto;line-height: 1;
margin-top: 10px;    margin-bottom: auto;margin-bottom: 10px;background: #7d1e22;text-shadow: 2px 2px 2px #666;box-shadow: 3px 3px 0px #fff, 4px 4px 0px #7d1e22, 4px 2px 0px #7d1e22, 2px 4px 0px #7d1e22;}
.menusemaine .semaine2.today h3 {display: none}
.menusemaine .menu h4 {font-family: 'Extenda';font-size: 35px;text-align: center;text-transform: uppercase;padding-bottom: 2px;color: #fff;
padding-top: 5px;transform: skewY(-2deg);font-weight: 500;letter-spacing: 0.5px;border: 1px solid #7d1e22;max-width: 170px;margin: auto;line-height: 1;
margin-top: 10px;    margin-bottom: auto;margin-bottom: 10px;background: #7d1e22;text-shadow: 2px 2px 2px #666;
box-shadow: 3px 3px 0px #fff, 4px 4px 0px #7d1e22, 4px 2px 0px #7d1e22, 2px 4px 0px #7d1e22;}
.menusemaine .menu.today h4 {display: none}
.menusemaine .semaine2.today h4 {display: block}
.menusemaine .menu h5 {color: #7d1e22;margin-bottom: -3px;font-family: "Playlist", Sans-serif;
text-align: center;text-transform: initial;line-height: 1;font-weight: 600;font-size: 14px;margin-bottom: -8px;
margin-top: 3px;}
.menusemaine .menu .nom { text-transform: uppercase; font-size: 20px;margin-bottom: 0px;line-height: 1.2;}
.menusemaine .menu .description  { color: #666; font-style: italic;}
.menu .pasdemenu {max-width: 230px;width: 100%;}
.menu h4 span {  font-family: 'oswald';  font-size: 45%; font-weight: 300;  display: inline-block; margin-top: -5px;  letter-spacing: -1px;  transform: rotate(-19deg);
    margin-top: 23px;    line-height: 1.2;    background: #333;    padding: 0px 4px;    position: absolute;}
.menu .fcurrent {  transition: 0.5s all ease;    box-shadow: none;  transform: scale(1);    background: transparent;    border: none;}

 .tarifmenu {width: 100%; max-width: 550px; margin: auto;  display: block;  margin-top: -50px;}
.titlemenu {width: 100%; max-width: 250px; margin: auto;  display: block;  }
	
.tabloalacon  .nom .description {
    text-align: left;
}
.tabloalacon td .nom {font-size: 16px;}
.tabloalacon th {font-weight: bold; text-align: right}
.tabloalacon td {  font-style: normal;  font-weight: 400;  color: #7d1e22;padding: 3px; text-align: right;font-size: 16px}
.tabloalacon td:first-child {text-align: left;}

.news {background: #ecd4d7 !important;  margin-top: 5px;  margin-bottom: 5px;}

.fideliframe2 {width: 100%;border: none;height: 1000px}
.fidelite {text-align: center}

.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;color: #333;
  font-weight: bold;
  font-family: 'Oswald';text-transform: uppercase;
  font-size: 18px;
	outline: none;
	transform: 0.4s all ease;margin: 3px auto;
  }
  
	  .sousacc {background: #f2f2f2; font-size: 15px; padding:10px}
	  
  .active, .accordion:hover {
	background-color: #ccc; 
  }
  
  .panel {
	padding: 20px 5px;
	display: none;
	background-color: white;
	overflow: hidden;  transform: 0.4s all ease;
  }
	  .pop {display: none}
	  .panel h3 {display: none}

	  .panel.vin h3 {display: block}


.dog  {
	max-width: 100px;
	display: none;
	margin: auto;
	margin-bottom: -45px;
}


	@media screen and (max-width: 768px) {
        h3 {text-align: center}
        .tarifmenu {width: 90%;margin-top: -33px;}
        .menusemaine {grid-auto-columns: calc((100% - 1*10px)/1.2);}
        #sugg iframe {width: 100%}
        .choix {margin: 10px}
.mul {display: inline-block;}
        #boissons .mul {display: block; float: none !important}

#spirit .mul, #spirit .description, #spirit .nom {text-align: center}

        
}