:root {
	--main-background-color: #ffffff;
	--main-font-color: #333333;
	--main-search-font-color: #e6e6e6;

	--header-font-size: 51px;
	--heder-line-height: 81px;
	--items-font-size: 21px;
	--items-line-height: 35px;
	--text-font-size: 15px;
	--text-line-height: 26px;
}

body {
	text-align: center;
	font-family: 'Raleway', arial;
}

p {
	line-height: var(--text-line-height);
}

a {
	text-decoration: none;
}

a:hover {
	color: var(--main-search-font-color);
}

.top-band {
	background-color: var(--main-font-color);
	height: 21px;
}

h1,
h1 a {
	font-weight: 900;
	font-size: var(--header-font-size);
	color: var(--main-font-color);
	line-height: var(--heder-line-height);
}

.header {
	margin: 40px 0 80px 0;
}

.sidebar-info {
	position: fixed;
	top: 0;
	left: -400px;
	height: 100%;
	width: 600px;
	text-align: left;
	color: var(--main-search-font-color);
	font-size: var(--text-font-size);
	transition: all .5s ease;
}

.sidebar-hide {
	transform: translate3d(0, 0, 0);
}

.sidebar-show {
	transform: translate3d(400px, 0, 0);
}

.sidebar-mobile-hide {
	transform: translate3d(0, 0, 0);
}

.sidebar-mobile-show {
	transform: translate3d(0, -255px, 0);
}

.toggleSidebar {
	left: 0;
}

.sidebar-info .row {
	height: 100%;
	margin: 0;
	padding: 0;

}
.sidebar-info a {
	text-decoration: none;
	font-size: var(--items-font-size);
	font-weight: 900;
	color: var(--main-search-font-color);
}

.sidebar-info-text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	background: var(--main-font-color);
	padding: 40px 40px 40px 40px;
}

.sidebar-info-text div:nth-child(2) {
	margin-bottom: 50px;
}

.mobile-sidebar-title {
	font-size: var(--items-font-size);
    font-weight: 900;
    color: var(--main-search-font-color);
	opacity: 0;
}

.menu {
	margin-top: 112px;
	font-size:var(--items-font-size);
	color: var(--main-search-font-color);
}

.menu div {
	display: block;
	margin-bottom: 45px;
	position: relative;
}

.menu img {
	cursor: pointer;
}

.menu-erb-icon, .menu-search-icon, .menu-info-icon, .menu p {
	display: inline-block;
}

.add-new, .about-project {
	display: none;
}


.menu-icon-dark {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all .3s ease;
}



.menu p {
	margin-left: 10px;
	font-weight: 900;
	color: var(--main-font-color);
	opacity: 0;
	transition: all .3s ease;
}

.close-icon {
	margin-top: 35px;
	display: block;
	cursor: pointer;
}

.inovative {
	margin-bottom: 20px;
}






input[type=text] {
	margin-top: 100px;
	width: 900px;
	text-align: center;
	font-size: var(--header-font-size);
	font-weight: 900;
  	border: none;
	border-bottom: 1px solid #333333;
	color: var(--main-search-font-color);;
}

input:focus {
	outline: none;
}

::-webkit-input-placeholder {
	color: var(--main-search-font-color);
	opacity: 1;
}

::-moz-placeholder {
	color: var(--main-search-font-color);
	opacity: 1;
}

:-ms-input-placeholder {
	color: var(--main-search-font-color);
	opacity: 1;
}

::-ms-input-placeholder {
	color: var(--main-search-font-color);
	opacity: 1;
}

::placeholder {
	color: var(--main-search-font-color);
	opacity: 1;
}

.search-results {
	margin-top: 10px;
	overflow: auto;
	height: 300px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.search-results li, .search-results a {
	list-style: none;
	text-decoration: none;
	font-size: var(--header-font-size);
	font-weight: 900;
	color: var(--main-search-font-color);
}

.search-results li {
	display: none;
}





/*-------------------------------------
-------------Detail styles-------------
-------------------------------------*/


.detail-top-band {
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
	height: 21px;
}

.erb-image {
	margin-top: 50px;
}

.detail-header {
	margin-top: 40px;
	margin-bottom: 30px;
}

.admin-details p {
	margin: 0;
}
.signature,
.single article h6 {
	margin-top: 20px;
	font-size: var(--items-font-size);
	font-weight: 900;
}

.download-link,
.single article h5,
.single article h5 a
{
	font-size: var(--header-font-size);
	font-weight: 900;
	color: var(--main-search-font-color);
	transition: all .3s ease;
	padding-bottom: 130px;
}

.download-link:hover {
	color: var(--main-font-color);
}


/*-------------------------------------
-------------Media queries-------------
-------------------------------------*/


@media (max-width: 992px) {

	.header {
		margin: 20px 0 50px 0;
	}

	.sidebar-info {
		left: 0;
		top: unset;
		bottom: -255px;
		right: 0;
		margin-top: 0;
		height: 350px;
		width: 100%;
	}

	.sidebar-info-text {
		width: 100%;
		padding-top: 25px;
		padding-bottom: 130px;
		transform: translate3d(0, 96px, 0);
		overflow: scroll;
	}

	.mobile-sidebar-title {
		opacity: 1;
	}

	.inovative {
		display: none;
	}

	.menu {
		position: absolute;
		width: 100%;
		padding-top: 25px;
		border-top: 1px solid var(--main-font-color);
		display: flex;
		justify-content: space-around;
		margin: 0;
		background: #ffffffeb;
		height: 96px;
	}


	.menu div {
		display: inline-block;
	}

	.menu p {
		display: none;
	}

	.close-icon {
		margin: 0;
		position: absolute;
		top: 25px;
		right: 40px;
	}


	.search-results {
		width: 100%;
	}

	input[type=text] {
		width: 100%;
		margin-top: 20px;
	}
}


@media (max-width: 550px) {
	.download-link {
		font-size: 9vw;
	}
}