/*
light blue 	- #379ECD
dark blue 	- #2C3489
normal blue - #1B75BC
purple		- #812C7B
light grey	- #E7E8E8
dark grey	- #8A8C8E
dark purple - #2C3489
light purple- #767BB2
pink		- #EA1E89
orange		- #EE8A22
yellow 		- #FCB040
red 		- #BF202F
reallyorange- #EF432B

*/


/*@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400i|Poppins:300,400,700');*/


/*
FONTS
font-family: 'Libre Baskerville', serif;
font-family: 'Poppins', sans-serif;
*/


body {
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: poppins, sans-serif;
	font-weight: 700
}

p {
	font-family: poppins, sans-serif;
	font-weight: 400;
}

a {
	transition: color ease 0.2s
}







.navbar-nav {
	margin-left: auto
}

.top-nav {
	position: absolute;
	top:0;
	right: 0;
	background-color: #812C7B;
	padding:5px 16px;
	width: 50%;
	text-align: right;
}
.top-nav:before {
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	border-right: 17px solid #812C7B;
	border-top: 17px solid #812C7B;
	border-bottom: 17px solid transparent;
	border-left: 17px solid transparent
}
.top-nav-item {
	display: inline-block;
	padding:0 8px;
}
.top-nav-link {
	color: #fff;
	text-transform: uppercase;
	font-family: poppins, sans-serif;
	font-weight: 700;
}
.top-nav-social {
	color: #fff;
}
.top-nav-link svg {
	font-size: 1.1em;
}
.nav-link {
	text-transform: uppercase;
	color: #aaa;
	transition: color 0.25s;
	position: relative;
	margin:0 20px;
	font-family: poppins, sans-serif;
	font-weight: 700;
	font-size: 1.2em;
}
.nav-link::before, .nav-link::after {
  border: 2px solid transparent;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.nav-link::before {
  top: 0;
  left: 0;
}
.nav-link::after {
  bottom: 0;
  right: 0;
}
.nav-link:hover {
  color: #812C7B;
}
.nav-link:hover::before, .nav-link:hover::after {
  width: 100%;
  height: 100%;
}
.nav-link:hover::before {
  border-top-color: #812C7B;
  border-right-color: #812C7B;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.nav-link:hover::after {
  border-bottom-color: #812C7B;
  border-left-color: #812C7B;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.nav-link:hover {
  color: #812C7B;
}
.nav-link::after {
  top: 0;
  left: 0;
}
.nav-link:hover::before {
  border-top-color: #812C7B;
  border-right-color: #812C7B;
}
.nav-link:hover::after {
  border-bottom-color: #812C7B;
  border-left-color: #812C7B;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}

.ekko-lightbox-item img {
	width: auto !important;
	max-height: 100%;
}
.ekko-lightbox-item {
	text-align: center!important;
}
.ekko-lightbox-nav-overlay a{
	height: 100% !important;
}
.ekko-lightbox-nav-overlay{
	height: 100%;;
}
.UHUE {
	background-color: #379ECD;
	padding:30px 0;
	overflow: hidden;
}
.UHUE h3 {
	color: #fff;
	margin:0;
	font-family: Poppins, sans-serif;
	font-weight: 700;
}
.UE-Event {
    display: flex;
    align-items: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.UE-contain {
	display: inline-block;
	margin:auto;
}
.UE-date {
    background-color: #fff;
    display: inline-block;
    padding: 6px 8px;
    width: auto;
}
.UE-day {
    margin: 0;
    color: #379ECD;
    text-align: center;
    font-family: poppins, sans-serif;
    font-weight: 700;
    font-size: 39px;
    line-height: 33px;
}
.UE-month {
	margin:0;
	color: #379ECD;
	text-align: center;
	font-family: poppins, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 14px;
}
.UE-name {
	display: inline-block;
}
.UE-name p {
    margin: 0 0 0 20px;
    color: #fff;
    font-family: poppins, sans-serif;
    font-weight: 700;
    font-size: 1.3em;
}
.UE-EventInner {
}
.UpcomingEvents {
	text-align: center;
	position: relative;
	height: 100%;
	min-height: 60px;
}
.btn-common {
	color: #fff;
	padding:8px 12px;
	display: inline-block;
	font-family: poppins, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: inset 0px 0px 0px 2px #fff;
	position: relative;
	transition: color 0.25s;
}

.btn-common::before, .btn-common::after {
  border: 2px solid transparent;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.btn-common::before {
  top: 0;
  left: 0;
}
.btn-common::after {
  bottom: 0;
  right: 0;
}

.btn-common:hover::before, .btn-common:hover::after {
  width: 100%;
  height: 100%;
}
.btn-common:hover::before {
  border-top-color: #812C7B;
  border-right-color: #812C7B;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.btn-common:hover::after {
  border-bottom-color: #812C7B;
  border-left-color: #812C7B;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.btn-common::after {
  top: 0;
  left: 0;
}
.btn-common:hover::before {
  border-top-color: #812C7B;
  border-right-color: #812C7B;
}
.btn-common:hover::after {
  border-bottom-color: #812C7B;
  border-left-color: #812C7B;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}
.btn-common.bluebtn {
	box-shadow: inset 0px 0px 0px 2px transparent;
}
.bluebtn {
	background-color: #379ECD;
	transition:background-color ease 0.5s, color ease 0.5s;
}
.bluebtn.pinkbtn {
	background-color: #EA1E89
}
.bluebtn.btn-common:hover {
	color: #fff;
}
.bluebtn.btn-common:hover {
	color: #812C7B;
	background-color: #fff;
}
.AG-btn {
	border-top-color: #8A8C8E;
	border-right-color: #8A8C8E;
	box-shadow: inset 0px 0px 0px 2px #8A8C8E;
	color: #8A8C8E;
	width: 100%;
	text-align: center;
	cursor: pointer;
}


.UE-Btn {
	margin:auto;
}
.nav-link.mega-menu-toggle {
	padding:8px 15px !important;
	margin-right: 0;
	margin-left: 10px;
}
.mega-menu {
    position: absolute;
    width: 0%;
    height: 0%;
    top: 100%;
    right: 0;
    background-color: #eee;
    transform-origin:right top;
    transition:all ease 0.5s;
    overflow: hidden;
}
.mega-menu.mm-active {
	width:50%;
	height: 225px;;
}
.mm-item {
	width:50%;
	position: relative;
	text-align: center;
	padding:15px 0;
	float: left;
}
.mm-item a {
	display: inline-block
}
.mega-menu-toggle p {
    position: absolute;
    bottom: 1px;
    font-weight: 700;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 10px;
    text-align: center;
}
.FNewsletter {
	background-color: #379ECD;
	padding:30px 0;
}
.FN-txt {
	color: #fff;
	font-family: Poppins, sans-serif;
	font-weight: 700;
	margin:0;
	font-size: 1.75rem
}
.footerp1, .footerp2 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.footerp1 {
	background-color: #E7E8E8
}
.footerp2 {
	background-color: #2C3489
}
.flinks p {
	margin:0;
}
.flinks p a {
	color: #8A8C8E;
	font-family: Poppins, sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 700
}
.hourstitle p {
	color: #fff;
	font-family: Poppins, sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 8px;
}
.hourscontent p {
	color: #fff;
	margin:0;
}
.frightside {
    display: inline-block;
    margin: auto;
    text-align: left;
}
.bgdarkpurple {
	background-color: #2C3489
}
.copyrighttxt {
	color: #8A8C8E;
	text-align: center;
	padding:20px 0;
}
.copyrighttxt p {
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding-right: 10px;
}
.copyrighttxt img {
	display: inline-block;
	height: 30px;
}
.footerp1 img {
	margin-bottom: 15px;
	max-width: 280px
}
.fsocials p {
    font-size: 1.5em;
}
.fsocials p a {
	color: #EA1E89
}
.fsocials p a:hover {
	color: #2C3489
}
.img-responsive {
	max-width: 100%
}
#Welcome {
	padding:100px 0;
}
.Welcome-titlebox h2, .Welcome-titlebox h1 {
    text-transform: uppercase;
    color: #812C7B;
    font-size: 3em;
    padding: 15px 30px;
    margin: 0;
}
.Welcome-titlebox p {
    margin: 0;
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    color: #EA1E89;
    font-size: 1.7em;
    position: relative;
    background-color: #fff;
    top: 0;
    left: -40px;
    padding: 1px 0;
}
.Welcome-titlebox {
	border:8px solid #E7E8E8;
	padding:20px 0 0 0;
	position: relative;
    margin-bottom: 30px;
}
#Testimonial {
	padding:50px 0;
	background-color: #2C3489;
	margin-bottom: 0;
}
#Testimonial p {
	color: #fff;
	margin:0;
}
.testimonialtxt {
	max-width:600px;
	margin:auto;
}
.testimonialtxt p {
	text-align: justify;
}
.testimonialauthor {
	max-width: 600px;
	margin:auto;
}
#FExhibit {
	padding:70px 0;
	position: relative;
}
.section-overlay {
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.5);
}
#FExhibit .container {
	position: relative;
	z-index: 2;
}
.FExhibit-inner {
	border:8px solid #1B75BC;
	padding:50px 0;
}
.FE-1box {
	border-top: 8px solid #8A8C8E;
	border-right: 8px solid #8A8C8E;
	border-bottom: 8px solid #8A8C8E;
	position: relative;
    padding: 70px 0 0;
    margin-bottom: 20px;
}

