.curtain {
  width: 100%;
  /* Ensures the component is the full screen width */
  height: 100vh;
  overflow: hidden;
  /* Allows you to slide the panels outside the container without them showing */
}

.curtain__wrapper {
  /*These make sure the curtain covers the whole container*/
  width: 100%;
  height: 100%;
}

.curtain__panel {
  /*These sets a background color as well as an img to make it look like an actual curtain*/
  background: #8b0000;
  background-image: url("https://images.vexels.com/media/users/17482/101168/preview2/01bdac45c37aff22f75230abf3f019d4-red-curtain-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  /* Each panel takes up half the container */
  height: 100vh;
  /* Used for demo purposes */
  float: left;
  /* Makes sure panels are side-by-side */
  position: relative;
  /* Needed to define the z-index */
  z-index: 2;
  /* Places the panels in front of the prize */
  transition: all 1s ease-out;
  /* Animates the sliding transition */
}

.curtain__panel--left {
  /* Slides the panel to the left out of the container */
  transform: translateX(-100%);
}

.curtain__panel--right {
  /* Slides the panel to the right out of the container */
  transform: translateX(100%);
}

.curtain__prize {
  /*This sets the background color and an image (purposesly small to not take up the whole background).  The image is centered and not repeated so that it looks like an img element was used, but is not*/
  background: #333;
  background-image: url("https://images-na.ssl-images-amazon.com/images/I/41labckSsvL._SY300_.jpg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  /* Forces the prize position into the container start */
  z-index: 1;
  /* Places the prize behind the panels, which are z-index 2 */
  width: 100%;
  /*Makes sure that it fills the whole container*/
  height: 100%;
}
.curtain__prize h1 {
  /*Makes the text white and centers it in the container*/
  color: white;
  text-align: center;
}

input[type=checkbox] {
  position: absolute;
  /* Force the checkbox at the start of the container */
  cursor: pointer;
  /* Indicate the curtain is clickable */
  width: 100%;
  /* The checkbox is as wide as the component */
  height: 100%;
  /* The checkbox is as tall as the component */
  z-index: 100;
  /* Make sure the checkbox is on top of everything else */
  opacity: 0;
  /* Hide the checkbox */
}

/* When the checkbox is checked... */
/* Slide the first panel in */
input[type=checkbox]:checked ~ div.curtain__panel--left {
  transform: translateX(0);
}

/* Slide the second panel in */
input[type=checkbox]:checked ~ div.curtain__panel--right {
  transform: translateX(0);
}






















/***
    Template-CSS for "fhs-sections"
    version 1.0 - 2021/6
    © 2021 fhs - www.fhseidel.de
***/

/***
    THE TEMPLATE-COLORS ***
    The color specifications determine the appearance of the entire website.
    The specifications must be given as RGB values
    separated by commas with a semicolon at the end.
    So for example for black: "0,0,0;" or for white: "255,255,255;".
***/

:root {
/*  The main color of the template.
    This is used to color most of the graphic elements. */
	--mainColor: 25,8,0;

/*  Deviating from the main color of the template,
    a color for the normal text can be specified here. */
	--textColor: 25,8,0;

/*  The color for highlighted elements (e.g. active page in the menu) is set here. */
	--accentColor: 221,34,0;
 
/*  The default background color (usually white: 255, 255, 255) is determined here. */
	--mainBackgroundColor: 255,255,255;

/*  A second alternative background color. */
	/*--secondBackgroundColor: 128,64,149;*/
}

/* system-font.css v2.0.2 | CC0-1.0 License | github.com/jonathantneal/system-font-css */
@font-face{font-family:system-ui;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Segoe UI Light"),local("Ubuntu Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:300;src:local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Light Italic"),local("Ubuntu Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:400;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:italic;font-weight:400;src:local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Italic"),local("Ubuntu Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma")}@font-face{font-family:system-ui;font-style:normal;font-weight:500;src:local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold"),local("Ubuntu Medium"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:500;src:local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold Italic"),local("Ubuntu Medium Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:normal;font-weight:700;src:local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Segoe UI Bold"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Tahoma Bold")}@font-face{font-family:system-ui;font-style:italic;font-weight:700;src:local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Segoe UI Bold Italic"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Tahoma Bold")}

:root {
	scroll-behavior: smooth;
}
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
strong,
b {
	color: rgba(var(--textColor), .75);
	font-weight: 600;
}
span.highlightedText,
p.highlightedText,
div.highlightedText {
	color: rgba(var(--accentColor), .9);
	font-weight: 500;
}
span.sticker {
	font-size: .8em;
	background: rgba(var(--accentColor), 1);
	padding: .1em .5em;
	color: rgba(var(--mainBackgroundColor), 1);
	border-radius: 3px;
}
a.linkButton {
	font-size: 1.1em;
	border: 0;
	padding: .25em 0.5em;
	background: #652B7C;
	margin: 1em 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 3px;
}
a.linkButton:hover,
a.linkButton:focus {
	color: rgba(var(--textColor), 1);
	background: rgba(var(--mainColor), .5);
	box-shadow: none;
	border: 0 !important;
}
p.subheading {
	font-size: 1.25em;
	margin: 0;
	font-weight: 500;
}

