/* 
Theme Name:     TC-Onex
Theme URI:      https://www.stamina.ch
Description:    Stamina custom theme
Author:         Stamina
Author URI:     https://www.stamina.ch
Version:        5.0.0
License:		no Licencing possibility
License URI:	http://www.stamina.ch
Tags:			Custom theme
*/


/* http://meyerweb.com/eric/tools/css/reset/  
   v2.0 | 20110126
   License: none (public domain)
*/
	
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; 
}
	/* HTML5 display-role reset for older browsers */
	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;
	}
	
	
	
	/* Global from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; line-height:normal;}
	q:before,q:after{ content:''; font-family:Georgia, "Times New Roman", Times, serif}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	a{ color:#0072bc; cursor:pointer; text-decoration:none;}
		a:visited{ color:#8e599f;}
		a:hover{ text-decoration:underline;}
	
	/* Segon from bbxdesign */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
	table{ border-collapse:collapse; border-spacing:0;}
	fieldset,img{ border:0;}
	address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
	ol,ul{ list-style:none;}
	caption,th{ text-align:left;}
	h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
	q:before,q:after{ content:'';}
	abbr,acronym{ border:0;}
	
	body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}
	
	/* Balises block */
	.post-content h1{ }
	.post-content h2{ }
	.post-content h3{ }
	.post-content h4{ }
	.post-content h5{ }
	.post-content h6{ }
	.post-content p{ }
	.post-content ul{ }
	.post-content ol{ }
	.post-content blockquote{ }
	.post-content pre{ }
	.post-content address{ }
	.post-content address{ }
	
	/* Balises inline */
	.post-content strong{ }
	.post-content em{ }
	.post-content acronym{ }
	.post-content code{ }
	.post-content del{ }
	.post-content ins{ }
	
	/* Classes des images */
	.alignleft{ display:inline; float:left;}
	.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
	.alignright{ display:inline; float:right;}
	.size-auto{ }
	.size-medium{ }
	.size-large{ }
	.size-full{ }
	.wp-caption{ } /* Légende de l'image */
	.wp-caption img{ }
	.gallery{ }
	.gallery .gallery-item{ }
	
	/* Global Content 
	-------------------------------------------------------------- */





	/* Global Content 
	-------------------------------------------------------------- */
