/*
 _______  ______   _______  _______  ______   _______    _______  ______   _______  _______  _______  _  _  _  _______  ______   _     _ 
(_______)(_____ \ (_______)(_______)(_____ \ (_______)  (_______)(_____ \ (_______)(_______)(_______)(_)(_)(_)(_______)(_____ \ (_)   | |
 _        _____) ) _____    _______   ____) ) _____      _____    _____) ) _______  _  _  _  _____    _  _  _  _     _  _____) ) _____| |
| |      |  __  / |  ___)  |  ___  | / ____/ |  ___)    |  ___)  |  __  / |  ___  || ||_|| ||  ___)  | || || || |   | ||  __  / |  _   _)
| |_____ | |  \ \ | |_____ | |   | || (_____ | |        | |      | |  \ \ | |   | || |   | || |_____ | || || || |___| || |  \ \ | |  \ \ 
 \______)|_|   |_||_______)|_|   |_||_______)|_|        |_|      |_|   |_||_|   |_||_|   |_||_______) \_____/  \_____/ |_|   |_||_|   \_)

Version 0.9.6.0
Date 02/01/2015                                                                                 
*/


/* ################################################################################################################																		     *                                                                      							
														IMPORTS
 *###############################################################################################################*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');




/* SLICK CORE + THEME */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(./fonts/slick.eot);src:url(./fonts/slick.eot?#iefix) format("embedded-opentype"),url(./fonts/slick.woff) format("woff"),url(./fonts/slick.ttf) format("truetype"),url(./fonts/slick.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}

/* FANCY */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(jquery/fancybox2/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(jquery/fancybox2/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(jquery/fancybox2/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(0,0,0,0.5);}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}




:root {
	
  --gblack: #161616;
  --grclair: #ededed;	
  --gris: #afafaf;
  
  --vert: #347f81;

}




/* ################################################################################################################																		     *                                                                      							
														BASICS
 *###############################################################################################################*/
 
 
	html, body { margin: 0; padding: 0; border: 0; height: 100%;}
	body { 
		font-size:14px; background-color: var(--vert);
		color: #fff;
		font-family: 'Poppins', sans-serif;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
		overflow-y: scroll;
	}


	body.is-loading * {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	input, select, textarea {
		color: #aaa;
		font-size: 15px;
		font-weight: 300;
		letter-spacing: 0.025em;
		line-height: 1.75em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: #fff;
		text-decoration: none;
	}

		a:hover {
			text-decoration: underline; 
		}
		
		a:active, a:focus { outline:0; }
		a img { border:0; }
		

	strong, b {font-weight: 700;	}
	.chrome strong, b {font-weight: 700;	}

	p, ol, dl, ul, table, blockquote {
		margin: 0 0 2em 0;
		line-height: 1.4em; font-family: 'Montserrat', sans-serif;
	}

	h1, h2, h3, h4, h5, h6 {
		color: inherit;
		font-weight: 300;
		line-height: 1em;
		margin-bottom: 1em;

	}
	.hlt-800 h2, .lt-1250 h2{ margin-bottom: 0.5em; }

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border: 0;
		}

	h1{
		font-size: 3.5em;
		

	}
	
	h2 {
		font-size: 1.5em;
	
	}

	h3 {
		font-size: 1.2em;
		

	}
	h3 i {
		font-size: 1.7em;
	}

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

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

	hr {
		border-top: solid 1px rgba(124, 128, 129, 0.2);
		border: 0;
		margin-bottom: 1.5em;
	}

	blockquote {
		border-left: solid 0.5em rgba(124, 128, 129, 0.2);
		font-style: italic;
		padding: 1em 0 1em 2em;
	}
	
	pre {
		margin:10px; padding:5px;
		background:#fafafa; border:1px dashed #ebebeb;
		font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
		font-size:12px;
	}
	
	/**
	 * Lists
	 */
	ul { padding:0; }
	li { list-style-type:none;}
	
	dl { margin:0; padding:0; }
	dt {}
	dd {}
	
	/*p strong{  font-size: 1.5em;}*/
	
	
	
/* ################################################################################################################																		     *                                                                      							
														ELEMENTS
 *###############################################################################################################*/
	
/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr {
				border-bottom: solid 1px rgba(124, 128, 129, 0.2);
			}

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

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

			table.default thead {
				background: #7c8081;
				color: #fff;
			}




/* Form */

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	input[type="datetime"],
	textarea {
		-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: none;
		border: none;
		border-bottom: solid 1px var(--vert);
		color: var(--vert);
		display: block;
		padding: 0.6em 0 0.4em 0.75em ;
		text-decoration: none;
		width: 90%;
		outline: 0;
		letter-spacing: 1px;
		line-height: 1.2em;
		font-size:  1em;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	input[type="datetime"] {
		line-height: 1.2em;
	}
	
	label { color: var(--vert); font-size: 1em;  text-transform:uppercase; line-height: 1em; text-align: left; display: none;}
	
	.missingField label, .invalidField label { color:#ec0001; font-weight: 600; }
	.missingField input, .missingField textarea, .missingField select, .invalidField input, .invalidField textarea, .invalidField select { border-color:#ec0001; }
	
	.formErrors { margin:0; padding:10px 0 10px 0; }
	.formErrors li { list-style:none; margin:0px 0 5px 0; line-height:16px; color:#ec0001; font-weight: 600;}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="number"]:focus,
	input[type="date"]:focus,
	input[type="datetime"]:focus,
	textarea:focus {
		border-color: #555555;
	}
	fieldset{ border: none !important; margin: 0; padding: 0;}
	
	
	#field-security { display: none !important; }
	.formButtons { text-align: center;}
	.textField, .emailField, .telField, .numberField, .dateField, .datetimeField, .textareaField  { margin: 0 0 25px 0; text-align: left;}
	

/* Button */

	.buttonW{}
	.buttonW.centered{ text-align:center;}
	
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button[type="submit"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
		color: var(--vert);
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 300;
		padding: 10px 20px;
		line-height: 1em;
		text-align: center;
		font-family: 'Gilroy', sans-serif;
		text-decoration: none;
		width: auto;
		margin-bottom: 5px;
		border: 2px solid #fff;
		
		 -webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border-color: var(--vert);
		background: var(--vert);
		
	}
	.button.blackdefault, #FootContactFormSubmit {
		border-color: var(--gblack);
		background: var(--gblack);
	}
	
	.button.whitedefault {
		border-color: #fff;
		color: #fff;
		background: none;
	}
	.submitButton:hover, .button:hover, #ContactFormButtons input:hover {
		border-color: var(--vert);
		color: var(--vert);
		
	}
	.button.whitedefault:hover {
		border-color: var(--vert);
		color: var(--vert);
		background-color: #fff;
		
	}
		
		
		::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		  color: #999;
		  text-transform: uppercase;
		  opacity: 1; /* Firefox */
		}

		:-ms-input-placeholder { /* Internet Explorer 10-11 */
		  color: #999;
		  text-transform: uppercase;
		}

		::-ms-input-placeholder { /* Microsoft Edge */
		 color: #999;
		  text-transform: uppercase;
		}

		
	
/* Google Map / Vcard */


	
	
	
	
	





/* Specials */


	  /**
	 * Floating elems
	 */
	.float	{display:inline; float:left;}
	.floatR	{float:right;}
	/**
	 * Away elems
	 */

	.awayText
	{text-indent: -9999px; overflow: hidden; }
	.hidden
	{display: none;}
	
	 /**
	 * WRAPPERS 980
	 */
	.focus
	{ margin:0 auto; width: 980px; }
	
	/**
	 * Overlays
	 */
	/* WHITE*/
	.overlay-w { background:rgba(255,255,255,0.7); }
	.lt-ie9 .overlay-w{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff)";
		zoom: 1;
	}
	/* BLACK*/
	.overlay-b{ background:rgba(0,0,0,0.7); }
	.lt-ie9 .overlay-b{
		background:none;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000)";
		zoom: 1;
	}
	
	.overText{
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);	
	}
	
	.centered{ text-align: center !important;}
	.lefted{ text-align: left !important;}
	.righted{ text-align: right  !important;}
	





	.sfont {  font-family: 'GilroyBold', sans-serif; }
	.titlefont {  font-family: 'GilroyBold', sans-serif; }
	
	
	.rounded{
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		
	}
	
	
	.vcard p { margin:0; padding:0; }
	.vcard .tel .type, .vcard .geo, .vcard .uri { display:none; }	
	
	.colzim{ display: block; width: 100%;}
	
	a.specialAnnounce { display:none !important;  } 
	
	
	.away{ position: relative; opacity: 0;}
	.awayleft{ left: -120px;}
	.awayright{ right: -120px;}
	.awaytop{ top: -100px;}


	.micro{ font-size: 0.6em !important; display: inline-block; line-height: 1.2em; }
	.mini{ font-size: 0.75em !important; display: inline-block; line-height: 1.2em; }
	.littleup{ font-size: 1.2em !important }
	.big{ font-size: 1.6em !important }
	.super { font-size: 2.5em !important }
	.superplus { font-size: 3.2em !important }
	.mega { font-size: 4em !important }
	.ultra { font-size: 5.5em !important }
	

	
	/*
	.sfont.big { font-size: 2.2em !important;  line-height: 1em; }
	.sfont.super { font-size: 4em !important; line-height: 0.9em; }
	.sfont.mega { font-size: 6em !important; line-height: 1em; }
	.sfont.ultra { font-size: 8em !important;  line-height: 1em; }
	*/
	
	.centeredlist{  
		width: 100%;  clear: both; 
		margin-left: 7.5%!important; margin-right: 7.5%!important; 
		width: 85%; padding-top: 70px;}
	.centeredlist:first-child{ padding-top: 0;}	
	.flexi{ display: flex; }
	.flexilist{ display: flex; flex-wrap: wrap;}
	
		
	.centeredlist100{  margin-left: 0%!important; margin-right: 0%!important; width: 100%}
	.centeredlist90{  margin-left: 5%!important; margin-right: 5%!important; width: 90%}
	.centeredlist85{  margin-left: 7.5%!important; margin-right: 7.5%!important; width: 85%}
	.centeredlist80{  margin-left: 10%!important; margin-right: 10%!important; width: 80%}
	.centeredlist75{  margin-left: 12.5%!important; margin-right: 12.5%!important; width: 75%}
	.centeredlist70{  margin-left: 15%!important; margin-right: 15%!important; width: 70%}
	.centeredlist60{  margin-left: 20%!important; margin-right: 20%!important; width: 60%}
	.centeredlist50{  margin-left: 25%!important; margin-right: 25%!important; width: 50%}
	.centeredlist30{  margin-left: 35%!important; margin-right: 35%!important; width: 30%}

	.centeredlist > li{ display: inline-block; vertical-align: top; position: relative;}
	.centeredlist > li{ width: 45%; margin: 0 2.4% }
	
	
	.centeredlist > li.col5{ width: 5%; margin: 0; }
	.centeredlist > li.col10{ width: 10%; margin: 0; }
	.centeredlist > li.col20{ width: 19%; margin: 0 0.5%; }
	.centeredlist > li.col25{ width: 23%; margin: 0 1%; }
	.centeredlist > li.col25.colbigspace{ width: 23%; margin: 0 5%; }
	.centeredlist > li.col30{ width: 30%; margin: 0 1.5%; }
	.centeredlist > li.col33{ width: 32%; margin: 0 0.5%; }
	.centeredlist > li.col40{ width: 37%; margin: 0 1.5%; }
	.centeredlist > li.col45{ width: 42%; margin: 0 1.5%;}
	.centeredlist > li.col50{ width: 45%; margin: 0 2.4%; }
	.centeredlist > li.col60{ width: 57%; margin: 0 1.5%;}
	.centeredlist > li.col70{ width: 60%; margin: 0 3.5%;}
	.centeredlist > li.col100{ width: 100%; }
	


	.mediummargin{ margin-top: 40px; margin-bottom: 40px;}
	.bigmargin{ margin-top: 80px; margin-bottom: 80px;}
	.nomargintop{ margin-top: 0; padding-top: 0;}
	.marginbottom{ margin-bottom: 50px;}
	
	.titlepadding{ padding-top: 95px;}
	.titlepaddingmini{ padding-top: 45px;}
	.titlepaddingmedium{ padding-top: 150px;}
	.titlepaddingbig{ padding-top: 200px;}
	
	
	.smallpadding{ padding: 30px 0; }
	.mediumpadding{ padding: 60px 0; }
	.mediumpaddingtop{ padding: 60px 0 0 0; }
	.bigpadding{ padding: 100px 0; }
	.bigpadding2{ padding: 200px 0; }
	.nospacetop{ padding-top : 0; margin-top : 0;}
	
		