.snippetImg {
	width: 40%;
}


body {
	background: rgba(var(--mainBackgroundColor), 1);
	color: rgba(var(--textColor), 1);
	-webkit-hyphens: auto;
	hyphens: auto;
	-webkit-font-smoothing: antialiased;
	font: 400 18px/1.5em system-ui, sans-serif;
	overflow-Y: scroll;
	max-width: 2340px;
	margin: 0 auto;
}
#header {
	background: rgba(var(--mainBackgroundColor), 1);
	position: fixed;
	height: 100px;
	z-index: 1;
	top: 0;
	border-bottom: 1px solid rgba(var(--textColor), .1);
	left: 0;
	right: 0;
}
#header .headerInner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	padding: 0 1em;
}
#header a {
	text-decoration: none;
	margin: 0 15px 0 0;
	border: 0;
}
#header h1 {
	display: inline-block;
	margin: 0;
	font-size: 2em;
	font-weight: 500;
	color: rgba(var(--textColor), .75);
	padding: 0;
	border: 0;
	text-align: left;
}
#header img {
	width: auto;
	height: 75px;
	max-height: 75px;
}
#header .slogan {
	margin: 0;
	font-family: system-ui, sans-serif;
	font-weight: 400;
}
.langMenu {
	text-align: right;
	margin: .5em 0;
}
.langMenu img {
	padding: 0;
}
.langMenu a {
	display: inline-block;
	padding: 0 0 .1em .1em;
	border: 0;
}
.wrapper {
}
.mainContent {
	margin: 0px 0 0 0;
}
.mainContent article {
	overflow: visible;
	min-height: 100vh;
}
section.normalSection, div.submenDiv {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2em 0;
}
section {
	padding: 3em 0px;
}
.profilePage section {
	padding: 2em 0px;
}
section:after {
	clear: both;
}
section p:last-child {
	margin-bottom: 0;
}
section div.snippetContent {
	display: flex;
	/*max-width: 1200px;*/
	margin: 0 auto;
}
p.imgNormal {
	width: 100% !important;
	margin: 2em 0 !important;
}
p.imgNormal + p.imgCaption {
	margin: -2em 0 2em 0 !important;
}
p.imgCaption {
	color: rgba(var(--textColor), .75);
	font-size: .75em;
	line-height: 1.25;
	margin: .5em auto !important;
	padding: .25em;
	text-align: center;
}
p.imgCaption a {
	color: rgba(var(--textColor), .75);
}
p.imgCaption a:hover,
p.imgCaption a:focus {
	color: rgba(var(--textColor), 1) !important;
}
p.footNote {
	color: rgba(var(--textColor), .75);
	font-size: .75em;
	display: inline-block;
	border-top: 1px dotted rgba(var(--textColor), .5);
	line-height: 1.25;
	padding-top: .25em;
}