.FE-title {
    text-transform: uppercase;
    color: #812C7B;
    font-size: 1.8em;
    padding: 15px 30px;
    margin: 0;
}
.FE-fancytxt {
    margin: 0;
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    color: #EA1E89;
    position: absolute;
    top: 20px;
    left: -40px;
    padding: 1px 0;
}
.fe-leftborder {
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height: 100%;
	overflow: hidden;
}
.fe-leftborder:before {
	content: "";
	position: absolute;
	left: 0;
	top:0;
    border-left: 8px solid #8A8C8E;
    height: 25px;
}
.fe-leftborder:after {
    content: "";
    position: absolute;
    left: 0;
    top: 58px;
    border-left: 8px solid #8A8C8E;
    height: 100%;
}
.FE-2box {
    background: #379ECD;
    padding: 50px 30px 20px;
}
.FE-2box ul p {
	color: #fff;
	margin-bottom: 12px;
}
.FE-2box ul {
	color: #fff;
}
.FE-2boxhold {
	position: relative;
	height: 0;
}
.CE-galitem-inner img {
	max-width: 100%;
	width: 100%;
}
.CE-galitem {
	padding:0;
}
.CE-galitem-inner {
	position: relative;
}
.CE-galoverlay {
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	transition: opacity ease 0.5s;
	cursor: pointer;
}
.CE-galoverlay:hover {
	opacity: 0;
}
.lastCE {
	background-color: #EA1E89;
	display: flex;
	cursor: pointer;	
}
.CE-fancy {
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	color: #fff;
}
.CE-title {
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
}
.CE-lasttxt h4 {
	font-size: 2.3em;
	margin:0;
}
.CE-lasttxt {
    display: inline-block;
    margin: auto;
    text-align: left;
}
.CE-gallery {
	overflow: hidden;
}
.CE-morebtn p {
	text-align: right;
	text-transform: uppercase;
	font-family: poppins, sans-serif;
	font-weight: 800;
	color: #fff;
	font-size: 1.2em;
}
.CE-morebtn {
	position: relative;
}
.CE-morebtn:after {
	content: "";
	height: 4px;
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	width:50%;
	background-color: #379ECD;
	margin:auto;
}
.donate {
	padding:50px 0;
	background-color: #2C3489;
	margin:100px 0;
}
.donate h3 {
	display: inline-block;
	color: #fff;
}
.donate .btn-common {
	float: right;
}
.common-heading h2 {
	font-weight: 500;
	color: #2C3489;
	text-transform: uppercase;
	font-size: 3em;
	margin:0;
	margin-bottom: 50px;
}
#hPrograms {
	position: relative;
	padding:100px 0;
}
#hPrograms .container {
	z-index: 2;
	position: relative;
}
.HP-col p {
	margin:20px 0 60px;
}
.HP-col h3 {
	color: #EA1E89;
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	margin:20px 0 0;
	text-align: center;
}
.HBlog {
	margin:100px 0;
}
.hblog-date h4 {
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	color: #EA1E89;
	margin-bottom: 0;
}
.hblog-numb {
	float: left;
	font-size: 4em;
}
.hblog-date {
	display: flex;
	align-items: center;
	margin:20px 0;
}
.hblog-month {
	font-size: 2.2em;
	margin-right: auto;
}
.hblog-day {
	margin-left: auto;
}
.hblog-txt h3 {
    font-weight: 100;
    font-size: 2em;
}
.hblog-txt h5 {
	font-weight: 100;
	font-size: 1.7em;
}
.hblog-more {
    width: 300px;
    text-align: right;
    text-transform: uppercase;
}
.hblog-more p {
    color: #212529;
    font-weight: 700;
    font-size: 1.2em;
}
.hblog-more p {
	position: relative;
}
.hblog-more p:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 170px;
    background-color: #379ECD;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.hblogviewall {
	padding:50px 0;
}
.VolunteerHome {
	padding:100px 0;
	position: relative;
}
.VolunteerHome > .container {
	position: relative;
}
.Volicon {
	text-align: center;
	color: #EE8A22;
	font-size: 9em;
}
.VolBtn {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.VolText h3 {
	text-align: center;
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    color: #EA1E89;
    margin-bottom: 20px;
}
.JoinCTA {
	background-color: #2C3489;
	padding:100px 0;
	margin:100px 0;

}
.JoinCTA h3 {
	color: #fff;
	margin:0;
}
.WebSponsors {
	background-color: #E7E8E8;
    padding-top: 15px;
    padding-bottom: 15px;
}
.websiteSponsors {
	margin:0 ;
}
.HomeHead {
	height: 70vh;
	background-color: #eee;
	margin-top: 100px;
}
.HomeSlide {
	width:100%;
	height: 100%;
	position: relative;
}
.HomeHead .owl-carousel, .HomeHead .owl-stage-outer, .HomeHead .owl-stage, .HomeHead .owl-item {
	height: 100%;
}
.HomeHead .owl-nav {
    position: absolute;
    top: 27%;
    left: 0;
    right: 0;
    height: 0;
    margin: auto;
    font-size: 100px;
}
.HomeHead .owl-nav button {
	height: 100px;
}
.HomeHead .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 0;
    color: #812C7B;
}
.HomeHead .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    color: #812C7B;
}
.HomeHead button, .HomeHead button span {
	outline: none;
}
.HomeHead .owl-carousel button.owl-dot {
	border: 2px solid #812C7B;
	height: 15px;
	width:15px;
	border-radius: 100%;
	margin:0px 4px;
	transition: all ease 0.25s
}
.HomeHead .owl-dots {
	text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 5px;
}
.HomeHead .owl-carousel button.owl-dot.active {
	background-color: #EA1E89;
}
.HS-Inner {
    position: absolute;
    left: 8%;
    right: 8%;
    top: 8%;
    bottom: 8%;
}
.SlideBox {
    background-color: rgba(85, 85, 85, 0.7);
    max-width: 500px;
    height: auto;
    position: absolute;
    width:100%;
    left:0;
    bottom: 0;
}
.SB-inner {
    position: relative;
    padding:20px;
	border: 5px solid;
    border-image: linear-gradient(to bottom right, 
    	#379ECD 12.5%, 
    	#1B75BC 12.5%, 
    	#1B75BC 25%, 
    	#2C3489 25%, 
    	#2C3489 37.5%, 
    	#812C7B 37.5%, 
    	#812C7B 50%,
    	#EA1E89 50%,
    	#EA1E89 62.5%,
    	#BF202f 62.5%,
    	#BF202f 75%,
    	#EF432B 75%,
    	#EF432B 87.5%,
    	#EE8A22 87.5%) 1;
}
.SB-inner h2 {
    margin-bottom: 5px;
    color: #fff;
}
.SB-inner p {
	color: #fff;
}
.HS-btn {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.Header {
    height: 50vh;
    background: #eee;
    margin-top: 100px;
   	display: flex;
    align-items: center;
}
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #fff;
    box-shadow: 0px 0px 2px #eee;
}
.Header h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 3.8em;
}

