body {
		margin: 0;
		padding: 0;
		font-family: arial,sans-serif;
		background-color: #A0A0A0; 
	}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


	.wrapper {
		background: #fff;
	}

	.header {
		width: calc(100% - 20px);
		padding:10px;
		display: flex;
		margin-bottom: 20px;
		flex-wrap: wrap; 
	}

	.header h1 {
		padding-left: 20px;
	}

	.share-socials {
		text-align: center;
		height: 20px;
	}

	.sidebar {
		width:300px;
		float:left;
		border-right: 1px solid #efefef;
		text-align: center;
	}

	.navigation-breadcrumb {
		list-style-type: none !important;
		margin: 0;
		padding: 0;
	}

	.content {
		width: calc(100% - 320px);
		float: right;
	}

	.content p {
		font-size: 16px;
	}

	#content_area, #content-head {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#content_area {
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.clearfix {
		clear:both;
	}

	.prev-btn, .next-btn {
		background: #6c757d;
		padding: 10px;
		box-sizing: border-box;
		color: white;
		text-decoration: none;
		border-radius: 5px;
		margin-right: 20px;
	}

	.prev-btn {
		float: left;
	}

	.next-btn {
		float: right;
	}

	.next-btn:after {
		content: "";
		display: table;
	}

	@media only screen and (max-width: 600px) {
		.content {
			width: 100%;
			float: none;
		}

		.sidebar {
			float: none;
			border: none;
			margin:0 auto;
		}

		.prev-btn, .next-btn {
			display: block;
			margin-bottom: 10px;
			float: none;
			text-align: center;
		}
	}

.page-header{
	/*max-width: 1100px;*/
	text-align: center;
	clear: both;
}

/************************************************/

.navigation-breadcrumb {
	list-style-type: none;
}

.sticky-navigation-wrapper {
	/*height: 60px;*/
	position: sticky;
	top: 0;
	margin-bottom: 30px;
	padding: 5px 0;
	box-sizing: border-box;
	/*overflow: hidden;*/
	background: #D1D1D1;
	z-index: 999;
}

.sticky-navigation-wrapper:after {
	content: "";
	display: table;
	clear: both;
}

.sticky-navigation {
	width: auto;
	position: sticky;
	top: 0;
	padding: 5px 20px;
}

.sticky-navigation:after {
	content: " ";
	display: table;
	clear: both;
}

.sticky-navigation .go-home-btn {
	float: left;
}

.sticky-navigation .go-home-btn button {
	font-size: 16px;
	color: white !important;
	text-decoration: none !important;
	background: none;
	border: none;
	outline: none;
}

.sticky-navigation .sticky-menu {
	float: right;
	text-align: right;
	cursor: pointer;
}

.sticky-navigation .sticky-menu .sticky-menu-btn {
	margin-right: 0;
}

.sticky-navigation .sticky-menu .sticky-menu-drop-down {
	height: 350px;
	display: none;
	text-align: left;
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    padding: 0;
    box-sizing: border-box;
}

.flex-layout {
	display: flex; align-content: space-between; align-items: center;
}


/*********************Popup***************************/

#wrapper {
    color: #000000;
    font-family: tahoma;
    font-size: 14px;
    margin: 0 auto;
    width: 800px;
    margin-top: 50px;
}
#wrapper a {
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
}
a.boxclose {
    background: url(/cancel.png) repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 26px;
    left: 32px;
    position: relative;
    top: -33px;
    width: 26px;
}
.overlay {
    background: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    opacity: 0.5;
}
.box {
    background-color: #ffffff;
    color: #888888;
    height: 205px;
    left: 100%;
    padding: 20px;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
  	-moz-transform:    translateX(-50%);
  	-ms-transform:     translateX(-50%);
  	-o-transform:      translateX(-50%);
    transform: 			translateX(-50%);
    top: 25%;
    width: 555px;
    z-index: 99991;
    border: 5px solid #888888;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

@media only screen and (max-width: 600px) {
	.box {
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
}