/*** SNIPPETS ***/
/*01*/
section.snippet01 {
	background: #e4d2c0;
	background: linear-gradient(90deg, rgba(var(--secondBackgroundColor), 1) 33%, rgba(var(--mainBackgroundColor), 1) 33%);
}
section.snippet01 .snippetImgLeft {
	width: 38.2%;
}
section.snippet01 .snippetImg img {
	box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
	width: auto;
	border-radius: 3px;
    border-top: 10px solid #FAEEFF;
    border-right: 10px solid #F1CAFF;
    border-left: 10px solid #F1CAFF;
    border-bottom: 10px solid #FAEEFF;
}
section.snippet01 .snippetText {
	width: 60%;
	padding: 0 4em 0 0em;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
/*02*/
section.snippet02 {
}
section.snippet02 .snippetTextLeft {
	width: 61.8%;
	padding: 0 5em 0 0;
}
section.snippet02 .snippetTextRight {
	width: 38.2%;
	padding: 2em;
	background: rgba(var(--secondBackgroundColor), .5);
	border-radius: 3px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}
/*03*/
section.snippet03 {
	background: #e4d2c0;
	background: linear-gradient(-90deg, rgba(var(--secondBackgroundColor), 1) 33%, rgba(var(--mainBackgroundColor), 1) 33%);
}
section.snippet03 .snippetImg {
	width: 100%;
}
section.snippet03 .snippetImg img {
	box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
	width: auto;
	border-radius: 3px;
    border-top: 10px solid #FAEEFF;
    border-right: 10px solid #F1CAFF;
    border-left: 10px solid #F1CAFF;
    border-bottom: 10px solid #FAEEFF;
}
section.snippet03 .snippetText {
	width: 56.2%;
	padding: 0 2em 0 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	text-align: right;
}
/*04*/
section.snippet04 {
	background: rgba(var(--secondBackgroundColor), .25);
}
div.text3cols {
	clear: both;
	column-count: 3;
	column-width: 300px;
	column-gap: 2em;
	column-rule: 0;
	column-fill: balance;
	orphans: 2;
	widows: 2;
	margin: 0 0 1.5em 0;
}
section.snippet04 .snippetText {
	width: 100%;
}
p.leadText {
	font-weight: 500;
	color: rgba(var(--textColor), .75);
	max-width: calc(50% - 1em);
}
/*05*/
section.snippet05 {
	background: #e4d2c0;
	background: linear-gradient(90deg, rgba(var(--secondBackgroundColor), 1) 67%, rgba(var(--mainBackgroundColor), 1) 67%);
}
section.snippet05 div.snippetContent {
	position: relative;
	flex-flow: column;
	justify-content: center;
}
section.snippet05 .snippetImg {
	width: 61.8%;
}
section.snippet05 .snippetImg img {
	box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
	width: 100%;
	border-radius: 3px;
    border-top: 10px solid #FAEEFF;
    border-right: 10px solid #F1CAFF;
    border-left: 10px solid #F1CAFF;
    border-bottom: 10px solid #FAEEFF;
}
section.snippet05 .snippetText {
	box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
	width: 50%;
	padding: 2em;
	background: rgba(var(--mainBackgroundColor), 1);
	margin: 0 0 0 -4em;
	border-radius: 3px;
	position: absolute;
	right: 0;
}

.profileDetails .snippetText {
	box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
	width: 50%;
	padding: 1em;
	background: rgba(var(--mainBackgroundColor), 1);
	margin: 0 auto;
	border-radius: 3px;
	
}
.profileDetails section {
    padding: 2em 0px 4em 0px!important;
}
.profileDetails .snippetText p img{
    width:220px; height:220px; border-radius:50%;
}
.profileDetails .snippetText p{margin-bottom:1px;}
/***/

p {
	margin: 0 0 1em 0;
	text-align: justify;
}
a,
ul a,
#tinymce a,
#newsboxes a,
div.xh_login a,
#footer a {
	text-decoration: none;
	color: rgba(var(--textColor), .75);
	border-bottom: 1px dotted rgba(var(--mainColor), .5);
}
a:hover,
ul a:hover,
#tinymce a:hover,
#newsboxes a:hover,
#footer a:hover {
	border-color: rgba(var(--accentColor), 1);
	color: rgba(var(--accentColor), 1);
}
a[target="_blank"]::after {
	content: "↑";
	padding: 0 0 0 .25em;
	transform: rotate(45deg);
	display: inline-block;
	font-size: .75em;
	font-weight: bold;
	vertical-align: text-bottom;
}
#topLinkDiv {
	display: flex;
	justify-content: flex-end;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
	z-index: 100;
	border-radius: 3px;
}
a#topLink {
	background: rgba(var(--mainBackgroundColor), .5);
	transition: all .5s ease;
	display: inline-block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	border: 0;
}
#topLink .line {
	position: absolute;
	left: 10px;
	height: 4px;
	width: 20px;
	border-radius: 2px;
	display: block;
	transition: 0.5s;
	transform-origin: center;
	background: rgba(var(--mainColor), .75);
}
#topLink .line:nth-child(1) {
	transform: translateY(8px) rotate(-45deg);
}
#topLink .line:nth-child(2) {
	transform: translateY(0px) translateX(12px) rotate(45deg);
}
p.clear,
div.clear {
	clear: both;
}
hr {
	border: 0;
	border-bottom: 1px solid rgba(var(--accentColor), 1);
	height: 0;
	clear: both;
	margin: 2em 0;
}
hr.hrdot {
	border: 0;
	border-bottom: 1px dotted rgba(var(--accentColor), 1);
	height: 0px;
	clear: both;
	margin: 1em 0;
}
hr.hrBold {
	border: 0;
	border-bottom: 6px solid rgba(var(--accentColor), .5);
	height: 0;
	clear: both;
	margin: .5em 0;
	border-radius: 3px;
}
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
p.noBr,
span.noBr,
td.noBr {
	white-space: nowrap;
}
p.subHeading {
	font-size: 1.25em;
	margin: .5em 0 .25em 0;
}
.mainMenu {
	position: fixed;
	top: 100px;
	bottom: 0px;
	right: -300px;
	width: 300px;
	max-width: 100vw;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0 1em;
    --scrollbarBG: rgba(var(--mainBackgroundColor), .5);
    --thumbBG: rgba(var(--mainColor), .5);
	scrollbar-width: thin;
	/*scrollbar-color: var(--scrollbarBG) var(--thumbBG);*/
	transition: all .5s ease;
	background: rgba(var(--mainBackgroundColor), .9);
	z-index: 101;
}
.mainMenu::-webkit-scrollbar {
	width: 10px;
}
.mainMenu::-webkit-scrollbar-track {
	background: var(--scrollbarBG);
}
.mainMenu::-webkit-scrollbar-thumb {
	background-color: var(--thumbBG);
	border-radius: 5px;
	border: 1px solid var(--scrollbarBG);
}
#menuButton {
	display: none;
}
label.menuButton {
	background-color: rgba(var(--mainBackgroundColor), .9);
	background-size: cover;
	position: fixed;
	right: 25px;
	top: 25px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
	z-index: 1;
}
.line {
	position: absolute;
	left: 10px;
	height: 4px;
	width: 30px;
	background: rgba(var(--mainBackgroundColor), 1);
	border-radius: 2px;
	display: block;
	transition: 0.5s;
	transform-origin: center;
	background: rgba(var(--mainColor), .75);
}
.line:nth-child(1) {
	top: 17px;
}
.line:nth-child(2) {
	top: 25px;
}
.line:nth-child(3) {
	top: 33px;
}
#menuButton:checked + label .line:nth-child(1) {
	transform: translateY(8px) rotate(-45deg);
}
#menuButton:checked + label .line:nth-child(2) {
	opacity: 0;
}
#menuButton:checked + label .line:nth-child(3) {
	transform: translateY(-8px) rotate(45deg);
}
 #menuButton:checked ~ .mainMenu {
 right: 0px;
}
#mainNav {
	clear: both;
	font-family: system-ui, sans-serif;
	font-weight: 400;
}
#mainNav ul {
}
#mainNav ul li {
	font-size: 16px;
	line-height: 20px;
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0 0 .5em 0;
	border: 1px solid rgba(var(--mainColor), .1);
	background: rgba(var(--mainBackgroundColor), .95);
	border-radius: 3px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
}
#mainNav ul ul li {
	background: rgba(var(--mainBackgroundColor), 1);
	margin: 0;
	border: 0;
	border-top: 1px solid rgba(var(--mainColor), .1);
	border-radius: 0;
	box-shadow: none;
}
#mainNav ul ul li:last-child {
	border-radius: 0 0 5px 5px;
}
#mainNav ul span {
	padding: 10px;
	display: block;
	color: rgba(var(--accentColor), 1);
}
#mainNav ul li a {
	text-decoration: none;
	padding: 10px;
	display: block;
	color: rgba(var(--mainColor), 1);
	border: none;
}
#mainNav li a:hover {
	background: rgba(var(--mainColor), .05);
}
#mainNav ul span,
#mainNav ul li a {
	/* [disabled]text-transform: uppercase; */
}
#mainNav ul ul span,
#mainNav ul ul li a {
	/* [disabled]text-transform: none; */
}
#mainNav ul ul li a,
#mainNav ul ul li span {
	padding-left: 1em;
}
#mainNav ul ul ul li a,
#mainNav ul ul ul li span {
	padding-left: 1.5em
}
#mainNav ul ul ul ul li a,
#mainNav ul ul ul ul li span {
	padding-left: 2em
}
#mainNav ul ul ul ul ul li a,
#mainNav ul ul ul ul ul li span {
	padding-left: 2.5em
}
#mainNav ul ul ul ul ul ul li a,
#mainNav ul ul ul ul ul ul li span {
	padding-left: 3em
}
#mainNav ul ul ul ul ul ul ul li a,
#mainNav ul ul ul ul ul ul ul li span {
	padding-left: 3.5em
}
#mainNav ul ul ul ul ul ul ul ul li a,
#mainNav ul ul ul ul ul ul ul ul li span {
	padding-left: 4em
}
#mainNav ul ul ul ul ul ul ul ul ul li a,
#mainNav ul ul ul ul ul ul ul ul ul li span {
	padding-left: 4.5em
}
#searchForm {
	padding: 1em 0;
	/*overflow: auto;*/
}
#searchbox {
}
#searchbox input {
	color: rgba(var(--mainColor), 1);
	font: 400 15px system-ui, sans-serif;
	line-height: normal;
	padding: .25em .5em !important;
	margin: 0;
}
#searchbox input[name="search"] {
	float: left;
	color: rgba(var(--mainColor), 1);
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 3px 0 0 3px;
	background: rgba(var(--mainColor), .05);
}
#searchbox input[name="search"]:focus {
	background: rgba(var(--mainBackgroundColor), 1);
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 3px 0 0 3px;
}
#searchbox input[type="hidden"] {
	display: none;
}
#searchbox input[type="submit"] {
	background: rgba(var(--mainColor), .5);
	float: left;
	color: rgba(var(--mainBackgroundColor), 1);
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 0 3px 3px 0;
}
#searchbox input[type="submit"]:hover,
#searchbox input[type="submit"]:focus {
	background: rgba(var(--mainColor), .1);
	color: rgba(var(--mainColor), 1);
	text-shadow: none;
	cursor: pointer;
}
ul.sitemaplevel1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.sitemaplevel1 li {
	list-style: none;
}
ul.sitemaplevel1 li a {
	text-transform: uppercase;
	color: rgba(var(--mainColor), 1);
	display: block;
	padding: .25em;
	font-weight: 400;
}
ul.sitemaplevel1 li a:hover {
	background: rgba(var(--mainColor), .05);
	border-color: transparent;
}
ul.sitemaplevel2 li a {
	font-weight: 400;
	text-transform: none;
	padding-left: 1.75em;
	color: rgba(var(--mainColor), 1);
}
ul.sitemaplevel3 li a {
	padding-left: 3.25em;
}
ul.sitemaplevel4 li a {
	padding-left: 4.5em;
}
ul.sitemaplevel5 li a {
	padding-left: 5.75em;
}
ul.sitemaplevel6 li a {
	padding-left: 7em;
}
ul.sitemaplevel7 li a {
	padding-left: 8.25em;
}
ul.sitemaplevel8 li a {
	padding-left: 9.75em;
}
ul.sitemaplevel9 li a {
	padding-left: 11em;
}
code,
span.code {
	background-color: rgba(var(--mainColor), .05);
	padding: .1em .25em;
	border-radius: 3px;
	font: 500 .9em/1.25 monospace;
	color: rgba(var(--textColor), .8);
}
p.code,
div.code {
	background-color: rgba(var(--mainColor), .05);
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 3px;
	padding: 1em 2em;
	clear: both;
	word-wrap: break-word;
	margin: 1em 0 !important;
	display: inline-block;
	text-align: left;
	width: 100% !important;
	font: 500 .9em/1.25 monospace;
	color: rgba(var(--textColor), .8);
}
p.code + p.imgCaption,
div.code + p.imgCaption {
	margin-top: -.5em !important;
}
blockquote {
	margin: 2em 0;
	background: rgba(var(--mainColor), .05);
	border-left: 15px solid rgba(var(--accentColor), .5);
	border-right: 15px solid rgba(var(--accentColor), .5);
	border-radius: 3px;
	padding: 1em 2em 1em calc(25% - 1em);
	position: relative;
	-webkit-hyphens: none;
	hyphens: none;
}
blockquote p {
	width: 100%;
	margin: 0 !important;
}
p.source {
	color: rgba(var(--accentColor), .9);
	font-style: italic;
	margin-bottom: 0 !important;
	text-align: right;
}
p.source:before {
	content: "— ";
	vertical-align: -20%;
}
blockquote a:link,
blockquote a:visited {
}
.submenDiv {
	clear: both;
	font-size: .9em;
	color: rgba(var(--mainColor), .75);
	margin: 3em 0 0 0;
	padding: .5em 0;
	border-top: 1px dotted rgba(var(--mainColor), 5);
}
.submenDiv:empty {
	display: none !important;
}
.submenDiv span {
	float: left;
	font-weight: 700;
}
.submenDiv ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.submenDiv ul li {
	margin-left: 1em;
	padding: 0 0 .25em 0;
}
.submenDiv ul li a {
	border: 0;
}
.prevNextP {
	clear: both;
	overflow: auto;
	margin: .5em 0;
}
.prevP {
	float: left;
	border-radius: 3px;
}
.nextP {
	float: right;
	border-radius: 3px;
}
.prevP a,
.nextP a {
	border: 0 !important;
	font-size: .75em;
	text-decoration: none;
	padding: .5em;
	color: rgba(var(--mainColor), 1);
	display: inline-block;
	line-height: 1;
}
.prevNextP a:hover,
.prevNextP a:focus {
	color: rgba(var(--accentColor), 1);
}
#newsboxes2 {
	clear: both;
	display: flex;
	justify-content: space-between;
	width: 99%;
	margin: 2em auto 0em auto;
}
.news {
	margin: 1em 0;
	background: rgba(var(--mainBackgroundColor), .95);
	overflow: hidden;
	box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
	border-radius: 3px;
}
.news p {
	margin: 1em 0 0 0 !important;
    width: 100% !important;
    text-align: left;
}
.news p:first-of-type {
	margin: 1em 0 0 0;
}
#newsboxes2 .news {
	width: 48%;
	font-size: 0.9em;
	padding: 1em 1.2em;
	line-height: 1.5;
        margin:0px 12px 30px 12px;
}
.newsin {
	background: rgba(var(--mainBackgroundColor), .95);
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 3px;
	font-size: 0.9em;
	margin: 1em 0;
	padding: 1em;
}
.newsin:empty {
	display: none !important;
}
.news h1,
.news h2,
.news h3,
.news h4,
.news h5,
.news h6 {
	margin: .5em 0 0 0;
	font-weight: 500;
}
.news > h2:first-of-type {
	font-size: 1.25em;
	font-weight: 400;
	color: rgba(var(--mainBackgroundColor), 1);
	background: #804095;
	margin: -1em -2em 5px -1em;
	padding: 0.8em 1.2em;
	text-shadow: 1px 1px 1px rgba(var(--mainColor), 1);
	border-radius: 5px 5px 0 0;
	line-height: 1;
}
.news h2 {
	font-size: 1.4em;
	color: rgba(var(--mainColor), 1);
}
.news h3 {
	font-size: 1.3em;
}
.news h4 {
	font-size: 1.2em;
}
.news h5 {
	font-size: 1.1em;
}
.news h6 {
	font-size: 1.0em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: /*rgba(var(--textColor), .75)*/#804095;
	font-weight: 400;
	line-height: 1.25em;
	margin: 0 0 .25em 0;
        /*text-decoration: underline;*/
}
h2:hover{text-decoration: underline;}
h1 {
	color: rgba(var(--accentColor), 1);
	font-size: 4.0em;
	font-weight: 300;
	line-height: 1;
	margin: 0 0 .25em 0;
}
h2 {
	font-size: 2.0em;
}
h3 {
	font-size: 1.7em
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
ol {
	text-align: left;
	padding: 0 0 0 2em;
	list-style: decimal;
	margin-bottom: 1em;
	orphans: 2;
	widows: 2;
}
ol ol {
	margin: 0;
	padding: 0 0 0 1em;
	list-style: upper-alpha;
}
ol ol ol {
	margin: 0;
	padding: 0 0 0 1em;
	list-style: lower-alpha;
}
ol li {
	margin: 0;
	padding: 0;
	orphans: 2;
	widows: 2;
        color:#ffffff;
}
ul.listUnordered,
ul.xh_search_results {
	text-align: left;
	list-style: none;
	margin: 1em 0;
}
ul.listUnordered:last-of-type {
	/* [disabled]margin: 1em 0 0 0; */
}
ul.listUnordered ul,
ul.xh_search_results ul {
	margin: 0;
	list-style: none;
	orphans: 2;
	widows: 2;
}
ul.listUnordered li,
ul.xh_search_results li {
	margin-left: 1em;
	orphans: 2;
	widows: 2;
}
ul.listUnordered li::before,
ul.xh_search_results li::before {
	content: '»';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
}
ul.listUnordered ul li:before {
	content: '›';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
}
ul.listUnordered ul ul li:before {
	content: '·';
	margin-left: -1em;
	width: 1em;
	display: inline-block;
}
#footer {
	background: /*rgba(var(--mainBackgroundColor), .9)*/#804095;
	padding: 1em;
	color: /*rgba(var(--textColor), 1)*/#ffffff;
	text-align: center;
	border-top: 1px solid rgba(var(--mainColor), .1);
	hyphens: none;
}
#footer p {
	margin: 0 auto !important;
	width: 100% !important;
	text-align: center;
}
#footer .moreLinks {
	text-transform: uppercase;
	font-size: 0.9em;
}
#footer .copyright {
	font-size: 0.8em;
}
#footer a {
	border: 0;
}
#footer a:hover,
#footer a:focus {
	background: rgba(var(--textColor), .05);
}
table.respTable {
	font-family: inherit !important;
	line-height: 1em;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0;
	-webkit-overflow-scrolling: touch;
	padding: 0 0 .5em 0;
	line-height: 1.25;
}
table.respTable caption {
	text-align: left;
	padding: 0 0 1em 0;
	font-family: system-ui, sans-serif;
	font-size: .9em;
	font-weight: 500;
}
.respTable thead th {
	font-family: system-ui, sans-serif;
	font-weight: 500;
	font-size: .9em;
	padding: .5em;
	text-align: left;
	background: rgba(var(--mainColor), .75);
	color: rgba(var(--mainBackgroundColor), 1);
	vertical-align: bottom;
	border: 1px solid rgba(var(--mainBackgroundColor), .75);
	border-top: 0;
	border-bottom: 0;
}
.respTable tbody th {
	padding: .5em;
	text-align: left;
	background: rgba(var(--mainColor), .5);
	color: rgba(var(--mainBackgroundColor), 1);
	font-weight: 500;
	font-size: 1em;
	vertical-align: bottom;
	border: 1px solid rgba(var(--mainBackgroundColor), .75);
	border-top: 0;
	border-bottom: 0;
}
.respTable td {
	padding: .5em;
	border: 1px solid rgba(var(--mainColor), .1);
	vertical-align: top;
}
.respTable td p {
	margin: 0;
}
.respTable tr:nth-child(even) {
	background: rgba(var(--mainColor), .1);
}
.respTable td:last-child {
	text-align: center;
}
@media only screen and (max-width: 1240px) {
#newsboxes2 {
	padding: 0 2em;
}
section.normalSection, div.submenDiv {
	padding: 2em;
}
}
@media only screen and (max-width: 980px) {
body {
	font-size: 17px;
}
section {
	padding: 4em 2em;
}
}
@media only screen and (max-width: 768px) {
body {
	font-size: 16px;
}
/*01*/
section.snippet01 {
	padding: 2em;
	background: #e4d2c0;
	background: linear-gradient(180deg, rgba(var(--secondBackgroundColor), 1) 33%, rgba(var(--mainBackgroundColor), 1) 33%);
}
section.snippet01 .snippetContent {
	display: block;
}
section.snippet01 .snippetImg {
	width: 100%;
}
section.snippet01 .snippetText {
	width: 100%;
	padding: 0;
}
/*02*/
section.snippet02 {
	padding: 2em;
}
section.snippet02 .snippetContent {
	display: block;
}
section.snippet02 .snippetTextLeft {
	width: 100%;
	padding: 0;
}
section.snippet02 .snippetTextRight {
	width: 100%;
	padding: 2em;
	margin: 1em 0;
}
/*03*/
section.snippet03 {
	padding: 2em;
	background: #e4d2c0;
	background: linear-gradient(180deg, rgba(var(--secondBackgroundColor), 1) 67%, rgba(var(--mainBackgroundColor), 1) 67%);
}
section.snippet03 .snippetContent {
	display: block;
}
section.snippet03 .snippetImg {
	width: 100%;
}
section.snippet03 .snippetText {
	width: 100%;
	padding: 2em 0;
	text-align: left;
}
/*04*/
section.snippet04 {
	padding: 2em;
}
p.leadText {
	max-width: 100%;
}
/*05*/
section.snippet05 {
	padding: 2em;
	background: #e4d2c0;
	background: rgba(var(--secondBackgroundColor), 1);
}
section.snippet05 .snippetImg {
	width: 100%;
}
section.snippet05 .snippetText {
	box-shadow: 0;
	width: 100%;
	padding: 2em;
	margin: 0;
	position: relative;
	border-radius: 3px;
}
#newsboxes2 {
	display: block;
}
#newsboxes2 .news {
	width: 100%;
	margin: 1em 0 0;
}
}
@media only screen and (max-width : 640px) {
body {
	font-size: 15px;
}
.slogan {
	display: none !important;
}
}
@media only screen and (max-width : 480px) {
body {
	font-size: 14px;
}
p {
	text-align: justify;
}
.headerTxt {
	display: none;
}
blockquote {
	padding: 1em;
}
}
#tinymce {
	background-color: rgba(var(--mainBackgroundColor), 1);
	background-image: none;
	-webkit-hyphens:auto;
	hyphens:auto;
	-webkit-font-smoothing: antialiased;
}
#xh_mailform div {
	width: 100%;
	margin: 0 0 .75em 0;
}
form.xh_mailform {
	padding: 1em 2em;
	background: rgba(var(--mainColor), .05);
	border-radius: 3px;
	border: 1px solid rgba(var(--mainColor), .1);
}
form.xh_mailform input,
form.xh_mailform textarea {
	font: 1em/1em system-ui, sans-serif;
	padding: .25em .5em;
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 3px;
}
form.xh_mailform input:focus,
form.xh_mailform textarea:focus {
	box-shadow: 0 0 0 2px rgba(var(--accentColor), 1);
	outline: none;
}
form.xh_mailform .xh_captcha_input {
	border: 1px solid rgba(var(--mainColor), .1);
	border-radius: 0 5px 5px 0;
	padding: .25em .5em !important;
	line-height: normal !important;
	text-align: center;
	width: 5em;
	margin: 1em 0 0 0;
}
form.xh_mailform .xh_captcha_code {
	background-color: rgba(var(--mainColor), .5);
	border: 1px solid rgba(var(--mainColor), .1);
	border-right: 0;
	border-radius: 5px 0 0 5px;
	color: rgba(var(--mainBackgroundColor), 1);
	float: left;
	padding: .25em .5em;
	line-height: normal !important;
	width: 5em;
	text-align: center;
	margin: 1em 0 0 0;
}
form.xh_mailform p {
	margin: 0 1em 0 0 !important;
	padding: 1em 0 0 0;
}
form.xh_mailform input[type="submit"] {
	font-family: system-ui, sans-serif;
	background-color: rgba(var(--mainColor), .75);
	padding: .25em .5em;
	border: 1px solid rgba(var(--mainColor), .25);
	margin: 1em 0 0 0;
	color: rgba(var(--mainBackgroundColor), 1);
	cursor: pointer;
	font-size: 1.1em;
	line-height: 1;
}
form.xh_mailform input[type=submit]:hover,
form.xh_mailform input[type=submit]:focus {
	background-color: rgba(var(--accentColor), 1);
	border: 1px solid rgba(var(--mainColor), .25);
}
body.xh_login {
	background: rgba(var(--mainColor), .1) url(images/XH-Logo_bg.png) no-repeat fixed center center;
	background-size: contain;
	margin: 0 !important;
	padding: 0 !important;
}
body.xh_login div.xh_login {
	border: 1px solid rgba(var(--mainColor), .1);
	box-shadow: inset 2px 2px 1px rgba(var(--mainBackgroundColor), .75), inset -2px -2px 1px rgba(var(--mainColor), .1);
	background: rgba(var(--mainBackgroundColor), .25);
	border-radius: 0;
	margin: 0;
	padding: 1em;
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
}
body.xh_login h1 {
	margin: 0 0 .25em 0 !important;
	text-align: center !important;
	text-transform: none;
	color: rgba(var(--mainColor), 1);
	font-size: 2em;
	font-style: normal;
	line-height: 1.25;
	font-weight: normal;
	font-variant: normal;
}
div.xh_login p {
	text-align: center !important;
	margin: 1em 0 !important;
	color: rgba(var(--textColor), 1);
}
a.noArrow::after {
	content: '';
}
/***/
button.yp-video_play_button {
    width: 100%;
    height: 100%;
    background: url(../../plugins/youtube_privacy/css/../images/yt_play_buttom_grey.svg) no-repeat center center;
    background-size: 68px 48px;
    padding: 0;
    margin: 0;
    border: 0;
}
section.snippet07 {
    background: #e4d2c0;
    background: linear-gradient(
-90deg, rgba(var(--secondBackgroundColor), 1) 33%, rgba(var(--mainBackgroundColor), 1) 33%);
}
section.snippet07 .snippetText {
    width: 61.8%;
    padding: 0 0 0 0em;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

/**my css**/
.p-y-2 {
     padding-top: 28px;
     padding-bottom: 28px
 }

 .p-y-3 {
     padding-top: 0px;
     padding-bottom: 20px
 }

 .m-b-1 {
     margin-bottom: 18px;
     margin-right:25px;  
 }

 .m-t-1 {
     margin-top: 0px;
             
 }

 .main_counter_area {
     background-size: cover;
     overflow: hidden
 }

 .main_counter_area .main_counter_content .single_counter {
     background: #ED3237;
     color: #fff;
     display: flex;
     justify-content: center;
 }

 .main_counter_area .main_counter_content .single_counter i {
     font-size: 36px
 }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 900!important;
    line-height: 1.1;
    color: inherit;
}
.ft20{font-size:20px;}
#accordion {
  margin: auto;
  /*max-width: 500px;*/
}

