#marquee {
	height: 80vh;
	min-height: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background-position: center;
}
#marquee:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e2f60+0,3e2f60+100&0.8+0,0.2+100 */
	background: -moz-linear-gradient(left,  rgba(62,47,96,0.8) 0%, rgba(62,47,96,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(62,47,96,0.8) 0%,rgba(62,47,96,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(62,47,96,0.8) 0%,rgba(62,47,96,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3e2f60', endColorstr='#333e2f60',GradientType=1 ); /* IE6-9 */
}
#marquee:after {
	content: "";
	background-image: url(../img/header_wave_bottom.png);
	width: 1920px;
	height: 58px;
	/*z-index: 1;*/
	z-index: 0;
	position: absolute;
	bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
#marquee .content {
	z-index: 5;	
	max-width: 600px;
	width: 100%;
}
#marquee .headline *,
.hero-area .headline * {
	color: #fff;
	font-size: 32px;
	line-height: 1.25em;
	margin-bottom: 15px;
}
#marquee .marquee-navbar ul,
.hero-area .marquee-navbar ul {
	display: inline-flex;
	border-radius: 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ea4595+0,91236f+100 */
	background: rgb(234,69,149); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(234,69,149,1) 0%, rgba(145,35,111,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(234,69,149,1) 0%,rgba(145,35,111,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(234,69,149,1) 0%,rgba(145,35,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea4595', endColorstr='#91236f',GradientType=1 ); /* IE6-9 */
}
#marquee .marquee-navbar ul li a,
.hero-area .marquee-navbar ul li a{
	xbackground: #82246b;
	border-left: 1px solid #3E2F60;
	border-right: 1px solid #3E2F60;
	color: #fff;
	display: block;
	font-weight: 600;
	line-height: 1.15em;
	text-transform: uppercase;
	padding: 10px 20px;
	transition: 0.3s;
}
#marquee .marquee-navbar ul li:first-child a,
#marquee .marquee-navbar ul li:last-child a,
.hero-area .marquee-navbar ul li:first-child a,
.hero-area .marquee-navbar ul li:last-child a {
	border: none;
	border-radius: 0 20px 20px 0;
}
#marquee .marquee-navbar ul li:first-child a,
.hero-area .marquee-navbar ul li:first-child a {
	border-radius: 20px 0 0 20px;
}
#marquee .marquee-navbar ul li:last-child a,
.hero-area .marquee-navbar ul li:last-child a {
	border-radius: 0 20px 20px 0;
}
#marquee .marquee-navbar ul li a:hover,
#marquee .marquee-navbar ul li a:focus,
.hero-area .marquee-navbar ul li a:hover,
.hero-area .marquee-navbar ul li a:focus {
	background: #3E2F60;
	color: #fff;
	text-decoration: none;
}

/*.hero-area .content {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	padding-top: 130px; 
	min-height: 800px; 
	display: flex; 
	align-items: center;
}*/
.hero-area .slider-items {
    position: relative;
/*   slider-height */
    height: 85vh;
	min-height: 700px;
	max-height: 900px;
    /*x-webkit-background-size: 100% 100%;
    xbackground-size: 100% 100%;*/
	background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.single-item {
    position: absolute;
	z-index: 10;
    color: #fff;
    text-align: center;
    width: 100%;
    top: 50%;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
	
	display: flex;
	justify-content: center;
}
/*over-lay-for-slider*/
.slider-items:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#192127+0,0066b2+100&0.9+0,0.4+100 */
	background: linear-gradient(to right,  rgba(25,33,39,0.9) 0%,rgba(0,102,178,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.single-item .content {
	xbackground-color: rgba(219,219,219,.5);
	padding: 1em;
	margin-top: 128px;
	max-width: 700px;
}
.single-item .content .heading {
	color: #fff;
	font-family: "Overpass", sans-serif;
	font-size: 56px;
	font-weight: 800;
	line-height: 1.25em;
	text-shadow: 1px 1px 2px #000000;
	margin-bottom: 1em;
}

.slider-wrapper {
	position: relative;
	overflow: hidden;
}
/*.slider-wrapper:after {
	content: "";
	background: url(../img/header_wave_bottom.png) no-repeat center bottom;
	background-size: contain;
	width: 100%;
	height: 68px;
	z-index: 1;
	position: absolute;
	bottom: -1px;
    left: 50%;
    transform: translate(-50%, 0);
}*/