/* 
Theme Name:     Digitalization of Museum Collections
Theme URI:      http://www.stamina.ch
Description:    Stamina Sàrl
Author:         Stamina Sàrl - Mickael Houdebert
Author URI:     http://www.stamina.ch
Version:        4.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 
	-------------------------------------------------------------- */
	html{-webkit-text-size-adjust: 100%;}
	::selection {background: #000; color:#fff; /* Safari */}
	::-moz-selection {background: #000; color:#fff; /* Firefox */}
	

	a{outline:none;}

	a, a:visited{ /*text-decoration: underline;*/ color: #fff; text-decoration: underline; }
	a:hover{  text-decoration: none;/*padding: 0 2px;*/}
	img, object, embed, video {
	  max-width: 100%;
	  height: auto;
	}
	strong{ font-weight:700;}
	h1,h2,h3{ font-size:100%; font-weight:700; font-size: 2em;}
	h4,h5,h6{ font-size:100%; font-weight:700;font-size:1.2em;}

	@media screen and (max-width: 1200px) {
		h1,h2,h3{ font-size:100%; font-weight:700; font-size: 1.8em;}
		h4,h5,h6{ font-size:100%; font-weight:700;font-size:1em;}

	}


	p{ margin-bottom:1em;}
	
	ul{ margin:0; padding: 0;}
	ul {
	  list-style-type: none; margin-left: 16px;
	}
	ul li{ list-style-position: outside;margin-bottom: 1.8em; list-style:circle;}
	ul > li {
	  text-indent: 0px; /*margin-bottom: 1.2em;*/
	}
	/*ul > li:before {
	  content: "- ";
	  text-indent: 0px;
	}*/
	ul ul {padding-left: 35px; padding-top: 0.4em;}
	ul ul li{list-style-type:initial; list-style-position: outside; margin: 1.2em 0 1.2em 0;}
	ul ul > li:before {  content: "";}

	ul ul ul li{list-style-type:circle; list-style-position: outside;}
	ul ul ul > li:before {  content: "";}






	body{font-family: 'Roboto', sans-serif; background-color:#071a2e; font-weight: 300; color: #fafafa; line-height: 1.5em; font-size: 1.2em;}

@media screen and (max-width: 1200px) {
	body{line-height: 1.5em; font-size: 1em;}
}

.Uppercase{ text-transform: uppercase!important; margin-bottom: 25px;} 

	.Wrapper{ width:100%;  overflow:hidden;  /*background-color:#fafafa;*/}
		.Wrapper.AlignLeft{ float:left;}
		.Wrapper.AlignCenter{ margin:0 auto; text-align: center;}
		.Wrapper.AlignRight{ float:right;}
		
		.PageContent{ /*clear:both;*/width:100%; max-width: 1800px; margin: 0 auto; }
		
			
			.GlobalPage.left { width:60%; float:left;}
			.GlobalPage.right {width:60%; float:right;}
			.GlobalPage.full { width:100%;}
	
		

	
		.grey{ color:#999;}

.single .tooltips {color:#fff;}

		.tooltips {color:#000;position: relative; top: -0.5em; font-size: 80%;}
.tooltips:hover{ cursor:pointer;}
.tooltips::before{content:"[";}
.tooltips::after{content:"]";}
.Zebra_Tooltip .Zebra_Tooltip_Message{ font-size:0.7em; line-height: 1.2em;}
.Zebra_Tooltip .Zebra_Tooltip_Message a{ color:#000;}
	
	
		/* Header 
		-------------------------------------------------------------- */
		#Header{ width:100%; display:inline-block; margin-top: 35px;}

		#Logo{ z-index:9999; float: right; width: 64%; text-align:left; }
			#Logo img{ width: auto; max-width:447px; height: auto;}
			.single #Logo img{max-width:220px; height: auto; }

		.LogoUniGE{ max-width: 200px; margin-bottom: 40px; float: left;}
.LogoUniGEDroit{ max-width: 185px; margin-bottom: 40px; float: left; margin-left: 55px;}
			.LogoUniGE img, .LogoUniGEDroit img{ max-width: 100%; height: auto;} 


			
		.GoBack{ position: relative; left: 0; top: 280px;}
.GoBack a{ float: left;}


		/* Logo Unige animated */
		.LogoUniGEContainer {
			/*display: flex;*/ 
		}

		

		.LogoUniGE {
			/*font-size: 0;
			/*position: relative;
			overflow: hidden;* /
			padding-bottom: 0.4rem;*/
		}
/*
		@keyframes up {

			100% {
				transform: translateY(0);
			}

		}

		@keyframes draw {

			100% {
				width: 100%;
			}

		}
*/




			.SiteInfos{ width:100%; text-align:center;}
		
		.Slider{ 
			background-color:pink; display:block; height:35px; width:100%;
			min-height:170px;
		}
		
		.HideButtun{ display:none;}


		@media screen and (max-width: 1850px) {
			.PageContent{ width:90%; max-width:90%; padding:0 5%;}
		}

		@media screen and (max-width: 980px) {
			.LogoUniGE{width: 100%; text-align: center; margin: 0 auto;display: inline-block;padding-bottom: 45px;}
			#Logo{ width: 100%; text-align: center; display: inline-block;padding-bottom: 85px;}
				#Logo img{ width: auto; max-width:250px; height: auto;}	
				.single #Logo img{ max-width:200px; height: auto;}
			
				.single #Logo{padding-bottom: 45px;}
			.GoBack{ top:0 } 
		}

			@media screen and (max-width: 525px) {
				.LogoUniGE, .LogoUniGEDroit{  width: 100%; max-width: 40%; margin-left: 0;  text-align: center; }
				.LogoUniGE{ float: left;}
				.LogoUniGEDroit{float: right;}
			}

		@media screen and (max-width: 500px) {
			#Header{ margin-top: 0;}
			.MobileMenu{ background-color:pink; position: fixed; width: 100%;}
			#Logo{ width: 70%; margin: 0 auto;}
				#Logo img{ width: 100%;  height: auto;}
			.LogoUniGE{ max-width: 150px;}
			

		}

		/* Pdf document buttun 
		-------------------------------------------------------------- */
.PdfFile{}
    .PdfFile ul li{ list-style-type: none; float: left; margin-bottom: 45px;}
.PdfFile ul li a{ background-color:#1B264D ; text-decoration: none; margin: 0 15px 15px 0; padding: 15px;transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;}
.PdfFile ul li a:hover{ background-color: #000;}


		
		/* Footer 
		-------------------------------------------------------------- */
		#Footer{ width:100%; clear:both; display: inline-block; background-color:#1B264D;}
		.single #Footer{ background-color:#071a2e;}
		
			#SiteMap{ width:100%; background-color:#eee;}
				#SiteMap h2{}
				#SiteMap ul{}
					#SiteMap ul li{ display:table-cell;}
					#SiteMap ul li a{ padding:0px 10px;}
		
			/* Contacts
			-------------------------------------------------------------- */
			#Contacts{ width:100%; text-align:center;}
			
				#Address{ background-color:#fafafa;  }
					.adress_1{}
					.adress_2{}
					.adress_3{}
					
				#Tel{}
					.tel{}
					.tel_2{}
					
				.Email{}
				.WebSite{}
				
				.Description4{}
		

		/* parallax 
		-------------------------------------------------------------- */
		.simpleParallax img{ max-width: 100%; height: auto}



		/* Content 
		-------------------------------------------------------------- */
		

.block{
  width: 100%;
  min-height: 350px;
  position: relative;
  overflow: hidden;
	opacity: 0.7;
}
.block.image{ min-height: 25px; height: auto;margin-top: -6px;
  max-height: 350px;}

.block h2{
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10vw;
  color: white;
  font-weight: 400;
}
.img-parallax {
  width: 100vmax;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none
}
			


			
		/* Sections */
		.Section{ padding: 4em 0; display: inline-block; width: 100%; /*background-color: red;*/ text-align: left; float: left;}
			.ProposalPost.Section{ padding-bottom: 0;}
		.Section.LightColor{ background-color:#777a87;}
		.Section .SectionTitle{ text-transform: uppercase; float: left; width:31%;  /*background-color: yellow;*/ }

	



		.Section .SectionTitle.Full{ width:100%; margin-bottom: 85px;}
		.Section .SectionText{ float: right; width: 64%; /*background-color: pink;*/}
		.Section .BottomNotesSection{
			float: right; width: 64%; /*background-color: peachpuff;*/ 
			font-size: 0.8em;margin-top: 35px; line-height: 1.2em;
		}
		.Section .BottomNotesSection.accordion{ width: 100%!important;}

		@media screen and (max-width: 980px) {
			.Section .SectionTitle{ width:100%; margin-bottom: 35px; /*background-color: yellow;*/}
			.Section .SectionText{ width: 100%; /*background-color: pink;*/}
			.Section .BottomNotesSection{
				width: 100%; /*background-color: peachpuff;*/ 
			}
			
		}


		.TopBorder{ width:80px; border-top: 2px solid #fff;}


		/* Proposal */
		.ProposalGroup{ 
			width: 100%; 
			text-align: justify;
			-moz-text-align-last: justify;
    		-webkit-text-align-last: justify; /* not implemented yet, and will not be */
    		text-align-last: justify; /* IE + Chrome */
			
		}
		.ProposalGroup a{ 
			opacity: 0.5; color: #fff;
			text-decoration: none;
			-webkit-transition: opacity 0.5s ease-in-out;
			-moz-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
		}
		.ProposalGroup a:hover{text-decoration: none;opacity: 1;}

.ProposalGroup:after{content: "";
	display: inline-block;
	width: 100%;}


			.Proposal{ 
				 display: inline-block; width: 28%; 
				/*margin-right: 3.15%; */ vertical-align: top; text-align: left; margin-bottom: 35px;
			}
				.Proposal h4{ 
					text-transform: uppercase; text-align: left;text-align-last: left; /* IE + Chrome */
					border-bottom: 2px solid #fff; padding-bottom: 5px;
				}
				.Proposal p{margin-top: 10px; text-align: left;text-align-last: left; /* IE + Chrome */} 
	
		.EndProposalGroup{
			width: 100%;
			text-align: justify;
			-moz-text-align-last: justify;
    		-webkit-text-align-last: justify; /* not implemented yet, and will not be */
    		text-align-last: justify; /* IE + Chrome */
		}
		.EndProposal{ /*background-color: #505566; height: 650px;*/ width: 28%; display: inline-block; }
		.EndProposal img{ max-width: 100%; height: auto;}
			
		

		/*.EndProposal.first{ margin-right: 5%;}
		.EndProposal.second{ margin-right: 5%;}
		.EndProposal.third{}*/

		/* Single content */
		.ProposalText{}
		.ProposalText h3{font-size: 1.2em; border-bottom: 2px solid #fff;padding: .7em .7em .7em 0em;}
		.ProposalText .Text{ padding-bottom: 3em; padding-top: 1em;}

		

/*
		@media screen and (max-width: 1750px) {
			.Proposal{ width: 31%; margin-right: 3%; }
			
			.EndProposal{ width: 31%; }

			.EndProposal.first{ margin-right: 3%;}
			.EndProposal.second{ margin-right: 3%;}
			.EndProposal.third{}
		}
		*/

		@media screen and (max-width: 780px) {
			
			.Proposal, .EndProposal{ width: 45%;}
			.EndProposal.third{ display: none; }
		}

		@media screen and (max-width: 450px) {
			
			.Proposal, .EndProposal{ width: 100%;}
			.EndProposal.third, .EndProposal.second{ display: none; }
		}




		
		/* Social
		-------------------------------------------------------------- */
		.Social{ width:100%; background-color:#eee;}
			.Social div{ display:inline-block;}
		
		
		
		/* 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;
		}
		
		
		
		
		
		
		/* Primary Menu
		-------------------------------------------------------------- */
		#access { margin: 0 auto; width:100%; position:relative;  margin-top:30px; background-color:#ccc;}
		#access.Sidebar{ width:100%;}
		
		#access .menu-header, div.menu {
			font-size: 13px; width: 100%;
		}
		#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;}
		
		
		/* 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 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 
		-------------------------------------------------------------- */
		
		
		/* Primary Menu 
		-------------------------------------------------------------- */
		#access a {
			color: #AAAAAA; display: block; line-height: 38px; font-size:18px;
			padding: 0 10px; text-decoration: none;
		}
		#access ul ul { 
			display: none; float: left; left: 0;position: absolute;
			top: 38px; z-index: 99999; width:200px; background-color:#ccc;
		}
		#access ul li.current_page_ancestor ul{ /*display:block;*/ }
		
		#access ul ul li { float:none;}
		#access ul ul ul {left: 100%;top: 0;}
		#access ul ul a {height: auto;line-height: 1em;padding: 10px;}
		
		#access li:hover > a, 
		#access ul ul *:hover > a {
			color: #000;
		}
		
		#access ul li:hover > ul {display: block;}
		
		#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: #000;
		}
		
		* 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: #AAAAAA;
		}
		
		
		
		/* Color select Menu ancestor */
		.single-artistes #access .page-item-18 a{ color:#000;}
		
		
		/* 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%;}
		
		

		/* Nav icon mobile */ 

			/* Icon 1 */

			#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
			  width: /*45px*/30px;
			  height: 35px;
				margin-top: 15px;
			  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;
			  cursor: pointer; 
			}

			#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
			  display: block;
			  position: absolute;
			  height: 4px;
			  width: 100%;
			  background: #ffffff;
			  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;
			}

			/* 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%;
			}



		/* Tiny Menu after logo
-------------------------------------------------------------- */


.MobileMenu{  text-align: left; position: absolute; margin-top: 25px;left: 5%; z-index: 999999; background-color: #071a2e;}
	ul.RowMenu{ float:right; padding-top:17px; 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{ 
		display:none; /*background-color:#777a87;*/ position: absolute; top: 100px;
		width: 250px; 
	}
	#MobileMenuContainerDesktop{ 
		display:none; /*background-color:red;*/ 
		float:left;width:25%;
	}


	


		.MenuMobileLabel{ text-transform:uppercase; letter-spacing:0.1em;}
		
		#MobileMenuContainer ul{ margin:0; /*padding: 7px 14px;*/padding: 7px 2%; width: 96%; }
		#MobileMenuContainer ul li{ 
			float:none; width:100%; font-size:18px; line-height:1.8em; padding: 0; margin: 0;
			text-align:left; text-transform:uppercase; list-style-type:none; border-bottom: 1px solid #fff;
		}

	#MobileMenuContainer ul > li:before {
	  content: "";
	}
		
		
		#MobileMenuContainer ul li{ /*padding:12px 0px;background-image:url(images/separator.png); background-repeat:no-repeat; background-position:center bottom;*/ }
#MobileMenuContainer ul li a{ text-decoration:none; color: #fff;}
		
		#MobileMenuContainer ul li.page-item-8 { background-image:none;}
		
		#MobileMenuContainer ul li a{ color:#fff; font-weight:400;text-decoration:none; padding: 5px 0px; display: block; line-height: 1.2em;  } 
		
		#MobileMenuContainer ul li.current_page_item a{ text-decoration:none;  color: #fff;padding: 7px 0px;}
#MobileMenuContainer ul li a:hover{/*text-decoration:underline;*/ opacity: 0.7 }
#MobileMenuContainer ul li:last-child{ border:none;}
		
		
		#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: 980px) {
		#MobileMenuContainer{ 
			display:none; /*position: fixed; */ position: inherit!important;
			width:100%; top: 0px; left: 0; z-index: 250
		}
		
		#MobileMenuContainer ul li{ text-align: center; padding: 7px 3%;width:94%;}
	}
	
		
		
		
.ui-widget-content a, .ui-widget-content a:visited{color:#fff!important;}
		
		/* 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;
		}
		.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: 250px !important;
		  }
		}
		
		@media screen and (min-width:960px) and (min-height:1000px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider {
				height: 250px !important;
			}
		}
		@media screen and (min-width: 0px) and (max-width: 800px) {
		  .royalSlider.heroSlider,
		  .royalSlider.heroSlider .rsOverflow {
			height: 250px !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; 
		  }
		}

		@media screen and (min-width: 0px) and (max-width: 500px) {
			#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { left: 50%;margin-left: -15px; float: none;}
			.MobileMenu{left:0; margin-top: 0; position: fixed;}
			#MobileMenuContainer{ top:50px;}
			
			#Logo{ float:none; margin-top: 75px;}
		}