#article-offline-notice {
	background: #FF0000;
	// margin-top: 5px;
	text-align: center;
	font-weight: bold;
}


#manual-search {
	position: relative;
}

#manual-search .search-filter {
	display: block;
	width: 75%;
	margin: 0 auto;
}

#manual-search .search-filter::after {
	top: 8px;
	right: 14px;
	width: 29px;
	height: 29px;
    background-image: url(/gfx/icons/search-pink.svg);

}

#manual-search .search-filter input {
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	background-color: #330013;
	outline: none;
	padding-left: 30px;
	padding-top: 1px;
	font-size: 26px;
	font-family: 'Open Sans';
	color: #FFF;
	margin: 0;
}



.search-filter input::-webkit-input-placeholder {
	color: rgba(255,1,93,0.6);
}
.search-filter input::-moz-placeholder {
	color: rgba(255,1,93,0.6);
}
.search-filter input:-ms-input-placeholder {
	color: rgba(255,1,93,0.6);
}
.search-filter input:-moz-placeholder {
	color: rgba(255,1,93,0.6);
}



#manual-search .search-filter input:focus {
	background-color: #420018;
}

#manual-search .search-filter input:focus + .blinking-cursor {
	display: none;
}

#manual-search .search-filter input:focus + #clear-manual-search {
	background-color: #420018;
}

#clear-manual-search {
	position: absolute;
	z-index: 2;
	width: 30px;
	height: 30px;
	right: 13px;
	top: 10px;
	padding: 0px;
	background: #330013;
	cursor: pointer;
	display: none;
	background-repeat: no-repeat;
	background-image: url(/gfx/icons/cross.svg);
	background-size: 90%;

}

.manual .mobile-nav {
	display: none;
}

.manual-article #manual-search .search-filter {
	display: none;
}

#manual-search .search-filter input.searching + #clear-manual-search {
	display: block;
}

.search-result p {
	color: #999;
	padding-bottom: 0;	
}

.search-result.no-results {
	text-align: center;
}

.search-result p span {	
	color: #FFF;
}

.lang-chooser {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.lang-chooser a {
	padding: 0 10px;
	font-size: 12px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.03em;
}
.lang-chooser a.search-icon {
	padding: 0;
	margin-left: 10px;
	position: relative;
	width: 18px;
	padding-top: 1px;
}
.lang-chooser a.search-icon img {
	width: 100%;
	display: block;
}

.lang-chooser a.active {
	color: #FFF;
}
.lang-chooser select {
	width: 200px;
	background-color: #000;

}


.lang-chooser {
	//display: none;
}

.lang-chooser a.mobile {
	display: none;
}

.lang-chooser li {
	padding-left: 10px;
}
.lang-chooser li a {
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

.lang-chooser li a.active {
	color: #ff015d;

}

.search-result {
	margin: 30px auto;
	width: 75%;
}

.search-result li {
}

.search-result .highlight {
	border-bottom: 1px solid rgb(255,1,93);
	cursor: pointer;
}

.search-result .highlight:hover {
	background-color: rgba(255,1,93,0.5);
}

.content .highlight {
	background-color: rgba(255,1,93,0.5);
	cursor: auto;
}

.search-result .truncate {

}


.manual-featured {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	position: relative;
}

.manual-featured .featured {
	width: 30%;
	margin-left: 4%;
	height: 220px;
	background-position: center;
	background-size: cover;
	text-align: center;
	border-radius: 5px;
	position: relative;
}

.manual-featured .featured:nth-child(3n+1) {
	margin-left: 0;
}

.manual-featured .featured:nth-child(1) {
	margin-left: 0;
}

.manual-featured .featured h1 {
	text-align: center;
	text-shadow: 0 0 10px rgba(0,0,0,1);
	position: absolute;
	z-index: 1;
	left: 10px;
	right: 10px;
	bottom: 10px;
}


.manual-featured .gradient {
	position: absolute;
	height: 50%;
	bottom: 0;
	background: #000;
	z-index: 0;
	left:  0;
	right: 0;
	background: transparent;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); /* Standard syntax */
}

.manual-sections .manual-section {
	
	margin-bottom: 20px;
}
.manual-section h1 {
	margin-bottom: 15px;
}
.articles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	
}
.articles .article:nth-child(3n+1) {
	padding-left: 0;
}
.articles .article {
	width: 30%;
	//word-wrap: break-word;
	padding-left: 4%;

}

.articles .article .image {
	display: block;
	width: 100%;
	height: 96px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 2px;


}


.articles .article h2 {
	line-height: 1.3;
	margin: 0.4em 0;
}

.articles .article h2 {

	}
/* ----------MANUAL PAGE---------- */

body.manual section.article {
	background-color: #1C2021;
}

#manual-article {
	// display: -webkit-box;
	// display: -ms-flexbox;
	// display: -webkit-flex;
	// display: flex;
	// flex-flow: row nowrap;
	// justify-content: space-between;
}

#manual-article .menu {
	// width: 33.3%;
	width: 300px;
	padding-top: 38px;
	float: left;
	//position: fixed;
}

#manual-article .menu.fixed {
	position: fixed;
	top: 0;
	bottom: 0;
	overflow: auto;
}


#manual-article .menu .breadcrumb {
	padding-left: 10px;
	margin-bottom: 23px;
}

#manual-article .menu .breadcrumb a {
	color: #FFF;

}

#manual-article .menu ul {
	list-style-type: none;
	padding-left: 10px;
}

#manual-article .menu ul li {
	margin-top: 20px;
}

#manual-article .menu ul li.nav-2 {
	margin-left: 20px;
	margin-top: 5px;
}

#manual-article .content {
	width: 640px;
	padding-right: 40px;
	box-sizing: border-box;
	float: right;
}


#manual-article .content h1.title {
	margin-top: 1em;
	font-size: 2em;
	color: #FFF;
}

#manual-article h1, #manual-article h2 {
	font-size: 2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

#manual-article h3 {
	font-size: 1.5em;
	margin-bottom: 10px;

}

#manual-article h4 {
	font-size: 1.17em;
	margin-bottom: 10px;
}

#manual-article .content p {
	padding-bottom: 0em;
	margin-bottom: 1em;
}

#manual-article hr:last-of-type {
	display: none;
}


#manual-article ul {
	list-style-type: square;
	margin-bottom: 1em;
}


#manual-article img {
	max-width: 100%;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	max-width: 100%;
	height: auto !important;
	display: block;
	margin: 0 auto;
}

#manual-article img.fr-fil {
	float: left;
}


#manual-article img.fr-fir {
	float: right;
}

// body.manual section.article {
// 	background-color: transparent;
// }

body.manual section {
	background-color: transparent;
}

body.manual section:not(.article):nth-child(even){
	background-color: #374244;
}