#mainnav p.showsearch {
 	margin: 0 0 0 auto;
 }
 
 @media all and (min-width: 1024px) and (max-width: 1399px) {
 	#mainnav p.showsearch {
 		margin: 0 0 0 16px;
 	}
 }
 
 @media all and (min-width: 1400px) {}
 
 #mainnav p.showsearch strong span,
 #mainnav p.showsearch a span {
 	position: fixed;
 	font-size: 0;
 	top: -3000px;
 	display: none;
 }
 
 #mainnav p.showsearch a {
 	display: block;
 	width: 44px;
 	height: 44px;
 	position: relative;
 }
 
 #mainnav p.showsearch strong::before,
 #mainnav p.showsearch a::before {
 	display: block;
 	content: "";
 	margin: 0 auto;
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	left: 0;
 	top: 0;
 	background-size: 24px 27px;
 	background-repeat: no-repeat;
 	background-position: center 8px;
 	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2027%22%20style%3D%22enable-background%3Anew%200%200%2024%2027%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23BD4800%22%20d%3D%22M13.4%2C2.9C7.6%2C2.9%2C2.9%2C7.7%2C2.9%2C13.5c0%2C2.5%2C0.9%2C4.9%2C2.4%2C6.7l-5.1%2C5.1l1.4%2C1.4l5.1-5.1c1.8%2C1.5%2C4.2%2C2.5%2C6.8%2C2.5%09c5.8%2C0%2C10.6-4.7%2C10.6-10.6S19.3%2C2.9%2C13.4%2C2.9z%20M13.4%2C22.1c-4.7%2C0-8.6-3.8-8.6-8.6s3.8-8.6%2C8.6-8.6S22%2C8.8%2C22%2C13.5%20S18.2%2C22.1%2C13.4%2C22.1z%22%2F%3E%3C%2Fsvg%3E");
 }
 
 body.navshown #mainnav p.showsearch a::before {
 	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2027%22%20style%3D%22enable-background%3Anew%200%200%2024%2027%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23D8B528%22%20d%3D%22M13.4%2C2.9C7.6%2C2.9%2C2.9%2C7.7%2C2.9%2C13.5c0%2C2.5%2C0.9%2C4.9%2C2.4%2C6.7l-5.1%2C5.1l1.4%2C1.4l5.1-5.1c1.8%2C1.5%2C4.2%2C2.5%2C6.8%2C2.5%09c5.8%2C0%2C10.6-4.7%2C10.6-10.6S19.3%2C2.9%2C13.4%2C2.9z%20M13.4%2C22.1c-4.7%2C0-8.6-3.8-8.6-8.6s3.8-8.6%2C8.6-8.6S22%2C8.8%2C22%2C13.5%20S18.2%2C22.1%2C13.4%2C22.1z%22%2F%3E%3C%2Fsvg%3E");
 }
 
 #navside>ul>li>a:hover {
 	opacity: 0.8;
 }
 
 #navside>ul>li>a:focus {
 	opacity: 0.8;
 }
 
 #navside>ul>li>a.active:focus {
 	opacity: 0.8;
 }
 
 #sharing ul {}
 
 #sharing li {
 	display: inline-block;
 	position: relative;
 	font-size: 3.2rem;
 	line-height: 1;
 	width: 1em;
 	height: 1em;
 	margin: 0 auto;
 }
 
 #sharing li:last-child {
 	margin-right: 0;
 }
 
 #sharing li a {
 	display: block;
 	color: white;
 	border-radius: 100%;
 	text-decoration: none;
 	width: 1em;
 	height: 1em;
 	overflow: hidden;
 	margin: 0 auto !important;
 }
 
 #sharing li a {
 	/*border: 1px solid #707070;*/
 	background: black;
 	color: #FFF;
 	margin: 0 auto;
 }
 
 #sharing li a:hover {
 	/*border: 1px solid #E4E1D7;*/
 	color: white;
 }
 
 #sharing li a span {
 	height: 0;
 	width: 0;
 	position: absolute;
 	overflow: hidden;
 }
 
 #sharing::after {
 	content: "";
 	display: table;
 	height: 0;
 	clear: left;
 }
 
 #sharing li a::after {
 	font-family: "icons";
 	font-weight: normal;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 }
 
 #sharing li a:hover::after {
 	color: white;
 }
 
 #sharing li a[href*="facebook"]::after {
 	content: "\e801";
 }
 
 #sharing li a[href*="twitter"]::after {
 	content: "\e802";
 }
 
 #sharing li a[href*="instagram"]::after {
 	content: "\e803";
 }
 
 #sharing li a[href*="facebook"]:hover {
 	background-color: #3b5998 !important;
 }
 
 #sharing li a[href*="twitter"]:hover {
 	background-color: #1da1f2 !important;
 }
 
 #sharing li a[href*="instagram"]:hover {
 	background: linear-gradient(45deg, rgba(255, 211, 116, 1) 0%, rgba(255, 211, 116, 1) 12%, rgba(240, 103, 59, 1) 34%, rgba(236, 73, 76, 1) 55%, rgba(196, 49, 137, 1) 75%, rgba(128, 67, 197, 1) 91%, rgba(128, 67, 197, 1) 110%) !important;
 }
 
 @media all and (max-width: 999px) {
 	#navside {
 		flex: 1;
 	}
 	#navside>ul>li {
 		font-size: 1.6rem;
 		margin: 0 0 0 1.25em;
 	}
 	#navside {}
 	#navside a {
 		color: #000;
 	}
 	dl#sharing {
 		display: block;
 		position: relative;
 		height: 100%;
 	}
 	dl#sharing dt {
 		display: block;
 		position: relative;
 		height: 100%;
 		border-left: 1px solid black;
 		border-right: 1px solid black;
 	}
 	dl#sharing dt::before {
 		font-family: "icons";
 		font-weight: normal;
 		position: absolute;
 		top: 50%;
 		left: 50%;
 		transform: translate(-50%, -50%);
 		content: "\e80C";
 		font-size: 2.8rem;
 		/* transition: transform 0.2s ease;*/
 	}
 	dl#sharing.sharingshown dt b i {
 		display: block;
 		width: 100%;
 		height: 100%;
 		position: absolute;
 		opacity: 1
 	}
 	dl#sharing.sharingshown dt::before,
 	dl#sharing dt::after {
 		display: block;
 		content: "";
 		width: 32px;
 		height: 3px;
 		background: #000;
 		position: absolute;
 		/*transition: transform 0.2s ease;  */
 		left: 50%;
 		opacity: 0;
 	}
 	dl#sharing dt:after {
 		top: 50%;
 		left: 50%;
 		opacity: 0;
 		transform: translate(-50%, -50%);
 	}
 	dl#sharing.sharingshown dt::before,
 	dl#sharing.sharingshown dt:after {
 		top: 50%;
 		left: 50%;
 		opacity: 0;
 		transform: translate(-50%, -50%);
 	}
 	dl#sharing.sharingshown dt::before {
 		top: calc(50% - 2px);
 		transform: translate(-50%, -50%) rotate(45deg);
 		opacity: 1;
 	}
 	dl#sharing.sharingshown dt:after {
 		top: calc(50% - 2px);
 		transform: translate(-50%, -50%) rotate(-45deg);
 		opacity: 1;
 	}
 	dl#sharing dt span {
 		height: 0;
 		width: 0;
 		position: absolute;
 		overflow: hidden;
 	}
 	dl#sharing dd {
 		display: block;
 		position: absolute;
 		bottom: 100%;
 		width: 100%;
 		width: calc(100% + 10px);
 		left: -5px;
 		background: white;
 		overflow: hidden;
 	}
 	dl#sharing dd {
 		max-height: 0;
 		transition: 0.2s ease;
 	}
 	dl#sharing.sharingshown dd {
 		max-height: 1000px;
 	}
 	dl#sharing dd ul {
 		display: block;
 	}
 	dl#sharing dd ul li {
 		width: 100%;
 		height: 48px;
 		display: flex;
 		align-items: center;
 		width: calc(100% - 10px);
 		margin: 8px 5px 16px;
 		border-left: 1px solid black;
 		border-right: 1px solid black;
 	}
 	#navside p.showsearch {
 		height: 100%;
 		border-right: 1px solid black;
 	}
 	#navside p.showsearch strong,
 	#navside p.showsearch a {
 		position: relative;
 		height: 100%;
 		display: flex;
 		align-items: center;
 	}
 	#navside p.showsearch strong::before,
 	#navside p.showsearch a::before {
 		font-size: 3.2rem;
 		/*position: absolute; height: 100%; width: 100%;*/
 	}
 	body.searchopen #navside p.showsearch strong::before,
 	body.searchopen #navside p.showsearch a::before,
 	#navside p.showsearch strong:after,
 	#navside p.showsearch a::after {
 		display: block;
 		content: "";
 		width: 32px;
 		height: 3px;
 		background: #000;
 		position: absolute;
 		/*transition: transform 0.2s ease;*/
 		left: 50%;
 		opacity: 0;
 	}
 	#navside p.showsearch strong:after,
 	#navside p.showsearch a:after {
 		top: 50%;
 		left: 50%;
 		opacity: 0;
 		transform: translate(-50%, -50%);
 	}
 	body.searchopen #navside p.showsearch strong::before,
 	body.searchopen #navside p.showsearch strong:after,
 	body.searchopen #navside p.showsearch a::before,
 	body.searchopen #navside p.showsearch a:after {
 		top: 50%;
 		left: 50%;
 		opacity: 0;
 		transform: translate(-50%, -50%);
 	}
 	body.searchopen #navside p.showsearch strong::before,
 	body.searchopen #navside p.showsearch a::before {
 		top: calc(50% - 2px);
 		transform: translate(-50%, -50%) rotate(45deg);
 		opacity: 1;
 	}
 	body.searchopen #navside p.showsearch strong:after,
 	body.searchopen #navside p.showsearch a:after {
 		top: calc(50% - 2px);
 		transform: translate(-50%, -50%) rotate(-45deg);
 		opacity: 1;
 	}
 	#navside dl,
 	#navside p,
 	#navside p#hamburger {
 		width: 33.333%;
 		margin: 0;
 		text-align: center;
 	}
 	#navside strong,
 	#navside a {
 		margin: 0 auto;
 		text-align: center;
 	}
 }