.Mission {
    margin: 100px 0;
    padding: 50px 50px 50px 100px;
    position: relative;
}
.Mission:after {
	content: "";
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width:50px;
	background-color: #812C7B
}
.Mission h2 {
	font-weight: 100;
}
.Mission h4 {
	color: #EA1E89;
	font-weight: 100;
}
.MissionSpan1 {
	font-family: Libre Baskerville, sans-serif;
	font-style: italic;
	font-size: 1.2em;
}
.MissionSpan2 {
	font-family: Libre Baskerville, sans-serif;
	font-style: italic;
	font-size: 1.2em;
}
.MissionTxt {
	margin-left: 10%;
	max-width: 780px;
}
.Mh4-2 {
	padding-left: 10%;
	text-indent: 50px
}
.Mh4-3 {
	text-align: right;
}
.VolunteerCTA {
	background-color: #379ECD;
	padding:30px 0;
	margin: 0 0 100px;
}
.VolunteerCTA h3 {
	color: #fff;
	margin:0;
}
.TMpic img {
	border-radius: 100%;
	border:1px solid #812C7B;
}
.TMtxt h5 {
	font-weight: 200
}
.TMtxt h4 {
	font-family: Libre Baskerville, sans-serif;
	font-style: italic
}
.MemberInfo {
	margin-bottom: 80px;
}
.ABlinks {
	padding:100px 0;
	margin:150px 0;
}
.CalendarSec {
	margin:150px 0
}
.CalKey p {
	display: inline-block;
    margin-right: 30px;
    padding-right: 30px;
    position: relative;
}
.CalKey {
	margin-top: 15px;
	text-align: center;
}
.CalKey p:after {
	content: "";
	position: absolute;
	top:0;
	right: 0;
	height: 24px;
	width:24px;
	border-radius: 100%
}
.CalKey1:after {
	background-color: #EE8A22
}
.CalKey2:after {
	background-color: #EA1E89
}
.CalKey3:after {
	background-color: #2C3489
}
.CalKey4:after {
	background-color: #1B75BC
}
.CalKey5:after {
	background-color: #47e447
}
.CalKey6:after {
	background-color: #f7fc40
}
.CalKey3a:after {
	background-color: #BF202f
}
.CalKeytop {
    float: left;
    margin-top: 6px;
    margin-right: 30px;
    margin-bottom: 20px;
    width: 100%;
}
.CalKeytop p {
	margin-bottom:0;
}
.EventList {
	padding:150px 0;
}
.outside-month.has-events .date-events {
	opacity: 0.5;
}
.EL-event {
	background-color: #E7E8E8;
	margin-bottom: 50px;
}
.EL-icon {
	display: inline-block
}
.EL-cat p {
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    color: #8A8C8E;
    margin-bottom: 8px;
}
.EL-icons {
	margin-bottom: 4px;
}
.EL-icon {
	text-transform: uppercase;
	margin-right: 20px
}
.EL-icon svg {
	color: #379ECD
}
.elline {
    width: 110px;
    height: 20px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
.elline:after {
	content: "";
	position: absolute;
	top: 9px;
	left:0;
	height: 2px;
	width:100%;
	background-color: #379ECD
}
.EL-btn p {
	display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
}
.EL-btn {
	display: inline-block;
}
.EL-btn a {
    display: flex;
    align-items: center;
}
.EL-txtbox h3 {
	margin-bottom: 0;
	width: calc(100% - 65px);
}
.EL-txtbox {
	position: relative;
	padding: 37px 15px 30px;
	height: 100%
}
.EL-ticketbtn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #EA1E89;
    padding:3px 7px;
}
.EL-ticketbtn p {
	margin-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 800
}
.EL-DateBox p {
	margin:0;
}
.EL-DateBox {
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
}
.EL-DateBoxin {
	background-color: #379ECD;
}
.EL-day {
	color: #fff;
    font-size: 32px;
    margin-bottom: -14px;
    padding: 0 15px;
}
.EL-month {
	color: #fff;
	text-transform: uppercase;
}
.EL-day p, .EL-month p {
	font-weight: 800
}
.EL-ticketslink p {
    color: #EA1E89;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    margin-top: 2px;
}
.EL-img {
    min-width: 100%;
    max-width: none;
    height: 100%;
    min-height: 300px;
    border:1px solid #E7E8E8;
}
.EL-input {
    width: 100%;
    padding: 10px;
}
.ELC-left p {
    background-color: #EA1E89;
    color: #fff;
    width: 40px;
    height: 40px;
    padding: 4px 6px;
    font-size: 23px;
    font-weight: 800;
    text-align: center;
}
.ELC-left {
	display: inline-block;
}
.ELC-right {
	display: inline-block;
}
.ELC-right p {
    font-size: 1.4em;
    color: #8A8C8E;
    margin:0 0 0 15px;
}
.ELC-title h3 {
	margin-top: 50px;
	font-family: Libre Baskerville, sans-serif;
	font-style: italic;
	color: #EA1E89;
    font-size: 2.2em;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid #E7E8E8;
}
.ELC-btn {
	margin-bottom: 15px
}
.Ev-head {
	padding: 200px 0 25px;
	background-color: #379ECD;
}
.Ev-head h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500
}
.EventInfo {
	margin:150px 0;
}
.EventDate {
    display: inline-block;
    background-color: #379ECD;
    width: auto;
    padding: 4px 10px;
    margin: 6px 0 15px;
}
.EventDate p {
	color: #fff;
	font-weight: 800;
	text-transform: uppercase;
}
.EventDay {
    font-size: 47px;
    text-align: center;
    margin-bottom: -19px;
    margin-top: -7px;
}
.EventMonth {
    margin-bottom: 0;
    text-align: center;
    font-size: 20px;
}
.EventText h2, .EventText h3 {
	color: #8A8C8E;
	text-transform: uppercase;
}
.EventText {
}
.EventSignup {
    margin: 0 0 0px;
    background-color: #767BB2;
    padding: 30px 0;
}
.fancyheading h2 {
	font-family: Libre Baskerville, sans-serif;
	font-style: italic;
	color: #EA1E89;
	text-align: left;
	margin-bottom: 50px;
}
.UpCEvents {
	margin:0 0 150px;
}
.ClassesIntro {
	margin:0 0;
}
.CItxt {
	text-align: center;
}
.Classes {
	margin:0 0 150px;
	padding-top: 150px;
}
.Classes .EL-DateBoxin {
	background-color: #812C7B
}
.Classes .EL-ticketslink p {
	color: #379ECD;
	text-align: right;
	margin-right: 5px;
}
.Classes .EL-ticketbtn {
	background-color: #379ECD
}
.Classes .EL-icon svg {
	color: #812C7B
}
.Classes .elline:after {
	background-color: #812C7B
}
.Classes .ELC-title h3 {
	color: #379ECD
}
.Classes .ELC-left p {
	background-color: #379ECD
}
.navbar-brand img {
	height:75px;
}
.HoursSide {
	width:0;
	height: 100%;
	position: fixed;
	top:0;
	right: 0;
	background-color: #FCB040;
	z-index: 99999;
	transition: all ease 0.5s;
}
.HoursOn.HoursSide {
	width:360px;

}
.HoursInner {
    width: 360px;
    padding: 60px 50px 30px;
    height: 110%;
    color: #fff;
    position: relative;
    top:-5%;
    background-color: #379ECD
   /* box-shadow: 
    inset 40px 0 20px #379ECD, 
    inset 80px 0 20px #1B75BC, 
    inset 120px 0 20px #2c3489, 
    inset 160px 0 20px #812C7B, 
    inset 200px 0 20px #EA1E89, 
    inset 240px 0 20px #BF202f, 
    inset 280px 0 20px #EF432B, 
    inset 320px 0 20px #EE8a22;*/
}
.HoursSide:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width:5px;
	height: 100%;
	background-color: #EE8A22
}
.HourDay {
	margin:0;
	color: #fff;
    font-weight: 800;
}
.HourTime {
	font-weight: 800;
    font-size: 1.3em;
    margin-bottom: 30px;
    margin-top: -5px;
}
.HoursInner h2 {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff;
}
.overflowhide {
	overflow: hidden;
}
.CloseHours {
    position: absolute;
    top: 40px;px;
    right: 20px;
    font-size: 35px;
    cursor: pointer;
    transition: color ease 0.25s;
}
.CloseHours:hover {
	color: #812C7B
}
.HoursOn .CloseOut {
	position: absolute;
	right: 100%;
	width:100vw;
	height: 110vh;
	top:-5vh;
	background-color: rgba(255,255,255,0.6);
}
.CloseOut {
	background-color: transparent;
	transition: all ease 0.5s;
}
.HoursBtn {
	color: #fff !important;
	cursor: pointer;
}
.HoursBtn:hover {
	color: #379ECD !important
}
.mega-menu-toggle {
	color: #aaa !important
}
.BlogPostList .HBlog-post {
	margin-bottom: 150px;
}
.BlogPosts {
	margin:150px 0;
}
.Blog-recentthumb h4 {
	color: #8A8C8E;
	font-size: 1.05em
}
.Blog-recentthumb h5 {
	color: #8A8C8E;
	font-size: 1.05em
}
.Blog-recentthumb {
	margin-bottom: 30px;
}
.BlogPost {
	margin:150px 0 0;
}
.BlogPostList .hblog-day {
	margin-left: 0;
}
.BRM-btn p {
    margin: 0;
    text-transform: uppercase;
    color: #8A8C8E;
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
}
.BRM-bfore {
	height: 2px;
	display: inline-block;
	vertical-align: middle;
	width:50px;
	background-color: #379ECD;
}
.blog-gal {
	position: relative;
}
.blog-gal.owl-carousel .owl-nav {
	display: unset;
}
.blog-gal .owl-nav .owl-prev {

}
.blog-gal .owl-nav .owl-next {
	
}
.BP-gallery {
	margin-bottom: 150px
}
.BP-pic {
	position: relative;
}
.BP-pic img {
	cursor: pointer;
}
.BP-overlay {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	left: 0;
	margin:auto;
	width:100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
	transition: all ease 0.25s
}
.BP-overlay:hover {
	background-color: transparent;
}
.ExS-item {
	display: inline-block;
	max-width: 300px;
	margin:auto;
	padding:15px;
}
.ExhibitSponsors {
	margin:0 0 100px;
}
.centerCTA {
	background-color: #379ECD;
	padding:50px 0;
	margin-bottom: 150px;
}
.centerCTA p {
	color: #fff;
}
.centerCTA-inner {
	text-align: center;
	max-width: 500px;
	margin:auto;
}
.UpcomingExhibits {
	margin-bottom: 150px;
}
.UpCE-txt h3 {
	font-weight: 100;
}
.UpCE-txt h4 {
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	color: #EA1E89;
}
.hblog-more.UpCE-more {
	width:240px;
}
.hblog-more.UpCE-more p {
	margin-bottom: 0;
}
.UpCE {
	margin-bottom: 50px;
}
.centerCTA.purpleCTA {
	background-color: #2C3489
}
.RentalInfo {
	position: relative;
}
.FE-Main {
    text-transform: uppercase;
    color: #812C7B;
    font-size: 2.9em;
    padding: 0px 30px 15px;
    margin: 0;
}
.FE-liltitle {
	font-size: 1.3em;
}
.FE-liltitle .FE-fancytxt {
	top:28px;
}
.ContactColumns {
	margin:150px 0;
}
.CC-icon {
    font-size: 3.5em;
    color: #EE8A22;
    margin-bottom: 20px;
}
.ContactCol h2 {
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    color: #EA1E89;
}
.ContactCol p {
	margin-bottom: 5px;
}
.ContactForm {
	margin:100px 0;
}
.CF-input input {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border:1px solid #ddd;
}
.CF-textarea textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    height: 168px;
    border:1px solid #ddd;
}
.CF-input .CF-submit {
    background-color: #379ECD;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #379ecd;
    cursor: pointer;
    font-weight: 900;
    letter-spacing: 1px;
    transition: all ease 0.25s;
}
.CF-input .CF-submit:hover {
	background-color: #fff;
	color: #379ECD
}
.Gmap #map {
    height: 300px;
    margin-bottom: 150px;
}
.pagination li.active {
	background-color: #EA1E89;
    color: #fff;
}
.pagination li.active a {
	color: #fff;
}
.pagination li {
    background-color: #fff;
    color: #EA1E89;
    border:1px solid #EA1E89;
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px;
    transition: all ease 0.25s;
}
.pagination li a {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #EA1E89;
    font-size: 1.5em;
    font-weight: 900;
    transition: all ease 0.25s;
}
.searchTrig {
	cursor: pointer;
}
.UpCEvents.Classes {
	padding-top: 0;
}
#StaffMembers {
	padding-top: 100px;
}
.nav-mobile-socials a {
    color: #aaa;
    font-size: 2.5em;
    margin:auto;
}
.nav-item.nav-mobile-socials {
    margin-top: 15px;
    width: 100%;
    text-align: center;
    align-items: center;
}
.mega-menu-toggle {
	cursor: pointer;
}
.otherdonations {
	margin-bottom: 30px;
}
.Donations {
	margin:150px 0 70px;
}