/* ################################################################################################################																		     *                                                                      							
														PAGES
 *###############################################################################################################*/




/* HEADER */


	#Header { 
		top: 0; width: 100%; height: 100%;
		/*position: fixed; top: 0; width: 100%; z-index: 1000; height: 173px; 
		background: url(zims/frontend/header-shadow.png) no-repeat center top; */  }
		

	
	/*.scrolled .headerBG { background: #fff; border-bottom: 1px solid #000; }*/

	#Header.deploy  { height: 100%;} 
	.deploy .headerBG { background: none; } 
	
	#HomeLinkW { 
		padding-top: 20px; margin: 0; text-align: center;}
		
	#HomeLinkW span{ font-size: 18px; }
	#HomeLinkW a{ display: inline-block; }
	#HomeLinkW a img{ width: 450px; 
		-moz-transition: width 0.2s ease-in-out;
		-webkit-transition: width 0.2s ease-in-out;
		-o-transition: width 0.2s ease-in-out;
		-ms-transition: width 0.2s ease-in-out;
		transition: width 0.2s ease-in-out;  }
	/*.scrolled #HomeLinkW a img {width: 400px; }	*/
	


	

/* MAIN MENU */

	#Nav{ position: absolute; top: 0; width: 100%; height: auto; z-index: 1000;}
	.deploy  #Nav{ height: 100%;} 
	/*#UpperNav{ position: absolute; z-index: 5010; height: 70px; width: 100%; }*/
	
	#UpperMenu{ width: 100%;  position: relative; z-index: 1;}
	#UpperMenu ul{ width: 40%; height: 40px; position: absolute; top: 0; margin-top: 25px;  }
	#UpperMenu ul#LeftUpperMenu{ left: 0; padding-left: 13%;	}
	#UpperMenu ul#RightUpperMenu{ right: 0; padding-right: 10%;	}

	#UpperMenu ul li{ 
		display: inline-block; float: left; margin: -25px 0 0 0; padding-top: 33px;
		background: url(zims/frontend/upmenu-line.gif) no-repeat center top;
	}

	#UpperMenu ul li a{ 
		color: #fff; text-transform: uppercase; font-size: 1.2em; padding: 0 15px; 
		display: inline-block; letter-spacing: 2px;
	}
	#UpperMenu ul li a.icon{  padding: 0 0 0 15px; 	}
	#UpperMenu ul li a span{ display: inline-block; position: relative;}


	#UpperMenu ul li.noline a{ border-right: none; }
	#UpperMenu ul li a i, #UpperMenu ul li a svg{ font-size: 1.2em;}
	
	#UpperMenu ul#RightUpperMenu li{ float: right;	}

	
	

	/*#MainMenu > li > a::before {

		border-bottom-color: #b61f2e;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		
		
	}*/
	
	#UpperMenu ul#RightUpperMenu li{ float: right;	}


	#UpperMenu ul#RightUpperMenu li#FacebookLink{ margin: -30px 0 0 40px;}
	#UpperMenu ul#RightUpperMenu li#InstaLink{ margin-top: -30px;}
	

	
	
	#NavAnimW{ 
		background: #1d2025; 
		width: 400%; height: 300%; position: absolute; top: -300%; left: -200%;
		transition: transform 1600ms ease-in-out;
	}
	#NavAnimW.deploy{ 

        transform: rotate(-90deg) translate(0, 40%);

	}

	#Menu .menuBgZim{ position: absolute; right: 0; top: 0; height: 100%; display: block; opacity: 0;}
	

	
	
	#NavIco{ 
		display: block; position: fixed; z-index: 5001; height: 50px; width: 35px;
		left: 5%; top: 18px; 
		background: url(zims/buttons/minimenu-w.png) no-repeat center; border: none;	
		transition: none;
	}
	#NavIco.active{ background-image: url(zims/buttons/minimenu-ico.png);  }
	
	#NavIco span {
		position: absolute;
		left: 55px; font-size: 0.7em;
		line-height: 1em;
		top: 16px; color: #fff;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	
	
	#Menu{ position: fixed; z-index: 100; opacity: 0; overflow: hidden;
		/*background: rgba(255,255,255,0.95);*/ height: 100%;
		width: 100%;
	}
	
	#MainMenuW{ position: relative; z-index: 10; padding-top: 160px; margin-bottom: 30px; }

	#MainMenu > li{ 
		background: url(zims/frontend/menu-line2.gif) no-repeat left center; 
		padding: 8px 0 8px 6%; min-height: 30px;  text-align: left; position: relative; min-width: 300px;}
	
	#MainMenu > li  a, #MainMenu > li strong{ 
		
		font-weight: 300; color: #fff; font-size: 2em; cursor: pointer; text-align: left; 
		display: inline-block; position: relative; padding: 10px 7px;
		
	}
	#MainMenu > li  a em{ font-size: 0.65em; font-style: normal; 	}

	#MainMenu li div.submenuW{ position: relative; display: inline-block; }
	#MainMenu li div.HTMLMenu-Level2{ 
		position: absolute; top: 19px; right: -390px; z-index: 1000;
		display: none; background: url(zims/frontend/menu-line2.gif) no-repeat left top; padding-left: 80px; width: 300px;
	}
	#MainMenu li ul{ border-left: 2px solid #b61f2e; padding-left:30px; margin-top: -20px; } 
	
	#MainMenu li ul > li{ /*background: url(zims/frontend/submenu-line.png) no-repeat left 4px;*/  min-height: 15px; margin-bottom: 8px; }
	
	#MainMenu li ul > li > a, #MainMenu li ul > li > a strong{ font-weight: 300; font-size: 1.5em; cursor: pointer; text-transform: none;  }
	#MainMenu li ul > li > a:hover{ text-decoration : underline; }
	
	
	
	
	
	#MainMenu-resa-Item, #MainMenu-fb-Item, #MainMenu-insta-Item, #MainMenu-youtube-Item, #MainMenu-linked-Item{ display: none;}
		



	
	#Copyrights{ padding: 0 40px; font-size: 0.8em; line-height: 1.2em; position: absolute; bottom: 0; color: #ddd; z-index: 100; }
	#Copyrights a{ color: #ddd; z-index: 100; }
	
	
	
	#Socials{ padding-left: 7%; margin-top: 40px; }
	#Socials a{ font-size: 2em; color: #fff; margin-right: 30px;}
	
	
	/* */
	
	#LangsW{ position: absolute; left: 14%; top: 29px; width: 48px; z-index: 5010; padding: 0 7px 20px 7px; }
	#LangsW #LangOpen{ display: block; float: left;  color: #fff; font-size: 1.4em; }
	#LangLinks{ float: right;  }
	#LangLinks li{ text-align: right } 
	#LangLinks li a{ display: inline-block;  width: 22px} 
	#LangLinks li a span{ opacity: 0;} 
	#LangLinks li.disabled{ display: none;} 
	
	#LangLinks li a#FrLink{ background: url(zims/frontend/fr.jpg) no-repeat center;}
	#LangLinks li a#EnLink{ background: url(zims/frontend/en.jpg) no-repeat center;}
	
	.black #LangsW #LangOpen{ color: #000;  }
		
	/* Content */
	
	

	
	/*#Content { padding-top:80px;}*/
	
	/*#Content {  background: url(zims/frontend/bg-black.jpg) no-repeat center top; padding: 120px 10% 0; }*/
	
	#page-le-restaurant #Content, #page-notre-histoire #Content { padding-top: 0;}

	
	
	/* Footer */
	#FooterW {
		width: 100%; position: fixed; bottom: 5px;
	}
	#FooterW p {
		text-align: center; color: #fff; font-size: 0.7em; color: #ccc; margin: 0;
	}
	
	

	
	
	/*#CommandeBoxW{ background: rgba(248,195,11,0.2); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
	#CommandeBox{ display: block; margin: 150px auto; text-align: center;}
	
	#CommandeBox p{ position: relative; display: inline-block; text-align: center; font-size: 1.5em; margin: 0; background: #1d2025; width: auto; padding: 100px 150px;  border: 1px solid #b61f2e;}
	
	#CommandeBox p a{ color:#fff; display: inline-block; line-height: 1.2em; font-weight: 700; padding: 0 30px }
	#CommandeBox p a i{ font-size: 3em; margin-bottom: 20px; }
	#CommandeBox p a:hover i{ color:#b61f2e; }
	
	#CommandeBox p a.closeLink{ 
		position: absolute; top: -20px; right: -20px;
		cursor: pointer;
	}
	#CommandeBox p a.closeLink i{ font-size: 1.8em; }
	*/
	
	
	
	
	

	/* HOME */
	
	#page-home { overflow: hidden; }
	
	
	#page-home #Content {  background: none; padding: 0; }

	.pattern-background {
		position: fixed;
		z-index: -1;
		width: 115%;
		height: 115%;
		left: -5%;
		top: -5%;
		background-image: url('zims/frontend/pattern.jpg');
		background-size: 800px auto;
		background-repeat: repeat;
		transition: transform 0.2s ease-out;
	}
	
		
		
	.infoW{ width: 80%; margin: 0 10%; gap: 50px; justify-content: center; }
	.infoW p{  }
	
	.centerH{ display: flex; justify-content: center; flex-direction: column; gap: 10px;}




	
	/* CONTACT */
	
	#page-contact #RoundedDecoW{  display: none }
	
	#page-contact #Content{ padding-top: 250px; position: relative;}
	#page-contact #Content .bigTramedTitleW{ top: 700px;}
	#page-contact #Content .bigTramedTitle{ font-size: 10em;}
	
	
	#ContactBlock{ /*background: url(zims/frontend/plane.gif) no-repeat center top;*/ padding: 0 50px 0;  }
	#ContactBlock i{ font-size: 2em; color: #b61f2e;}
	#Coords .fn{ font-size: 1.5em; margin-bottom: 20px;}

	#Content .vcard  .type, .vcard .uri, .vcard .geo{ display:none; }	

	
	#ContactFormWW{  position: relative; padding-bottom: 15px;  }
	#ContactFormW{  background: #f3f3f3; padding: 25px; position: relative; z-index: 10; }
	#ContactFormW h3{  color: #1d2025; }
	#ContactForm{ margin: 0;  }
	
	#ContactFormWW .deco2{ position: absolute;  z-index : 1; background: #b61f2e; opacity: 0; }
	#ContactDeco1{ bottom: -15px; left: -15px; width: 30%; height: 20%; }
	#ContactDeco2{ top: -15px; right: -15px; width: 30%; height: 20%; }
	
	#ContactForm fieldset p, #ReservForm fieldset  p{  width: 45%; display: inline; float: left;}

	.fieldW{ display: block;}
	
	#NewsletterForm fieldset p{ width: 90% }
	
	#ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-date,
	#ReservForm fieldset p#field-nom, #ReservForm fieldset p#field-email
	{ margin-right: 9%; }
	
	#ContactForm fieldset p#field-societe{ margin-right: 50%; }
	#ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message, #ReservForm fieldset p#field-message
	{ width: 100%; }
	#ContactForm fieldset p#field-message textarea, #ContactForm fieldset p#field-objet input
	{ width: 95%; }

	
	#ContactFormButtons{ clear: both;}
	#ContactFormButtons input{ border-color: #fff; color: #fff;}
	#ContactFormButtons input:hover{ background: #fff ; color: #000;}
	
	#message{  height: 100px; }

	

	.legendform { margin: 15px 0;}
	



	#jGMapW {
		width:100%; height:600px; margin:50px 0 0 0; border:none;
		padding: 0;
		/*-webkit-perspective: 1000;*/ }
	#jGMapW .geo{ display:none;}
	#jGMap { width:100%; height:100%; }
	
	


	.vcard .tel .type, .vcard .uri { display:none; }
	#jGMap .vcard .hor{ display:none; }
	
	#jGMap .vcard{  padding: 10px 10px 0 10px;  }
	#jGMap .vcard p{ color: #111; line-height: 1.3em; margin: 5px 0; font-size: 1.1em; font-family: 'Open Sans', sans-serif;  }
	#jGMap .vcard p.fn{ 
		margin: 0; 
		border-bottom: 1px solid #333; padding-bottom: 10px; margin: 0 0 10px 0;}
		
	#jGMap .vcard .tel .value{  font-size: 1.1em; }
	
	.gm-style{ color: #1d2025; }
	
	
	
	/* RESA */
	
	#ResaBox { width: 1200px; margin: 0 auto; }
	
	#ResaBox h2 { text-align: center; padding: 15px; margin: 0 0 20px 0; }
	.alert{ border: 2px dashed #d92222; padding: 15px; color: #d92222;}
	
	
	vjs-seeking .vjs-loading-spinner::after, .vjs-waiting .vjs-loading-spinner::after { display: none; }
	.vjs-loading-spinner {  text-align: center; }
	
	
	
	
	#Mentions{ margin: 220px 0 20px;}
	#Mentions * {  text-align: left;}
	#Mentions h2 {  font-size: 2em; text-transform: uppercase; text-decoration: underline; font-weight: 700;}
	#Mentions h3 {  font-size: 1.6em; text-transform: uppercase;}
	
	
	
	
	
	
	
	.fancyContent { background: #fff; padding: 0 0 20px 0; min-width: 300px; }
	.fancyContent .button { color: #222 }
 	.fancyContent h2{ 
		font-size: 2em; line-height: 1em; margin: 0 0 20px 0;  letter-spacing: 0.5px; color: var(--vert);
		 padding: 20px; font-weight: bold; text-transform: uppercase;}
	.fancyContent form { padding: 20px;}
	
	#NewsletterFormButtons{ margin-top: 20px;}
	
	
	.fancyContent .legend{ text-align: left; font-size: 0.9em; text-align:left !important;}
	
	#FancyContactBox{ background: #fff url(zims/frontend/motif.jpg) repeat-x center bottom; background-size: auto 100px; padding-bottom: 100px; width: 700px; }
	#FancyContactBox h2{ 
	 	padding: 25px; 
		line-height: 1em; text-transform: uppercase;
	 	font-size: 2em; color: var(--vert); margin: 0; letter-spacing: 0.5px; 
		background-position: 15px center; background-repeat:no-repeat; }
		
	
	 #ContactForm{ margin: 0; padding: 0 25px 10px; margin-top: 15px; }
	 #ContactForm fieldset p{  width: 47%; display: inline; float: left;}
	 
	 
	 #ContactForm fieldset p#field-nom, #ContactForm fieldset p#field-email, #ContactForm fieldset p#field-date{ margin-right: 5%; }
	 #ContactForm fieldset p#field-objet, #ContactForm fieldset p#field-message{  width: 100%; }
	/* #ContactForm fieldset p#field-date,  #ContactForm fieldset p#field-heure, #ContactForm fieldset p#field-nbpers{ width: 30%;}*/
	 
	 #message{  height: 100px; }
	 #field-message label{ display: block;}
	  #date, #heure, #nbpers{  width: 90px; }
	 
	.fancyContent .formButtons { display: inline; float: left; width: 100%; text-align: center;}
	.fancyContent .formButtons input{ padding: 0.5em 2em; line-height: 2em; border-color: #222; color: #222;}
 	.fancyContent .formButtons input:hover, .fancyContent .formButtons input[type="submit"]:hover{ color: #c7372a !important; border-color: #c7372a ;}
	
 
 
	
	 p#Confirmation{
		font-size: 1.3em; font-style:italic; font-weight: 300; color: #222; line-height:1.2em; padding: 80px 0; text-align:center; margin: 0;
	}
	/*.fancybox-inner  p#Confirmation{ padding: 50px 250px 50px 25px; margin: 0;}*/
	
	
	
	
	
	/* - -------------------------- - */

	
	
	@media(max-width:1560px) {
		
	
	}
	
	@media(max-width:1280px) {
		
		
	}
	
	
	@media(max-width:1024px) {
		
		.centeredlist, .centeredlist80, .centeredlist75, .centeredlist50, .centeredlist30{ 	margin-left: 2.5%!important; margin-right: 2.5%!important; width: 95%; padding-top: 20px; }
		.centeredlist > li{ width: 100%; }
		
		
		#MainMenu > li {

			background: none;
			margin-bottom: 0;
			padding-left: 5%;
		}
		
		.big{ font-size: 1.4em !important }
		.super { font-size: 1.8em !important }
		.mega { font-size: 2.7em !important }
		.ultra { font-size: 3.5em !important }


		
	}
	
	
	@media(max-width:1023px) {
		
		
		
		
	}
	
	
	
	@media(max-width:767px) {

		body {   line-height: 1.5em; }
		
		
		#HomeLinkW a img{ width: 90%;}
		
		.infoW{ flex-direction: column; padding-top: 40px; gap: 5px;}
		.infoW p{ text-align: center;}
		
		#FooterW{ position: static; padding: 10px;}
		
		
		#FancyContactBox{ width: 100%; }
		
		#page-home {
			overflow: visible;
		}
		
		#ContactForm fieldset p {
			width: 100%; display: block;
			float: none;
		}
		
	}

		
	@media(max-width:420px) {
		
	
	
	
	}
	
	
	
	
	@media(max-width:340px) {
		
		
		
	}