.panel-heading a {
  display: block;
  position: relative;
  font-weight: bold;
  
  &::after {
    content: "";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
  }

  &[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    top: 5px;
  }
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.panel-default>.panel-heading {
    color: #ffffff!important;
    background-color: #0B3854!important;
    border-color: #ddd!important;
}
#social-bar {
   /* float: none;
    width: 252px;
    margin: 0 auto 30px auto;  */
    float: left!important;
    width: auto;
    margin: 0 auto 30px auto; 
  }
/**new counter**/
.counter-box {
    display: block;
    background: #ED3237;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    line-height: 28px
}

.counter-box.colored {
    background: #ED3237;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}

a, ul a, #tinymce a, #newsboxes a, div.xh_login a, #footer a {
    text-decoration: none;
    color: rgba(var(--textColor), .75);
    border-bottom: none!important;
}

/**mega menu**/
@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
		margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}	
/* ============ small devices .end// ============ */
.dropdown:hover  .dropdown-menu{
    display: block;
    margin-top: 0;
    padding: 1em;
    margin: 0em 0em 0em 1em;
 }

.dropdown-menu:hover .submenu{
    display: block;
    margin-top: 0;
 }
.dropdown-item {
    display: contents!important;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
/*.sylbi{
    width: 420px;
    margin: 0px 5px 5px 5px;
    line-height: 8px;
    padding: 5px;
}*/
.year
{
border-radius: 50%; 
display: block; 
position: relative; 
margin-left: auto; 
margin-right: auto; 
margin-top: 0px;
}
@media (max-width: 499px){
.year
    {border-radius: 50%; display: block; position: relative; margin-left: auto; margin-right: auto; margin-top: 150px!important;}
}

/**flex box**/
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid silver;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
width:100%;
}