.UE-Event .UE-date, .UE-Event .UE-name {
	opacity: 0;
}
#Footer {
	position: relative;
	background-color: #E7E8E8;
	overflow: hidden;
}
.footerdown {
	background-color: #fff;
}
.footerup .bgdarkpurple {
	position: relative;
}
.footerup .bgdarkpurple:before {
	content: "";
	background-color: #2C3489;
	position: absolute;
	left: 100%;
	height: 100%;
	top:0;
	width: 100%;
}
.History {
	margin:100px 0;
}
.BackTxt {
    text-transform: uppercase;
    color: #812C7B;
    font-size: 1.5em;
    font-weight: 900;
}
.HistoryTxt h2 {
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    color: #EA1E89;
}
.VolIcon {
    color: #EE8A22;
    font-size: 9em;
}
.Voluntxt h2 {
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    color: #EA1E89;
}
.VolunBlue .Voluntxt h2 {
	color: #fff;
}
.VolunBlue .VolIcon {
	color: #fff;
}
.VolunBlue p {
	color: #fff;
}
.VolunteerS {
	padding:100px 0;
}
.VolunteerS.VolunBlue {
	background-color: #379ECD
}
.GalArchive {
	margin:0 0 150px 
}
.modal {
    z-index: 100000;
}
.modal-backdrop {
	z-index: 99999;
}
.ekko-lightbox-nav-overlay {
	display: flex !important
}
.NoExhibits {
	margin:150px 0;
}
.NoExhibits h2 {
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    color: #EA1E89;
}
.AboutLink {
	color: #812C7B
}
.JoinMember .FE-title {
	font-size: 3em;
}
.toursbtn {
	color: #fff !important;
	cursor: pointer;
}
.close-mm {
	transition: background ease 0.25s;
}
.mm-active .close-mm {
    position: fixed;
    right: 0;
    top: 101px;
    height: 100vh;
    width: 100vw;
    background: rgba(255,255,255,0.4);
}
.modalBtn {
	color: #fff !important;
	cursor: pointer;
}
.VolText {
	padding-bottom: 40px;
}
.btn-common.JoinModalBtn {
	color: #fff !important;
	cursor: pointer;
}
.AboutLinkHeading {
	padding-top: 20px;
}
.AboutLinkHeading a {
	color: #EA1E89
}
.NewsLForm input {
    width: 100%;
    padding: 10px;
    border: 2px solid #2C3489;
}
.NewsLSubmit {
    margin-top: 20px;
    text-align: right;
}
.NewsLSubmit input {
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #379ecd;
    cursor: pointer;
    font-weight: 900;
    letter-spacing: 1px;
    transition: all ease 0.25s;
}
.NewsLSubmit input:hover {
    background-color: #fff;
    color: #379ECD;
}
.otherdonations input {
	max-width: 175px;
}
.donateMembership table {
	margin:auto auto 20px;
}
.donateMembership input {
	max-width: 175px;
}
.joinPPbtn input {
	max-width: 175px;
}
.joinPPbtn form {
	text-align: center;
}
.joinPPbtn table {
	margin:auto auto 20px;
}
.EL-btn:hover .elline {
	width:130px;
}
.elline {
	transition: all ease 0.25s;
}
.EventSignup h2 {
	color: #fff;
}
.ekko-lightbox-container .ekko-lightbox-nav-overlay a {
	opacity: 0.5;
}
.ekko-lightbox-container .ekko-lightbox-nav-overlay a span {
	color: #EA1E89
}
.btnFix {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.HP-col {
	position: relative;
}
.ToursCTA.centerCTA {
	margin-bottom: 0;
}
.UpcomingExhibits {
	padding-top: 150px;
}
.ekkoheader.modal-header.hide {
    background-color: transparent;
    height: 0;
    border: none;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 3;
}
.ekkoheader.modal-header.hide button.close {
    background: rgba(0,0,0,1);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    padding: 0;
    text-align: center;
    border-radius: 0 4px 0 5px;
}
.ekkoheader.modal-header.hide button.close span {
    color: #fff;
    margin: auto;
    line-height: 40px;
    font-size: 30px;
    height: 40px;
}
.ekko-lightbox-nav-overlay a:first-child span {
    background: linear-gradient(to right, rgba(0,0,0,0.9) 40px, rgba(0,0,0,0) 40px);
    padding-left: 10px;
    color: #fff;
}
.ekko-lightbox-nav-overlay a:last-child span {
    background: linear-gradient(to left, rgba(0,0,0,0.9) 40px, rgba(0,0,0,0) 40px);
    padding-right: 10px;
    color: #fff;
}
.DOE-img {
    height: 0;
    width: 100%;
    border-radius: 100%;
    border: 1px solid #812C7B;
    padding-bottom: 100%;
}
#DirectorOfEducation {
	margin:100px 0 50px;
}
.DOE-txt h2 {
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    color: #EA1E89;
    font-size: 1.4em;
    margin: 0;
}
.DOE-txt h3 {
    text-transform: uppercase;
    color: #812C7B;
}
.EL-DB {
	padding: 2px 8px 1px;
    color: #fff;
    text-transform: uppercase;
}
.EL-DB p {
	font-weight: bold;
	font-size: 1.2em;
}
.MeetTeacher {
	margin-bottom: 100px;
}
.printableCal {
    text-align: center;
    margin: 50px 0;
}
.printableCal h3 {
	font-family: Libre Baskerville, sans-serif;
	font-style: italic;
	color: #EA1E89
}
.EL-sponsor {
	position: absolute;
    bottom: 0;
    left: 15px;
    right: 0;
    background: #fff;
    text-align: center;
    border:1px solid #E7E8E8;
}
.EL-sponsor p {
    margin: 0;
    font-weight: bold;
}
.SF-label label {
	color: #379ECD;
	font-weight: bold;
	margin:0;
}
.SF-group {
	margin-bottom: 15px;
}
.SF-group input {
    width: 100%;
    border: 2px solid #812C7B;
    padding: 5px 10px;
    border-radius: 10px;
}
.SF-group textarea {
	width:100%;
	border:2px solid #812C7B;
	padding:5px 10px;
	border-radius: 10px;
}
.SF-submit input {
	cursor: pointer;
}
.EL-sponsor a {
	color: #812C7B;
}
.SponsorModal h5 {
	color: #812C7B;
}
.EP-Sponsor h4 {
	margin:0;
}
.EP-Sponsor h5 {
	color: #812C7B
}
.EP-Sponsor {
	margin:15px 0;
}
.EventInfo .EP-Sponsor img {
 	margin-bottom: 0;
}
.VolList {
    background-color: #379ECD;
    padding: 15px;
    color: #fff;
}
.Volitem {
	position: relative;
}
.Volitem:after {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 9px;
    height: 5px;
    width: 5px;
    border-radius: 100%;
}
.Volitem p {
	padding-left: 10px;
}
.VolIntro h2 {
    font-weight: 500;
    color: #2C3489;
    text-transform: uppercase;
    font-size: 3em;
    margin: 0;
    margin-bottom: 50px;
}
#Vol {
	margin:100px 0;
}
.VolList h3 {
	margin-bottom: 15px;
}
#VolForm {
	margin:0 0 100px;
}
#VolForm h2 {
    font-weight: 500;
    color: #2C3489;
    text-transform: uppercase;
    font-size: 3em;
    margin: 0;
    margin-bottom: 50px;
}
.vcb-group {
    position: relative;
    height: 42px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.vcb-group label {
    width: 100%;
    position: absolute;
    left: 0;
	padding: 10px 10px 10px 30px;
    background-color: #379ECD;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.vcb-group input {
	position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
    bottom: 0;
    margin: auto;
}
.VolGroup input {
    width: 100%;
    border: 2px solid #812C7B;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 1.2em;
}
.VolGroup textarea {
    width: 100%;
    border: 2px solid #812C7B;
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 1.2em;
    margin-top: 10px;
}
.VolGroup {
    margin-bottom: 15px;
}
.VolSubmit {
	text-align: center;
}
.VolSubmit input {
	border:2px solid #379ECD;
	cursor: pointer;
}
.CompetitionSignUp {
    background: #812C7B;
    color: #fff;
    padding: 50px 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 150px;
}
#FAQ {
	margin-bottom: 150px;
}
.FAQitem {
      margin: 0 0 25px;
}
.FAQitem h3 {
    color: #EA1E89;
    font-size: 1.5em;
}
.CE-list {
	margin-bottom: 150px;
}
.FAQmodaltitle {
	color: #EA1E89
}
.FounderInfo h4 {
	color: #EA1E89;
	font-family: Libre Baskerville, sans-serif;
	font-style: italic;
}
.FounderPortrait p {
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    font-size: 0.9em;
}
.DOE-txt p {
	position: relative;
	margin:0;
}
#DirectorOfEducation p:after {
	content: "";
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	background:linear-gradient(to top, #fff 15px, rgba(0,0,0,0));
	background:-webkit-linear-gradient(bottom, #fff 15px, rgba(255,255,255,0.001));
}
.DOE-modalHead h5 {

    text-transform: uppercase;
    color: #812C7B;
}
.DOE-modalHead h5 span {
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    color: #EA1E89;
    font-size:0.8em;
    margin: 0;
    text-transform: initial;
}
.PurchaseInfo {
	margin-bottom: 150px;
}
.PurchaseInfo h3 {
	font-family: Libre Baskerville, sans-serif;
	font-style: italic;
	color: #EA1E89;
}
.navbar-toggler-icon {
	font-size: 1.6em;
    color: #aaa;
}
.MobileCal {
	margin:100px 0
}
.MC-Events {
	border:2px solid #379ECD;
    padding: 0 10px 0 10px;
}
.MCday {
    margin: 0;
    width: 60px;
    text-align: center;
    color: #666;
    padding: 0 5px;
}
.MCtitle {
	margin:0;
	color: #666;
	border-left:1px solid #666
}
.MCEvent {
	display: flex;
	align-items: center;
	margin:10px 0;
    padding: 7px 0px;
    border-width: 3px !important;
    border-radius: 3px;
}
.MC-Events>a {
	display: none;
}
.MC-Events>a.MC-Active {
	display: unset;
}
.MC-month {
    background: #379ECD;
    border-radius: 5px 5px 0 0;
    text-align: center;
    padding: 10px 0;
}
.MC-month h3 {
	color: #fff;
}
.MC-datebtns button {
    background: transparent;
    border: none;
    width:31%;
}

.MC-c-Art {
	background-color:#fce7d4;
	border-left: 2px solid #EE8A22;
}
.MC-c-Music {
	background-color: #fce3ef;
	border-left: 2px solid #EA1E89;
}
.MC-c-Theatre {
	background-color: #e7e8f0;
	border-left: 2px solid #2C3489;
}
.MC-c-Competitions {
	background-color: #f4dbde;
	border-left: 2px solid #BF202f;
}
.MC-c-Community.Event {
	background-color: #ebf2f8;
	border-left: 2px solid #1B75BC;
}
.MC-c-Class {
	background-color: #f0fcf0;
	border-left: 2px solid #47e447;
}
.MC-c-Gallery {
	background-color: #fbfcd3;
	border-left: 2px solid #f7fc40;
}
.MCKey {
    padding: 3px 5px;
    color: #666;
    margin: 5px 0;
}
.MC-keys {
    border: 2px solid #379ECD;
    border-top: none;
    padding: 5px 0;
}
.MC-keys h4 {
	text-align: center;
    font-family: Libre Baskerville, sans-serif;
    font-style: italic;
    color: #EA1E89;
    margin-top: 10px;
}
.MC-noevents p {
	margin: 0;
}
.MC-noevents {
    border: 2px solid #379ECD;
    text-align: center;
    padding: 20px 0;
    display: none;
}
.MC-noevents.MC-Active {
	display: block;
}
.PurchaseInfo.MemberPurchase {
    margin-top: 150px;
    margin-bottom: 0;
}
.EL-ticketslink p {
	text-align: right;
	padding-right: 8px
}
.FExhibit-inner .btn-common {
	width:134px;
	text-align: center;
	margin-bottom: 5px;
	width: 100%;
	display: block;
}
.AboutCTA {
    background-color: #379ECD;
    padding: 30px 0;
   	margin-bottom: 50px;
}
.hpot {
	height: 0;
	width: 0;
	overflow: hidden;
}
.WebSponsors.WebSponsors2 {
	background-color: #fff
}
.commonHeading2 {
	margin-top: 40px;
}
.commonHeading2 h2 {
	margin-bottom: 5px;
	text-align: center;
	font-size: 2.1em;
}
.WebSponsors2 .col-lg-2.mx-auto {
	padding-left: 30px;
	padding-right: 30px;
}
.WebSponsors2 .owl-nav {
	display: none;
}


















@media (min-width: 992px) {
	.modal-dialog{
		min-width: 680px;
	}
	.btn-common.JoinModalBtn:hover {
		color: #812C7B !important
	}
	a:hover {
		text-decoration: none;
		color: #379ECD
	}
	.btn-common:hover {
	  color: #812C7B;
	}


	.border-right-only-lg {
		border-right: 2px solid #8A8C8E
	}
	.center-col-md {
		display: flex;
		align-items: center;
	}
	.navbar-collapse {
		padding-top: 30px;
	}
	.FE-img {
		position: relative;
		right: 15px;
	}
	.brdr-right-blog {
		border-right: 2px solid #E7E8E8
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.footerup .bgdarkpurple:before {
		background:transparent;
	}
}
@media (max-width: 767px) {
	.VolunteerCTA h3 {
		text-align: center;
		margin-bottom: 15px;
	}
	.EL-sponsor {
		right: 15px;
	}
	.EL-DB {
		padding:7px 8px 5px;
	}
	.EL-txtbox {
		padding:47px 15px 30px;
	}
	.EL-DateBox {
		width:100%;
	}
	.FExhibit-inner .FE-fancytxt {
		font-size: 0.9em;
		white-space: nowrap;
	}
	.fsocials p {
		font-size: 3em;
	}
	.HoursBtn {
		color: #aaa !important
	}
	.nav-item {
	    width: 50%;
	    float: left;
	}
	.navbar-nav {
	    display: block;
	    width: 100%;
	}
	.FE-2box ul {
		padding-left: 5px;
	}
	.UHUE h3 {
		margin-bottom: 15px;
	}
	.UE-Btn {
		margin: 45px 0 0;
		text-align: center;
	}
	.donate .btn-common {
		float: none;
	}
	.donate h3 {
		margin-bottom: 20px;
	}
	.donate .container {
		text-align: center;
	}
	.top-nav {
		display: none;
	}
	.Welcome-titlebox p {
		left:-10px;
	}
	.Mission {
		padding:50px 20px 50px 40px;
	}
	.Mission:after {
		width: 20px;
	}
}
@media (max-width: 991px) {
	.EP-Sponsor {
		margin-bottom: 50px;
	}
	.btn-common:before, .btn-common:after, .nav-link:before, .nav-link:after {
		display: none !important;
	}
	


	.UpCE {
		margin-bottom: 75px;
	}
	.UpCE .col-lg-6 img {
		margin-bottom: 15px;
	}
	.EventList .pagination {
		margin-bottom: 50px;
	}
	.Classes .EL-categories {
		margin-bottom: 50px;
	}
	.EventInfo img {
		margin-bottom: 50px;
	}
	.footerp1 {
		text-align: center;
	}
	.HP-col {
		margin-bottom: 50px;
		text-align: center;
	}
	.navbar-nav .nav-link {
		text-align: center;
	}
	.ContactCol {
		margin-bottom: 50px;
	}
	.FE-fancytxt {
		left: -1px;
	}
	.FE-1box {
		margin-top: 20px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.top-nav {
		width:67%;
	}
	.navbar-nav {
		margin-top: 25px;
	}
	.nav-link {
		margin:0 5px;
	}
}
@media (max-width: 575px) {
	.DOE-img {
		margin-bottom: 15px;
	}
}
@media (max-width: 400px) {
	.FExhibit-inner .FE-title {
		font-size: 1.5em;
		white-space: nowrap;
	}
}
@media (max-width: 374px) {
	.FExhibit-inner .FE-fancytxt {
		font-size: 0.7em;
	}
}

.hblog-txt img{
	max-width:100%;
}
.owl-dots{
	text-align: center;
}
.owl-dot{
	height: 8px;
	width: 8px;
	background-color: #b5b5b5 !important;
	border-radius: 50%;
	margin: 0 12px !important;
}
.owl-dot.active{
	background-color: #4d4d4d !important;
}
.become-a-sponsor{
	text-align: center;
	padding: 20px 0 40px 0
}
.gift-shop-cta h3{
	font-size: 1.2em;
}