body{ height:100%;}
	html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;overflow-x: hidden; /* Hide horizontal scrollbar */ height: 100%;}
	a, a:visited, a:active, a:hover{outline:none; color:#000;}
	a:hover{ text-decoration:none; cursor:pointer;}

	img, object, embed, video {
	  max-width: 100%;
	  height: auto;
	}
	strong{ font-weight:600;}
	

button{ font-size:2.5em; background-color:transparent; color:#000; padding: 25px 70px;}
.post-content ul{ margin-left:20px; margin-bottom: 1em;}
.post-content ul li{ list-style-type:disc;}

	body{
		font-family: 'Roboto', sans-serif; height: 100%;
        color:#288b35; font-size: 1.3em; line-height: 1.3em;
        font-style: normal; /*background-color: #F4F4F4;*/background-color:#fff;overflow-x: hidden; /* Hide horizontal scrollbar */
	}
	body.blog{background-color:#fff;}
	body.blog, body.single{}
    .HeaderWrap{   width: 100%;} 


	.Wrapper{ /*width:auto; overflow:hidden; max-width: 1480px; margin-top: 2%;*/ padding-top:52px; padding-bottom:150px;}
		.Wrapper.AlignLeft{ float:left;}
		.Wrapper.AlignCenter{ margin:0 auto;}
		.Wrapper.AlignRight{ float:right;}

.FullHeight{ min-height:100%; position: relative; }
	
.single .post-content p{color:#421712;}

	.Section{ 
		width:auto;  max-width: 1100px; /*border-bottom: 4px solid pink;*/ 
		margin-bottom: 25px;margin:0 auto; position: relative; z-index: 10;
	}

		


	.Section.Error{ margin-top: 18vh; /*height: 60vh;*/ text-align: center;}
	.Section.Site{ padding-top:15px; }
	.Section.Full{ width:100%;margin:0 auto; max-width: 100%; /*margin-bottom: 150px;*/  position: relative; 
		/*text-align: center; */display: inline-block; z-index: 999;
	}
	.Section.Sixty{ width: 70%; }
	.Section.Sixty.Full{ width: 100%;}

	.Section.Sixty.Left{float: left; }

	.Section.Thirty{ width: 28%; }
	.Section.Thirty.Right{ float:right; }

.page-template-About .Section.Sixty.Left{ float: none; display: inline-block; background-color:pink;}
.page-template-About .Section.Thirty.Right{float: none;display: inline-block; background-color:yellow; height: 100%; vertical-align:bottom;}

/*
.FullHeight .Cols { position: relative;}
.FullHeight .Cols .Col{ position: absolute; bottom: 0;}*/

	.Section.Full.Bottom{ padding-top:35px;}
	.Section.Full.Head{
		/*-webkit-box-shadow: 0px -4px 15px 5px rgba(0,0,0,0.72);*/ background-color:#288b35;
		/*box-shadow: 0px -4px 15px 5px rgba(0,0,0,0.72); */z-index: 9999; /*position: fixed; top: 0;*/
	}
.Section.Full.Head.Invert{background-color:#C3A572;}
.Bloc{ display:inline-block; width: 100%;}
.Bloc.Bottom{ vertical-align:bottom;}

.page-template-About .Module .Section .Col img{ vertical-align:bottom;}




		.Page{ /*padding-top: 75px;*/}
        .Section.Half{ width: 50%;}
		.Section h2{ /*margin-top: 25px;*/}

		#Footer .Section{ margin-bottom:0;}

		@media screen and (max-width: 1480px) {
			/*.Wrapper{ width:90%; /*padding:0 5%;* /}*/
			.Section{ width:90%; /*padding:0 5%;*/}
		
             #Header { width:90%!important;/* background-color: red;*/}
        }
		@media screen and (max-width: 900px) {
			.Section.Full { margin-bottom:25px;}
		}
	
	
		.grey{ color:#999;}
		.purple{color:#472676;} 
		.blue{ color:#468BBC;}
		.White{ color:#fff;}
		.GrayBackground{background-color:#707070; color:#fff; padding: 85px 0;font-family: 'Open Sans Condensed', sans-serif;}

		.GrayBackground strong{ color:#fff!important;}

		.GrayBackground h1, .GrayBackground h2, .GrayBackground h3, .GrayBackground h4, .GrayBackground h5, .GrayBackground h6{ color:#C3A572; margin-bottom: 25px;font-family: 'Open Sans Condensed', sans-serif;}
		.GrayBackgroundS{background-color:#ccc; padding: 85px 0;}
		.GrayBackgroundC{background-color:#e2e2e2;; padding: 85px 0;}

		.tel{ max-width:100px;
			margin:0 auto;
			-webkit-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-ms-transition: all .2s ease-out;
			-o-transition: all .2s ease-out;
			transition: all .2s ease-out; 
			filter: opacity(60%);
			-webkit-filter: opacity(60%);
		} 

		.tel:hover{
			filter: opacity(100%);
			-webkit-filter: opacity(100%);
		}


		.Copy{ width:100%; text-align: center; font-size:0.8em; padding: 20px 0 10px 0;}
		.Copy a, .Copy a:visited{ color:#000; opacity: .4;}
		.Copy a:hover, .Copy a:focus{ text-decoration: underline; opacity: .7;}


        h1, h2, h3, h4, h5, h6{
			font-family: 'Oswald', sans-serif;
              color:#288b35; font-size: 2.2em;  line-height: 1em;
        }
		h3{ font-size:1.5em; margin-top:-20px;}
.blog h2{  padding: 10px 0 30px 0;}
.page h2{  padding: 10px 0 30px 0;}




.ViewMore{ 
	
}
.ViewMore a{
	width:150px; height: 20px; padding: 7px 0px 10px 20px; float: right; border-top-left-radius: 18px;border-bottom-left-radius: 18px; margin-top: -70px;
	opacity: 1; transition: width 300ms
	}

.ViewMore:hover{opacity: 0.6; cursor:pointer; transition: opacity 300ms, transform 300ms;  }
.ViewMore:hover a{width:170px;transition: opacity 300ms, transform 300ms; transition: width 300ms}


.single .PostNavigation .alignright.ViewMore a{ color:#421712!important; background-color:#C3A572!important;float: right!important; }
.single .PostNavigation .alignleft.ViewMore a{
	color:#421712!important; background-color:#C3A572!important;float: right!important; text-align: right;
	border-top-right-radius: 18px;border-bottom-right-radius: 18px;
	border-top-left-radius: 0;border-bottom-left-radius: 0;  padding: 7px 20px 10px 0px!important;
}
.single .PostNavigation .alignleft.ViewMore:hover a{width:170px;transition: opacity 300ms, transform 300ms; transition: width 300ms}


		/*.page h2{color:#C3A572!important; font-size:2.8em; /*margin-top:120px;* /}
		.FullTitle h2{font-size:5.8em; text-transform: uppercase; color: #C3A572!important; }*/

        p{ margin-bottom:1em;}

		.post-content{ }
		#Map .Map{ height:500px;}


		.Module{ padding:45px 0;}
		.Module.NoPaddingBottom{ padding-top:45px; padding-bottom:0;} 



			

	
		@media screen and (max-width: 900px) {
			.ImageCol{display: none;}
			.ImageCol.First{display: block;}
			
			.page h2{font-size:1.6em; }
			/*.FullTitle h2{font-size:3em; }*/
		}


		/* Header 
		-------------------------------------------------------------- */
		#Logo{ z-index:9999; float: left; /*width: 25%;*/ margin-right: 25px; text-align: left; margin-top:15px; max-width: 30%; }
		#Logo img{ min-width: 130px; max-width: 130px; height:auto;}
		.Head{
			/*-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.6);
			box-shadow: 0px 2px 15px 0px rgba(255,255,255,0.6);*/ 
			
			text-align:center;
		}
		#Header{ 
            width: 100%;
            /* overflow: hidden; */ display: inline-block;         
			margin: 0 auto; /*background-color:pink;*/
        }
#Header .Social{ margin-top: 30px;}
@media screen and (max-width: 1350px) {
	#Header .Social{ float: left; margin-left:5%; width: 30%;}
	#Header .Social div{ margin-right:20%;}
}
			
			.SiteInfos{ width:100%; text-align:center; display: none;}
		
		.Slider{ 
			/*background-color:pink;*/ display:block; height:35px; width:100%;
			min-height:170px;
		}
		
		.HideButtun{ display:none;}
		
		.Banner{height: 40vh; background-position: center center; background-repeat: no-repeat; /*background-color:aquamarine;*/ background-size: cover;}
.Section.Banner.full{ width: 100%;}
.Banner.Home{height: 70vh; padding-top:10vh; position: relative;}
.Banner h1, .Banner h2{ color:#fff;text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);}

		.Banner img{ width: 100%; height: auto;}

		.BannerTitle{ 
			width: 100%; height: auto; text-align: left; padding-top:10%; 
			text-transform: uppercase; 
			/*padding-top: calc(180px - 15px);*/
		}
		.BannerTitle h1, .BannerTitle h4{ color:#fff;}
		.BannerTitle h4{ font-size:1.7em; text-transform: none;}
		
		.BannerTitle.Video{ z-index: 9999; position: absolute;}

		.Banner{ position: relative;}		
		.Banner video{width: 100%; 
		  height: 100%;
		  position: absolute;
		  object-fit: cover;
		  z-index: 0;
		}



		.MenuLang{ position: absolute; color:#C3A572;text-transform: uppercase; margin-top:14px; font-size: 0.8em; right: 25px;}
		.MenuLang ul{}
		.MenuLang ul li{ display: inline;}
		.MenuLang ul li a{ padding: 5px; color:#C3A572;}
		.MenuLang ul li a:hover{ color:#fff;}
		.MenuLang ul li.select a{color:#fff;}

			#Head.Invert .MenuLang {color:#421712;position: absolute; text-transform: uppercase; margin-top:14px; font-size: 0.8em; right: 25px;}	
			#Head.Invert .MenuLang ul li a{color:#421712;}
			#Head.Invert .MenuLang ul li a:hover,
			#Head.Invert .MenuLang ul li.select a{color:#fff;}



		 @media screen and (max-width: 1350px) {
			 .MenuLang{display:none;}
		}


		
		@media screen and (max-width: 900px) {
			.Banner{height: 450px; }
        }

		@media screen and (max-width: 780px) {
			.Banner{height: 350px; }
			#Logo{max-width: 255px;}
        }
        
		@media screen and (max-width: 570px) {
			.Banner{height: 250px; }
			#Logo{max-width: 255px;}
        }

		
	




		/* Footer 
		-------------------------------------------------------------- */
		#Footer{ /*border-top:5px solid red; */ min-height: 50px; /*position: fixed; bottom:0; */ width: 100%;  color:#fff; background-color:#288b35; font-size:0.65em; height: 160px; position: absolute; bottom:0;}
		#Footer a{}
		
#Footer strong{ font-weight: normal; color:#fff;}


			#SiteMap{ width:100%; display: none;}
				#SiteMap h2{}
				#SiteMap ul{}
					#SiteMap ul li{ display:table-cell;}
					#SiteMap ul li a{ padding:0px 10px;}
		
		@media screen and (max-width: 921px) {
			#Footer{ position: relative;}
		}
		#Footer .Section.Bottom {}
		#Footer .Section.Bottom p, #Footer .Section.Bottom ul li a { line-height: 1.5em;}
		#Footer .Section.Bottom a{ color:#fff;}

		.LogoTypo{float:left; margin-top: 25px; margin-right: 10px;}
		.LogoTypo img{ width: 75px; height: auto;}


		/* Scroll Me 
		-------------------------------------------------------------- */
		.Scroll{ position:absolute; bottom: 155px; width: 100%;}
		@-webkit-keyframes ani-mouse {
			0% {
			opacity: 1;
			top: 29%;
			}
			15% {
			opacity: 1;
			top: 50%;
			}
			50% {
			opacity: 0;
			top: 50%;
			}
			100% {
			opacity: 0;
			top: 29%;
			}
		}
		@-moz-keyframes ani-mouse {
			0% {
			opacity: 1;
			top: 29%;
			}
			15% {
			opacity: 1;
			top: 50%;
			}
			50% {
			opacity: 0;
			top: 50%;
			}
			100% {
			opacity: 0;
			top: 29%;
			}
		}
		@keyframes ani-mouse {
			0% {
			opacity: 1;
			top: 29%;
			}
			15% {
			opacity: 1;
			top: 50%;
			}
			50% {
			opacity: 0;
			top: 50%;
			}
			100% {
			opacity: 0;
			top: 29%;
			}
		}
		 .scroll-btn {
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			text-align: center;
			 text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
		}
		.scroll-btn > * {
			
			line-height: 18px;
			font-size: 13px;
			font-weight: normal;
			color: #7f8c8d;
			color: #ffffff;
			font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
			letter-spacing: 2px;
		}
		.scroll-btn > *:hover,
		.scroll-btn > *:focus,
		.scroll-btn > *.active {
			color: #ffffff;
		}
		.scroll-btn > *:hover,
		.scroll-btn > *:focus,
		.scroll-btn > *:active,
		.scroll-btn > *.active {
			opacity: 0.8;
			filter: alpha(opacity=80);
		}
		.scroll-btn .mouse {
			position: relative;
			display: block;
			width: 35px;
			height: 55px;
			margin: 0 auto 20px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 3px solid white;
			border-radius: 23px;
			
			text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
		}
		.scroll-btn .mouse > * {
			position: absolute;
			display: block;
			top: 29%;
			left: 50%;
			width: 8px;
			height: 8px;
			margin: -4px 0 0 -4px;
			background: white;
			border-radius: 50%;
			-webkit-animation: ani-mouse 2.5s linear infinite;
			-moz-animation: ani-mouse 2.5s linear infinite;
			animation: ani-mouse 2.5s linear infinite; 
			
			text-shadow: 2px 2px 9px rgba(0, 0, 0, 1);
		}






			/* Contacts
			-------------------------------------------------------------- */
			#Head{
			position: fixed;
				height: 70px;
				top: 0;
				width: 100%;
				transition: all .3s ease;
				/*box-shadow: 0 1px 25px rgba(0,0,0, .1);*/
			}
			#Head.hide {
				top: -70px;
			}


			/* Contacts
			-------------------------------------------------------------- */
			.ContactImage{ float: left;}
			.ContactTitle{}
		
			/* Projects
			-------------------------------------------------------------- */

			.Projects{ display:inline-block;}
			.Project{ width:48%; float: left;}

			.Project:nth-child(2n){  float: right;}
.Project:nth-child(3n){  clear: left;}


			.ProjectName, .ProjectCat{ text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.95em; margin-bottom: 25px;}
			.Project .ProjectName a span.ProjectTitle{color:#421712!important;}
			.Project .ProjectName a span.ProjectCat{color:#C3A572!important;}


			.LatestWork{ display:inline-block; width: 100%;}

			.HomeProject:nth-child(1)  {width: 66.5%; float: left;}
			.HomeProject:nth-child(2), .HomeProject:nth-child(3), .HomeProject:nth-child(5), .HomeProject:nth-child(6) {width: 31.5%; float: right; margin-bottom: 15px;}

			.Line{ margin-top:-7px; display: inline-block;}

			.HomeProjectLeft{width: 31.5%;float: left ; }
			.HomeProjectLeft .HomeProject{ width:100%;margin-bottom: 15px;}

			.HomeProjectRight{width: 66.5%;float:right;}
			.HomeProjectRight .HomeProject{width:100%;}
			/*
			.HomeProject:nth-child(6)  {width: 66%;  float: right; margin-top:15px;}
			.HomeProject:nth-child(4), .HomeProject:nth-child(5)  {width: 33%; float: left; }
			*/


.hover_image_2 img{transition: box-shadow 500ms; transition: transform .3s, filter .5s ease-out;}
.hover_image_2:hover img { transform: scale(1.02); -webkit-box-shadow: 3px 3px 15px 2px rgba(0,0,0,0.2); 
box-shadow: 3px 3px 15px 2px rgba(0,0,0,0.2);}



/* Hover Image Style 2 Start* /
.hover_image_2 {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.hover_image * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.hover_image_2:before,
.hover_image_2:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: rgba(0, 0, 0, 0.5);
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  content: '';
  opacity: 0.9;
  z-index: 1;
}

.hover_image_2:before {
  -webkit-transform: skew(45deg) translateX(-155%);
  transform: skew(45deg) translateX(-155%);
}

.hover_image_2:after {
  -webkit-transform: skew(45deg) translateX(155%);
  transform: skew(45deg) translateX(155%);
}

.hover_image_2 img {
  backface-visibility: hidden;
  max-width: 100%;
  vertical-align: top;
}

.hover_image_2 .hover_text {
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  -webkit-box-shadow: 0 0 10px #000000;
  box-shadow: 0 0 10px #000000;
  background-color: #000000;
  border: 2px solid #fff;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
}

.hover_image_2 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.hover_image_2:hover > img,
.hover_image_2.hover > img {
  opacity: 0.5;
}

.hover_image_2:hover:before,
.hover_image_2.hover:before {
  -webkit-transform: skew(45deg) translateX(-55%);
  transform: skew(45deg) translateX(-55%);
}

.hover_image_2:hover:after,
.hover_image_2.hover:after {
  -webkit-transform: skew(45deg) translateX(55%);
  transform: skew(45deg) translateX(55%);
}

.hover_image_2:hover .hover_text,
.hover_image_2.hover .hover_text {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
/* Hover Image Style 2 End*/



		/* Single page 
		-------------------------------------------------------------- */
		.PostDetail{ /*width:60%; float: left;*/}
		.PostDetail, .PostInfos{ margin-top:30px;}


			.PostDetail h4{ border-bottom: 2px solid #421712; height:50px;margin-bottom:25px; }
			.PostInfos{ width: 25%;float: right;}
				.PostInfos .Title{border-bottom: 2px solid #421712; color:#421712; margin-bottom:25px; padding-top:22px;font-size:0.7em;letter-spacing: 0.2em;}
				.PostInfos .Description{color:#C3A572; text-transform: uppercase; font-size:0.7em; letter-spacing: 0.2em;}



.PostNavigation{ display:inline-block; background-color:pink; width: 100%;}


		/* Typefaces 
		-------------------------------------------------------------- */
		.Typefaces{}
			.Typefaces div{width: 100%; border-bottom: 2px solid #421712; padding-bottom: 10px; margin-bottom:10px;}
.Typefaces div img{ max-height: 200px; width: auto;}


.Latest{color:#fff; letter-spacing: 0.2em; border-bottom: 1px solid #C3A572; margin-top:35px;}



		/* repeater 
		-------------------------------------------------------------- */
		/*
		.blanc #fff
		.sable #C3A572
		.pourpre #421712
		*/

.Repeat{ width: 100%;}
.Repeat .row{ width: 24%; display: inline-block;}

		.RepeatTitle{/*border-bottom:2px solid #421712; margin-bottom: 7px;*/ font-size: 0.6em;}			
		.RepeatContent{margin-bottom:18px;}
		.RepeatTitle, .RepeatContent{text-transform: uppercase; line-height: 1.7em;}

			.Module.blanc .RepeatTitle{color:#C3A572!important; }
			.Module.blanc .RepeatContent{color:#421712!important;}


			.Module.sable .RepeatTitle{color:#fff!important;}
			.Module.sable .RepeatContent{color:#421712!important;}

			.Module.pourpre .RepeatTitle{color:#C3A572!important;}
			.Module.pourpre .RepeatContent{color:#fff!important;}


		.row.Repeater{ }


		/* Accordion 
		-------------------------------------------------------------- */


		#accordion h3{ /**/ text-transform:uppercase; }
		#accordion{ text-align:left!important;}

		.gal{}
		.gal img{ 
			-webkit-transition: all .2s ease-out;
			-moz-transition: all .2s ease-out;
			-ms-transition: all .2s ease-out;
			-o-transition: all .2s ease-out;
			transition: all .2s ease-out; 
			filter: opacity(60%);
			-webkit-filter: opacity(60%);
			padding: 2px;
		}


		.gal img:hover{ filter: opacity(100%); text-decoration: none;
		-webkit-filter: opacity(100%);}


.ui-accordion .ui-accordion-header{ border-radius: 0; background-color:transparent; border-bottom:1px solid #288b35;}
.ui-accordion .ui-accordion-header:hover{background-color:transparent;}

/*

.ui-icon, .ui-widget-content .ui-icon { float:left;}
.ui-state-active .ui-icon, .ui-button:active .ui-icon { float:left;}
.ui-state-active .ui-icon, .ui-button:hover .ui-icon { float:left;}*/


		@media screen and (max-width: 1048px) {
			.gal img{ width:28%; }
		}
		@media screen and (max-width: 506px) {
			.gal img{ width:40%; }
		}


		/* Partners
		-------------------------------------------------------------- */

		.Partners{ text-align: center;}
		.Partners .Section .logo {
			opacity:0.5; 
			transition: opacity .5s ease-out;
			-moz-transition: opacity .5s ease-out;
			-webkit-transition: opacity .5s ease-out;
			-o-transition: opacity .5s ease-out;
			display: inline-block;max-width: 150px; margin: 25px;}
		.Partners .Section .logo:hover, .PartnersContent a:hover { opacity: 1;}
		.Partners .Section .logo a img{width: 100%; height: auto;}

		.PartnersContent{
			text-align: center; width: 100%;
		}

		.PartnersContent div{
			opacity:1; margin-bottom: 25px; margin-left: 2%; margin-right: 2%;
			display: inline-block; /*max-width: 150px;*/ width: 20%;
		}
		@media screen and (max-width: 700px) {
			.PartnersContent div{width: 40%;}
		}

		.PartnersContent div .Title{
				width: 100%; font-size: 0.8em; line-height: 1.2em; text-transform: none; 
		}
		.PartnersContent div .Title a{
			color:#288b35;
		}
		.PartnersContent div img{ width:50%;}
		.PartnersContent div:hover{opacity:0.5; 
			transition: opacity .5s ease-out;
			-moz-transition: opacity .5s ease-out;
			-webkit-transition: opacity .5s ease-out;
			-o-transition: opacity .5s ease-out;}



		/* Social
		-------------------------------------------------------------- */
        .Social{ /*position: absolute; margin-left: 135px;*/ float: right; } 
			.Social div{ display:inline-block; margin-right: 5px;}
                .Social div a{ 
					opacity: 0.3; transition: opacity 0.2s; /* Transition should take 0.3s */
  					-webkit-transition: opacity 0.2s; /* Transition should take 0.3s */padding: 5px 0!important;
			 		/*background-color:yellow;*/
				}
                .Social div a:hover{ opacity: 1; }


				
		#Footer .Social { 
			padding-top: 0px; margin-top:0; text-align: center; float: none; 
			width: 100%; display: inline-block;
		}

		#Footer .Social a{ /*padding:15px!important;*/ padding:0 0 0 10px!important;}
		#Footer .Social a img{/*-webkit-filter: invert(1); filter: invert(1);*/}

		#Footer .SocialLink div {float: right;}
#Footer .Col{ width:70%; display: inline-block}
#Footer .Col.Social{ width:25%;;}
	
		@media screen and (max-width: 900px) {
			#Footer .ColThree.SocialLink{width:100%!important; margin:0!important}
			#Footer .Social div {float: none;}
			#Footer .ColThree.Footer, #Footer .SocialLink div{ text-align:left;} 
			.Copy{ text-align:center!important; padding-right:0px!important; }
		}


		@media screen and (max-width: 520px) {
			#TEAM .Col div.alignright{ float:left!important;}
		}



		/* Content
		-------------------------------------------------------------- */
        .Justify{
            text-align: justify;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;
        }
		.Cols{    /*float: left;*/ width: 100%; position: relative; display: inline-block;}
		.Col{ }

		.Col.Single{ /*margin-bottom:35px;*/}strong

		.Col.Half{ float:left; width: 40%; margin-right: 5%;}

		@media screen and (max-width: 1100px) {
			.Col.Half{ width: 100%;}
		}

        .ColTwo{ width: 45%; /*background-color: aquamarine;*/}
        .ColThree{ width: 30%; /*background-color: yellow;*/}
        .ColFour{ width: 23%; /*background-color:bisque;;*/}

		.ColTwo.NoBoxed.Left{width: 38%; margin-right: 7%;}
		.ColTwo.NoBoxed.Right{width: 38%;margin-left: 7%;}
		.ColTwo.Left{ margin-right: 5%;}

		.ColTwo.ImageLeftMobile{display: none;}
		


        .ColThree, .ColTwo, .ColFour{ 
            text-align: left; 
            /*background-color:pink;*/
            
            vertical-align: top;
            display: inline-block;
            *display: inline;
            zoom: 1
        }

		.ColThree img, .ColTwo img, .ColFour img{ /*width: 100%; height: auto;*/}
		/*.Module .ColThree img, .Module .ColTwo img, .Module .ColFour img{width: 100%; height: auto;}*/

		.Vmiddle{ 
			/*margin-left: 10%;;*/
			  position: absolute;
			  top: 50%;
			  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
		}


		/*
		.ColTwo.VerticalMiddle,
		.ColThree.VerticalMiddle,
		.ColFour.VerticalMiddle{ vertical-align: middle!important;}*/

		.ColThree.Footer{ font-size:0.9em; line-height: 1.2em; margin-bottom: 15px;}
		.stretch {
			width: 100%;
			display: inline-block;
			font-size: 0;
			line-height: 0
		}

		@media screen and (max-width: 900px) {
           .ColThree{ width: 48%;}
           .ColTwo{ width: 100%; margin-bottom: 25px;}
			.ColorBloc, .ColorBlocRight{ display: none;}
           
			.ColTwo.NoBoxed.Right, .ColTwo.NoBoxed.Left{ width: 100%; margin-left:0;}
			.ColTwo.ImageLeft{ display:none;}
			.ColTwo.ImageLeftMobile{ display: block}
			.ColTwo.ColText{display:block!important;}
			.Vmiddle{ position: inherit; transform: none; }
        }

        @media screen and (max-width: 570px) {
            .ColThree{ width: 100%;} 
			.ColThree.Footer{ text-align:center;}
        }


        .Separator{ width: 100%;}
            .Separator span{ width: 100px; border-top:3px solid red; display: inline-block; margin-top: 35px; margin-bottom: 10px;}


		.Boxed{ position: relative;
			/*-webkit-box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.25); 
			box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.25);margin: 100px 0;*/ 
			margin-bottom: 50px;
		}
		.ColorBloc{ 
			width: 98%;
			height: 114%;
			background-color: #54595f;
			position: absolute;
			left: -50%;
			margin-top: -3%;
			z-index: -1; max-height: 950px;
		}
		.ColorBlocRight{ 
			width: 107%;
			height: 107%;
			background-color: #54595f;
			position: absolute;
			right: -50%;
			margin-top: -3%;
			z-index: -1; max-height: 950px;
			 
		}


		/* Governance 
		-------------------------------------------------------------- */
		.People{ 
			width: 100%; display: inline-block; clear: both;
			 text-align: justify; margin-top: 50px;
			-ms-text-justify: distribute-all-lines;
			text-justify: distribute-all-lines;
		}
			.Profile{ 
				float:left; width: 19%; margin-right: 1%; text-align: center;
				display: inline-block;
				*display: inline;
				zoom: 1; margin-bottom: 45px;
			}	

		.People.Head{ text-align:center;}
			.People.Head .Profile{ float:none;}

			@media screen and (max-width: 962px) {
				.Profile{width: 24%;  margin-right: 1%;  /*background-color:red;*/}
			}
			@media screen and (max-width: 800px) {
				.Profile{width: 32%; margin-right: 1%; /*background-color:pink;*/}
			}
			@media screen and (max-width: 700px) {
				.Profile{min-height: 220px;}
			}
			@media screen and (max-width: 520px) {
				.Profile{width: 49%; margin-right: 1%; /*background-color:lightblue;*/ }
			}

			/*
			.Profile{ 
				float:left; width: 20%; text-align: center;
				display: inline-block;
				*display: inline;
				zoom: 1
			}	*/	
				.stretch {
					width: 100%;
					display: inline-block;
					font-size: 0;
					line-height: 0
				}

				.People.Gov .ImageProfile, .People.Head .ImageProfile{ margin-bottom: 5px; text-align: left;}
					.People .ImageProfile img{
						/*-webkit-transition:all .2s ease-out;
						-moz-transition:all .2s ease-out;
						-ms-transition:all .2s ease-out;
						-o-transition:all .2s ease-out;
						transition:all .2s ease-out;
						*/
						/*filter: grayscale(100%);
						-webkit-filter: grayscale(100%);*/
						width: auto; max-height: 250px; 
						height: auto;
						/*
						filter: grayscale(100%);
						-webkit-filter: grayscale(100%);*/
					}
					.People.Head .ImageProfile img{
						width: 100%; max-width: 130px;
						height: auto;
					}

					.People.Gov .ImageProfile:hover, 
					.People .ImageProfile img:hover{
						
						/*
						filter: grayscale(0%);
						-webkit-filter: grayscale(0%);*/
					}

				.Infos{float: left; width: 50%;}
				.ImageProfileDetail{
					float: left;
					margin-right: 5%;
					width: 45%;
				}
				.People .Profile a{ text-decoration:none;}

@media screen and (max-width: 670px) {
	.Infos, .ImageProfileDetail{ width:100%;}
}


				.Name{ font-weight: 400; font-size: 0.7em; line-height: 1.1em; text-align: left;}
				.Name.Title{ margin-top:0; font-size: 1.8em; margin-bottom: 10px; line-height: 1.2em;} 

					.Name span{ color:#000;}

					.People .Name .RoleGov{ height: 25px;}


		/* Calendar
		-------------------------------------------------------------- */
		.Calendar{ margin:55px 0 35px 0;}
		.Calendar h4{ margin-bottom: 15px;}
			.Line{ width: 100%; display: inline-block; line-height: 1.5em; padding:0.8em 0;}

			.Line.second{ background-color:#f5f5f5;}

				.Date{ width: 29%; padding-left:1%; font-weight: bold;}
				.Event{ width: 70%;}

				.Date,
				.Event,
				.Place{ float: left;}

			@media screen and (max-width: 690px) {
				.Date{ width: 99%;}
				.Event{ width: 99%; padding-left:1%;}
			}
  
        /* News     
        -------------------------------------------------------------- */
        .News {position: relative; margin-bottom: 25px; }
		.SingleNews{ margin-top: 70px; margin-bottom: 0;}

		.News.Blog, .PostContent.Blog{ margin-top:80px; display: inline-block; width: 100%;}

		/* Opacity #2  
		.News.Justify .Thumbnail {
			background: #1abc9c;
		}
		.News.Justify .News .Thumbnail {
			opacity: 1;
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		.News.Justify .News:hover .Thumbnail {
			opacity: .75;
		}*/
		.News.Justify{text-align: justify; display: block;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;}
		.News.Justify .News .Thumbnail:hover .News{ color:pink}


            .News a, .News h3.Title{ color: #288b35;text-decoration:none}
				.News h3.Title{  }
                .News a:hover, .News h3.Title{ text-decoration:none; color:#000;}

            .NewsHeader{}
                 .NewsHeader .DateNews{ font-style: italic; padding-top:3px;}
                    .News .NewsHeader .DateNews a{ color:#288b35; font-size:0.6em; }
            .Title{ text-transform: uppercase; font-weight: 700; padding-top: 5px;}
            .ArticleExcerpt{ padding-top: 7px;}
            .Thumbnail{ 
				height: 180px; 
				background-size: cover!important; background-position: center center!important;
				/*background-image: url('images/DefaultNews.png';);*/
			}



			/* Page Navigation */
			.wp-pagenavi{ font-size:1.3em; text-align: center;}
			.wp-pagenavi a, .wp-pagenavi span{ border:0px!important;}
			.wp-pagenavi .pages{ font-size:.7em;}


			@media screen and (max-width: 900px) {
				 .News .News:nth-child(5){ display:none;} 
				.blog .News .News:nth-child(5){ display:block;} 
			}

			
			@media screen and (max-width: 790px) {
				.ColFour.News{ width:48%;}
			}

			
			@media screen and (max-width: 750px) {
				.News.Blog, .PostContent.Blog{ margin-top:15px;}
				.single .ShortLinks.Mobile{ margin-bottom:0;}

			}

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

				 /*.News .News:nth-child(4){ display:none;} 
				.blog .News .News:nth-child(4){ display:block;}*/
			}

			@media screen and (max-width: 460px) {
				.ColFour.News{ width:100%;}
			}




		/* Sidebar
		-------------------------------------------------------------- */
		#HeaderSidebar, #FooterSidebar{ width:100%; display:block; clear:both; background-color:#ccc;}
			#HeaderSidebar div, #FooterSidebar div{ display:inline-table; margin:0 auto;}
		
		
		#SideBar, #SideBar2{ /*clear:left;*/ }
		
			.side{ clear:both; background-color:#fff;}
		
			#SideBar.left, #SideBar2.left{ width:30%; float:left; clear:left;}
			#SideBar.right, #SideBar2.right{ width:30%; float:right; background-color:#aaa; padding:5px; clear:right;}
			#SideBar.none, #SideBar2.none{}
			
			
			#SideBar2 .side{ margin-top:25px; background-color:#eee;}
			
		
		
		/* =Widgets
		-------------------------------------------------------------- */
		
		.widget-area .widget ul ul {
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		.widget_rss li {
			margin: 12px 0;
			margin: 0.857142857rem 0;
		}
		.widget_recent_entries .post-date,
		.widget_rss .rss-date {
			color: #aaa;
			font-size: 11px;
			font-size: 0.785714286rem;
			margin-left: 12px;
			margin-left: 0.857142857rem;
		}
		#wp-calendar {
			margin: 0;
			width: 100%;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
			color: #686868;
		}
		#wp-calendar th,
		#wp-calendar td,
		#wp-calendar caption {
			text-align: left;
		}
		#wp-calendar #next {
			padding-right: 24px;
			padding-right: 1.714285714rem;
			text-align: right;
		}
		.widget_search label {
			display: block;
			font-size: 13px;
			font-size: 0.928571429rem;
			line-height: 1.846153846;
		}
		.widget_twitter li {
			list-style-type: none;
		}
		.widget_twitter .timesince {
			display: block;
			text-align: right;
		}
		
		
		
		/* Content 
		-------------------------------------------------------------- */
		
		.GlobalPage{ /*clear:both;*/}
		.PageContent{ display:inline-block;}
			
			.GlobalPage.left { width:60%; float:left;}
			.GlobalPage.right {width:60%; float:right;}
			.GlobalPage.full { width:100%;}
			
			
		

		/* Primary Menu
		-------------------------------------------------------------- */
		/*#access { float: right;  background-color:#ccc; z-index: 100; position: relative; }
		#access.Sidebar{ width:100%;}
		
		#access .menu-header, div.menu {
			font-size: 13px; float: right;
		}
		#access .menu-header ul, div.menu ul {
			list-style: none outside none;
			margin: 0; display:inline-block; width:100%;
		}
		
		#access .menu-header li, 
		div.menu li {
			float: left; position: relative;
		}
		
		#access .menu-header li.AlignRight,
		div.menu li.AlignRight{ float:right;}
		
		#access .menu ul.AlignCenter{ text-align:center;}
		#access .menu ul.AlignCenter li{ float:none; display:inline-table;}
		
		#access .menu-header li.AlignLeft, 
		div.menu li.AlignLeft{ float:left;}
		
		#access ul li.page-item-25{ display:none;}*/

		/* Primary Menu 
		-------------------------------------------------------------- */
		
		.menu-primary-menu-container{ float: left; margin-left:445px; margin-top:8px; }

		#access a {
			font-size:1.5em;
			color: #66B266; display: block; 
			text-decoration: none; padding: 5px 0px;
			-moz-transition:color .2s ease-in;
			-o-transition:color .2s ease-in;
			-webkit-transition:color .2s ease-in; /*background-color:yellow;*/
			text-transform: uppercase;
		}
		#access.Invert a{color:#421712;}
	


		#access ul ul { 
			opacity: 0;
			transition: opacity 1s; float: left; left: 0;position: absolute;
			top: 33px; z-index: 99999; background-color:#fff;; min-width: 230px; padding: 7px;
		}
		#access .menu-header, div.menu {
			font-size: 13px; float: left;
		}

		/*#access .menu-header li, div.menu li { float: left;}*/
		
		#access ul li{ float:left; position: relative; margin: 0 10px;}
		#access ul ul li{margin: 0; clear: both;}
		#access ul ul ul {left: 100%;top: 0;}
		#access ul ul a {height: auto;line-height: 1em;padding: 15px 10px; text-transform: none; }
		
		#access li:hover > a, 
		#access ul ul *:hover > a {
			color: #fff;
}#access ul ul *:hover > a {color:#000;}
		
		#access ul li:hover > ul {opacity:1;}
		
		#access ul li.current_page_item > a, 
		#access ul li.current_page_ancestor > a, 
		#access ul li.current-menu-ancestor > a, 
		#access ul li.current-menu-item > a, 
		#access ul li.current-menu-parent > a {
			color: #fff;
		}
	
#access ul li.current_page_parent ul li.current_page_item a{
	color: #000;
}

		#access.Invert ul li.current_page_item > a, 
		#access.Invert ul li.current_page_ancestor > a, 
		#access.Invert ul li.current-menu-ancestor > a, 
		#access.Invert ul li.current-menu-item > a, 
		#access.Invert ul li.current-menu-parent > a {
			color: #fff;
		}
		
		* html #access ul li.current_page_item a, 
		* html #access ul li.current_page_ancestor a, 
		* html #access ul li.current-menu-ancestor a, 
		* html #access ul li.current-menu-item a, 
		* html #access ul li.current-menu-parent a, 
		* html #access ul li a:hover {
			color: #fff; text-decoration: underline;
		}
		
		
		#access a::after {    
		  content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 0em;
			background-color: #000;
			opacity: 0;
			transition: opacity 300ms, transform 300ms;

			transform: translate3d(-100%, 0, 0);
		}
		#access a:hover::after,
		#access a:focus::after,
		#access li.current_page_item a::after,
		#access li.current_page_parent a::after{
			opacity: 1;
			transform: translate3d(0, 0.2em, 0);

			transform: translate3d(-100%, 0, 0);
			transform: translate3d(0, 0, 0);
		}

#access ul ul li a::after{height: 0em;}
#access ul ul li a::hover::after,
#access ul ul li a:focus::after{}

#access .Social a::after{height: 0em;}

		
		/* Justify The menu 
		-------------------------------------------------------------- */
		/* http://www.xoogu.com/files/2013/07/justified-menu-of-mu-mu.html */
		
		#access .menu.JustifyMenu {/*display: table; position: relative; table-layout: auto; width: 100%;*/}
#access .menu{  margin-top:25px; float: left;}
		#access .menu ul.AlignJustify{ 
			/*text-align:justify;
			display: table;
    		table-layout: fixed;*/
			display: table;
    		table-layout: fixed;
			position:relative;
		}
		#access .menu ul.AlignJustify li{
			text-align:center;
			display: table-cell;
			position:relative;
		}
		
		#access .menu ul.AlignJustify li ul{
			height: auto;
			position: relative;
			top: 100%;
			z-index: 1; 
			/*display: none;*/
		}
		/*#access .menu ul.AlignJustify li:hover ul { display:block;}*/
		
		
		#access .menu ul.AlignJustify li ul li{
			/*display: block;*/
			display: block;
			text-align:center;
		}
		
		#access .menu-header li, 
		div.menu .AlignJustify li {display: table-cell; float:none;}
		
		/* End of Justify Menu 
		-------------------------------------------------------------- */
		
		

		
		
		/* Vertical Menu 
		-------------------------------------------------------------- */
		#access .menu ul.Vertical{}
		#access .menu ul.Vertical li{ display:inline-block; width:100%;}
		#access .menu ul.Vertical li ul.children{ position:relative; display:block; top:0; }
			#access .menu ul.Vertical li ul.children li a{padding-left:15px;}
		
		
		#access ul.Vertical li:hover > ul,
		#access .menu ul.Vertical li.current_page_parent ul,
		#access .menu ul.Vertical li.current_page_ancestor ul{ display:block;}
		
		/* */
			
		
		
		
		/* Primary Menu
		-------------------------------------------------------------- */
		
		#MainMenu{ position:absolute; background-color:#fff; width:130px; z-index:800; right:0px; top:50px; padding:0 15px; visibility:hidden;}
			#MainMenu.open{ visibility:visible;}
		
		ul.Menu{display:inline-block; width:100%; }
		ul.Menu li{ }
		ul.Menu li a{ float:right; text-align:right; width:100%;  line-height:1em; padding:10px 0; }
		ul.Menu li a.line{border-bottom:1px solid #000;}
		
		a#MenuButtun{}
		a#MenuButtun img:hover{ cursor:pointer;}
		
		.DownMenu{ float:right; position:absolute; margin-top:32px; left:90%;}
		
		
		/* Tiny Menu after logo
        -------------------------------------------------------------- */


        .MobileMenu{ float: right;  display:none; }
            ul.RowMenu{ float:right; padding-top:10px; margin-right:5%;}

            .MobileMenu .RowMenu li{ list-style-type:none;}

            .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobile.png);}
            .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down,
            .MobileMenu .RowMenu li a.up{ width:35px; height:32px; display:inline-block;}

            .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hover.png);}

            .MobileMenu .RowMenu li a.down:hover,
            .MobileMenu .RowMenu li a.up:hover{ text-decoration:none; cursor:pointer;}

            .HideButtun{ display:none;}


            /*******/

            #MobileMenuContainer{ 
				font-weight: 700;
                display:none;  top: 0; right: 0; background-color:#fff; z-index:1000;
                background-position:bottom;  width:90%; padding: 0 5%; /*position: absolute; top: 0; left: 10%;*/
				 padding-bottom:25px; padding-top:55px;
				/*box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.6) inset;
				-webkit-box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.6) inset;
				-moz-box-shadow: 0px -16px 17px -17px rgba(0,0,0,0.6) inset;*/
            }



 				#MobileMenuContainer .menu-primary-menu-container{width: 100%; display: inline-block; float: none; margin: 0; }


				#MobileMenuContainer .menu{ padding-top:15px; display: inline-block; float: none; width: 100%;}

                .MenuMobileLabel{ text-transform:uppercase; letter-spacing:0.1em;}

                #MobileMenuContainer ul{ margin:0;}
                #MobileMenuContainer ul li{ 
                    float:none; width:100%; font-size:18px; line-height:1.8em;
                    text-align:center; text-transform:uppercase; list-style-type:none;
					/*border-bottom: 1px solid #777;*/
                }
				/*#MobileMenuContainer ul li:last-child{ border:none; }*/
				#MobileMenuContainer ul ul{ margin-top:7px; margin-bottom: 7px; border-top:1px solid #ccc;}
                #MobileMenuContainer ul ul li{ text-transform:none; padding: 5px; border:none;  }


                #MobileMenuContainer ul li{ padding:12px 0px; background-repeat:no-repeat; background-position:center bottom; border-bottom: 0px solid #C3A572; }


                #MobileMenuContainer ul li a{ color:#66B266; font-weight:400; /*display:none; */padding:12px 0px; text-decoration:none; } 
                #MobileMenuContainer ul li a:hover,
                #MobileMenuContainer ul li.current_page_item a{ text-decoration:none;  color:#288b35;}


                #MobileMenuContainer ul li ul{ 

                }


                #MobileMenuContainer ul li a,
                #MobileMenuContainer ul li.page-item,
                #MobileMenuContainer ul li.page-item ul{ /*display:none;*/}

                #MobileMenuContainer ul li ul li ul li.current_page_item a{ text-decoration:underline;}

                #Header #MobileMenuContainer ul li.page_item{ }
                #Header #MobileMenuContainer ul li.current_page_ancestor{ display:block}
                #Header #MobileMenuContainer ul li.current_page_ancestor ul li{ display:block}

                #MobileMenuContainer ul li.current_page_parent ul.children li a,
                #MobileMenuContainer ul li.current_page_parent,
                #MobileMenuContainer ul li.current_page_parent ul{ display:block;}


                #MobileMenuContainer ul li ul li ul{ 

                    background-color: #f0f0f0;
                    box-shadow: 
                        inset 0px 11px 8px -10px #D7D7D7,
                        inset 0px -11px 8px -10px #D7D7D7; 
                }




            @media
            screen and (-webkit-min-device-pixel-ratio: 1.5),
            screen and (-moz-min-device-pixel-ratio: 1.5),
            screen and (min-device-pixel-ratio: 1.5) {
                .MobileMenu .RowMenu li a.down{ background-image:url(images/icon-mobilex2.png);background-size:cover;}
                .MobileMenu .RowMenu li a.up{ background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}

                .MobileMenu .RowMenu li a.down:hover{background-image:url(images/icon-mobile-hoverx2.png);background-size:cover;}
            }


            @media screen and (max-width: 1350px) {
                #access{ display:none;}
                .MobileMenu{ display:block;z-index: 9999999; position: relative;}
            }

		
@media screen and (max-width: 950px) {
	.home h2{ margin-top:0!important;}
}

            /* Nav icon mobile */ 

			/* Icon 1 */

			#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
			  width: /*45px*/30px;
			  height: 35px;
				margin-top: 26px;
			  position: relative;
			 float: right;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
			  -webkit-transition: .5s ease-in-out;
			  -moz-transition: .5s ease-in-out;
			  -o-transition: .5s ease-in-out;
			  transition: .5s ease-in-out;
			  z-index: 999999;
				cursor: pointer; 
			}

			#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
			  display: block;
			  position: absolute;
			  height: 3px;
			  width: 100%;
			  background: #fff;
			  border-radius: 0px;
			  opacity: 1;
			  left: 0;
			  -webkit-transform: rotate(0deg);
			  -moz-transform: rotate(0deg);
			  -o-transform: rotate(0deg);
			  transform: rotate(0deg);
			  -webkit-transition: .25s ease-in-out;
			  -moz-transition: .25s ease-in-out;
			  -o-transition: .25s ease-in-out;
			  transition: .25s ease-in-out;
			}

			#Head.Invert #nav-icon3 span{background:#421712;}
			#nav-icon3:hover span  {background:#000!important;}


			/* Icon 3 */

			#nav-icon3 span:nth-child(1) {
			  top: 0px;
			}

			#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
			  top: 10px;
			}

			#nav-icon3 span:nth-child(4) {
			  top: 20px;
			}

			#nav-icon3.open span:nth-child(1) {
			  top: 10px;
			  width: 0%;
			  left: 50%;
			}

			#nav-icon3.open span:nth-child(2) {
			  -webkit-transform: rotate(45deg);
			  -moz-transform: rotate(45deg);
			  -o-transform: rotate(45deg);
			  transform: rotate(45deg);
			}

			#nav-icon3.open span:nth-child(3) {
			  -webkit-transform: rotate(-45deg);
			  -moz-transform: rotate(-45deg);
			  -o-transform: rotate(-45deg);
			  transform: rotate(-45deg);
			}

			#nav-icon3.open span:nth-child(4) {
			  top: 10px;
			  width: 0%;
			  left: 50%;
			}








		
		
		/* Search Form
		-------------------------------------------------------------- */	
			#form input#submit, #form input#s{} 
			
			#form input#submit{ }
			#form input#s{  }
			
			
			
			
		/* Breadcrump 
		-------------------------------------------------------------- */
		#BreadcrumbContainer{ width:100%; display:inline-block; background-color:pink;}
			#crumbs{}
			#crumbs span{display: inline-flex; margin-right:10px;}
			.CrumbDelimiter{}
			
		
	
	
		/* Comments 
		-------------------------------------------------------------- */
		.post-comments{ margin-top:20px;} 
		
		.comments-template{ /*border-top:2px solid pink;*/ margin:10px 0px;}
		.CommentsContainer{}
		
			#commentform{}
				p{}
				p.CommentAutor{}
				p.CommentEmail{}
			
			/* h3 Title */
			#comments{} 
			/* h3 Title */
			#respond{}  
			.commentlist{}
				.commentlist li{}
			
					.commentmetadata{}
					.commentmetadata a{}
		
		
			.nocomments{}
	
			/* Form Errors 
			-------------------------------------------------------------- */
			input.error, textarea.error{
				/* border:1px solid red;*/ 
				background-color:#FFD1D6; 
				border:1px solid #ccc;
				padding:2px;
			}
			label.error{ color:red; display:none;}
	
	
	
	
	
		/* Slider 
		-------------------------------------------------------------- */
		#full-width-slider {
		  width: 100%;
		  color: #000; height: 70vh!important;
		}
		.coloredBlock {
		  padding: 12px;
		  background: rgba(255,0,0,0.6);
		  color: #FFF;
		   width: 200px;
		   left: 20%;
		   top: 5%;
		}
		.infoBlock {
		  position: absolute;
		  top: 30px;
		  right: 30px;
		  left: auto;
		  max-width: 25%;
		  padding-bottom: 0;
		  background: #FFF;
		  background: rgba(255, 255, 255, 0.8);
		  overflow: hidden;
		  padding: 20px;
		}
		.infoBlockLeftBlack {
		  color: #FFF;
		  background: #000;
		  background: rgba(0,0,0,0.75);
		  left: 30px;
		  right: auto;
		}
		.infoBlock h4 {
		  font-size: 20px;
		  line-height: 1.2;
		  margin: 0;
		  padding-bottom: 3px;
		}
		.infoBlock p {
		  font-size: 14px;
		  margin: 4px 0 0;
		}
		.infoBlock a {
		  color: #FFF;
		  text-decoration: underline;
		}
		.photosBy {
		  position: absolute;
		  line-height: 24px;
		  font-size: 12px;
		  background: #FFF;
		  color: #000;
		  padding: 0px 10px;
		  position: absolute;
		  left: 12px;
		  bottom: 12px;
		  top: auto;
		  border-radius: 2px;
		  z-index: 25; 
		} 
		.photosBy a {
		  color: #000;
		}
		.fullWidth {
		  max-width: 1400px;
		  margin: 0 auto 24px;
		}
		
		@media screen and (min-width:960px) and (min-height:660px) {
		  .heroSlider .rsOverflow,
		  .royalSlider.heroSlider {
			  height: 550px !important;
		  }
			#full-width-slider { height:550px!important;}
		}
		
		@media screen and (min-width:960px) and (min-height:1000px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider {
				height: 550px !important;
			}
			#full-width-slider { height:550px!important;}
		}
		@media screen and (min-width: 0px) and (max-width: 800px) {
		  .royalSlider.heroSlider,
		  .royalSlider.heroSlider .rsOverflow {
			height: 550px !important;
		  }
			#full-width-slider { height:550px!important;}
		  .infoBlock {
			padding: 10px;
			height: auto;
			max-height: 100%;
			min-width: 40%;
			left: 5px;
			top: 5px;
			right: auto;
			font-size: 12px;
		  }
		  .infoBlock h3 {
			 font-size: 14px;
			 line-height: 17px; 
		  }
		}