.nowrap  { 
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.wrap    { 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}  
.wrap li {
  background: gold;
}

.wrap-reverse         { 
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}  
.wrap-reverse li {
  background: deepskyblue;
}

.flex-item {
  background: tomato;
  padding: 5px;
  width: 100px;
  height: 100px;
  margin: 10px;
  
  line-height: 100px;
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255)!important;
}
.profilePage .snippetImg img{width:260px!important; height:260px; border-radius:50%;}
.profilePage .snippetText p{margin-bottom:10px;}
#flexfullslider{width: 86%;margin: 0 auto;}
/*.flexslider ul.slides li img {width: 100%; height: 450px;}*/

.awards section .snippetText img {
    box-shadow: 0 0 15px 5px rgba(var(--mainColor), .05);
    width: auto;
    border-radius: 3px;
    border-top: 10px solid #FAEEFF;
    border-right: 10px solid #F1CAFF;
    border-left: 10px solid #F1CAFF;
    border-bottom: 10px solid #FAEEFF;
}

.latestNews{list-style-type:none; padding-left:0px;}
.latestNews li strong{font-size:18px;}
.latestNews li{border-bottom: 1px solid #80409557; padding: 7px 0px;}
.latestNews li p{margin-top: 0px!important;}
.latestNews li p span{color: #650385; padding:2px;}
.latestNews li .date{font-size: 18px; font-weight: 600; text-align: center; border-radius: 20%;border: 1px solid #804095;color: #804095;}

.facultyResearch{padding-left:20px;}
.facultyResearch li{border-bottom: 1px solid #80409557; padding: 10px 0px;}
#footer .copyright a{color:#fff!important;}
.faculty .snippetText{padding-left:20px!important;}
.social-Links img{width: 46px;height: 46px;border-radius: 50%;}
section.snippet05{background: #ffffff!important; width: 70%;margin: 0 auto;padding: 0;}
.navbar { padding-top: 0.1rem; padding-bottom: 0.1rem;}
.profilePage.students .snippetImg img{border-radius: 0px!important;width: 200px!important;height: 200px!important;}
.Book-Publications .col-lg-2 img{width:100px;}
.Book-Publications .col-lg-2 p{text-align:center;}
.Book-Publications .row{border-bottom: 1px dotted #652b7c; padding: 15px 0px;min-height: 150px;}
.chatbox a{background: #652b7c; padding: 5px 15px;color: #fff;border-radius: 5px;}
.container-fluid a.navbar-brand{font-size: 19px; padding-left: 10px;}


@media (max-width: 767px){
section.snippet05{width: 100%;}
}