:root {
	--red: #da2c4d;
	--yellow: #f8ab37;
	--green: #2ecc71;
	--white: #029246;
	--grey-light: #f2f7f9;
	--grey: #029246;
	--black: #080808;
	--black-blue: #1f2029;
	--black-blue-light: #353746;
	--black-blue-light-2: #404255;
	--black-blue-light-3: #4b4d64;
	--black-light: #424455;
}

body, html, div, p, a {font-family: 'Source Sans Pro Regular'; color:#797d82}

html{background-color:#000;}

h1{font-family: 'Source Sans Pro Bold';}
h2{font-family: 'Source Sans Pro SemiBold';}

a[href^=tel] {
   text-decoration:inherit;
   color: inherit;
}

.container_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
} 

/* NAVIGATION */
nav {
  width: 100%;
  margin: 0 auto;
}
nav ul {
  list-style: none;
  text-align: center;
  margin-bottom: 0;
}
nav ul li {
  display: inline-block;
}
nav ul li a {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  color:#fff;
  font-size: 0.9375rem;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:visited{
	color:#fff;
}
nav ul li a:hover {
  color: #f15a24;
}

/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #f15a24;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

nav.fill ul li a {
  transition: all 2s;
}

nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
nav.fill ul li a:hover {
  color: #fff;
  z-index: 1;
}
nav.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}


.flex-center{

	display: flex;
    align-items: center;
    justify-content: center;

}


/* #Progress
================================================== */

.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: var(--grey);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'unicons';
	content: '\e84b';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--grey);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
body.light .progress-wrap {
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);
}
body.light .progress-wrap::after {
	color: var(--black-blue);
}
body.light .progress-wrap svg.progress-circle path {
	stroke: var(--black-blue);
}
.switch,
.circle {
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
} 
.switch {
	width: 80px;
	height: 4px;
	border-radius: 27px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	position: fixed;
	right: 50px;
	top: 75px;
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 1;
  z-index: 33333;
    transition: all 300ms linear;
}
.circle {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--black-blue-light-3);
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	animation: border-transform 10s linear infinite alternate forwards;
}
.circle:hover {
	box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}
.circle:before {
	position: absolute;
	font-family: 'unicons';
	content: '\eac1';
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	height: 40px;
	opacity: 1;
	color: var(--grey);
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.circle:after {
	position: absolute;
	font-family: 'unicons';
	content: '\eb8f';
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 100%;
	height: 40px;
	color: var(--yellow);
	opacity: 0;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.switched {
}
.switched .circle {
	left: 45px;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: var(--black-blue);
}
.switched .circle:hover {
	box-shadow: 0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}
.switched .circle:before {
	opacity: 0;
}
.switched .circle:after {
	opacity: 1;
}


/*Burger Bar Anim*/

.ico-btn{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
	height:36px;
  cursor: pointer;
  transition: all .20s ease-in;
  border-radius: 50%;
}

.ico-btn:hover{
  background-color: rgba(255, 255, 255, 0);
}

.ico-btn__burger,
.ico-btn__burger::before,
.ico-btn__burger::after{
  width: 20px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all .25s cubic-bezier(0.4, 0.0, 0.2, 1);;
}

.ico-btn__burger::before{
  content: '';
  position: absolute;
  transform: translateY(-6px);
}

.ico-btn__burger::after{
  content: '';
  position: absolute;
  transform: translateY(6px);
}

/* -------------------------------------------
**  ANIMATION 
============================================= */
.ico-btn.is-active .ico-btn__burger{
  background: transparent;
}

.ico-btn.is-active .ico-btn__burger::before{
  transform: rotate(-45deg);
}

.ico-btn.is-active .ico-btn__burger::after{
  transform: rotate(45deg);
}

.ico-btn.is-active{
  transform: rotate(360deg);
}




/*Mobile Nav*/
#nav-wrap, #hamburger{
	background-color:none; 
	color:#fff;
	text-align:center;
	}

#nav-wrap{width:100%;}

.nav{font-size:1rem;}

#main-nav{    
	list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	background-color:none; 
	padding:0; margin:0; 
	}

#main-nav{width:100%; display:none; background-color: rgba(0,0,0,1);}

#open-nav{cursor:pointer}
li{list-style: none}
#main-nav > li{text-align:center; display:block; list-style: none; color:#fff}
#main-nav > li a.nav-link:hover, li a.nav-link-child:hover{background-color:rgba(0,122,122,1); color:#fff; }

li a.nav-link-gChild:hover{background-color:#27a8b8; color:#fff; font-size: 1.5rem;}
li a.nav-link-gChild{color:#27a8b8; font-size: 1.5rem;}

#main-nav > li .nav-child-item{background-color:#000; color:#fff}

.nav-child{display:none; left:0; box-sizing:inherit; margin:0; padding:0; width:100%}
.nav-child-item{background-color:#000;}

.nav-link, .nav-link-child, .nav-link-gChild{width:100%; line-height:1rem; display:block; cursor: pointer}

a.nav-link:link {color: #fff; font-family:'itc-avant-garde-gothic-pro-medium'; font-size: 1rem;}
a.nav-link:visited {color: #fff; font-family:'itc-avant-garde-gothic-pro-medium'; font-size: 1rem;}
a.nav-link:hover {color: #fff; font-family:'itc-avant-garde-gothic-pro-medium'; font-size: 1rem;}
a.nav-link:active {color: #fff; font-family:'itc-avant-garde-gothic-pro-medium'; font-size: 1rem;}

a.whiteGold:link {color: #fff;}
a.whiteGold:visited {color: #fff;}
a.whiteGold:hover {color: #029246;}
a.whiteGold:active {color: #fff;}

a.maroonGold:link {color: #029246;}
a.maroonGold:visited {color: #029246;}
a.maroonGold:hover {color: #029246;}
a.maroonGold:active {color: #029246;}

.greyTextBox{background-color:#eeeeee; border:none;}

.opaqueTextBox{background-color:rgba(255,255,255,0.6); border:1px solid #fff;}



.roundedBox{background-color:#fff; border-radius: 1rem; padding: 1rem; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.24);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.24);}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

/*Main CSS*/

h1, h2, h3{font-family: 'Source Sans Pro Bold';;}
h4, h5, h6{font-family: 'Source Sans Pro SemiBold';}


h5.linesGold {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	color:#029246;
}

h5.linesWhite {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	color:#fff;
}

h5.linesGold:before, h5.linesGold:after {
    position: absolute;
    top: 40%;
    overflow: hidden;
    width: 50%;
    height: 2px;
    content: '\a0';
    background-color: #fe2b2e;
}



h5.lines {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	color:#029246;
}
h5.lines:before, h5.lines:after {
    position: absolute;
    top: 40%;
    overflow: hidden;
    width: 50%;
    height: 2px;
    content: '\a0';
    background-color: #029246;
}


h5.lines:before, h5.linesGold:before {
    margin-left: -50%;
    text-align: right;
}

h6.lines {
    position: relative;
	font-family: 'Source Sans Pro Bold';
    z-index: 1;
    overflow: hidden;
    text-align: center;
	color:#029246;
}
h6.lines:before, h6.lines:after {
    position: absolute;
    top: 40%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #029246;
}


h6.lines:before, h5.linesGold:before {
    margin-left: -50%;
    text-align: right;
}

.paraSpace{padding-top:1rem; padding-bottom:1rem}

.overlay, .overlay2 {

    position: absolute;
    width: 100%;
    height:auto;
    top: 0px;
    left: 0px;
    z-index: 10;
	color:#fff;
	text-align:center;
	
}

select.maroon{


  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2893, 0, 36%29'></polygon></svg>");
  
  font-size: 0.8rem;
}

.font-small{font-size:0.8rem}

.min-padding-x{padding-left:0.25rem; padding-right:0.25rem;}

.lGreyBackPad{padding: 0.9375rem; background-color: #eee;}

.maroon30{color:#029246; font-size:1.875rem;}
.gold30{color:#029246; font-size:1.875rem; font-family: 'Source Sans Pro Regular';}

.gold{color:#029246}

.dGrey{color:#797d82}

.handPointer{cursor:pointer}

.primaryButton{background:#029246; border:2px solid #029246;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; width:100%;  cursor: pointer}
.primaryButton:hover{background:#f15a24; border:2px solid #f15a24;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; width:100%;  cursor: pointer }

.secondaryButton{background:#f15a24; border:2px solid #f15a24;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; width:100%;  cursor: pointer}
.secondaryButton:hover{background:#029246; border:2px solid #029246;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; width:100%;  cursor: pointer }

.whiteButton{background:#fff; border:2px solid #fff;  color:#029246; border-radius: 0; padding:0.5rem; text-align: center; width:100%;  cursor: pointer}
.whiteButton:hover{background:#029246; border:2px solid #029246;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; width:100%;  cursor: pointer }



.prime-padding-1{background-color:#029246; padding:1rem;}
.no-border{border:none; background-color: #fff}
.grey-background{background-color:#e4e4e4}

.small-white-bold-text{font-size:1rem; color:#fff; font-family: 'Source Sans Pro SemiBold';}
.small-white-text{font-size:1rem; color:#fff; font-family:"itc-avant-garde-gothic-pro-regular";}

.small-gold-bold-text{font-size:1rem; color:#029246; font-family: 'Source Sans Pro SemiBold';}

.maroon{color:#029246;}

.maroonBackWhiteText{background-color:#029246; color:#fff; font-size:0.75rem; padding: .5rem; cursor: pointer}
.whiteBackMaroonText{background-color:#fff; color:#029246; font-size:0.75rem; padding: .5rem; cursor: pointer}
.greyBackMaroonText{background-color:#eee; color:#029246; font-size:0.75rem; padding: .5rem; cursor: pointer}

input.search[type="text"]{
	background: url("../img/mag-glass-24px-high.svg") no-repeat; background-repeat:no-repeat; background-size:auto; background-position:left center; background-color:#fff;
	margin-bottom:0; 
	padding-left:2.5rem;


}

#footerBack{background-color:#333333;}

@media only screen  {	


}

@media only screen and (min-width: 1000px) {	


}


	/*Small*/
	@media only screen {		


		#offMarket{background: url('../img/section-3-mobile.jpg') no-repeat;}
		#contactHeader{background: url('../img/contact-mobile-header.jpg') no-repeat;}

		#propertiesFooter{border-top:1px solid #fff; padding-top:2rem; padding-bottom:2rem;}
		#linksFooter{border-top:1px solid #fff; padding-top:2rem;}

		.overlay{margin-top:50%}
		.overlay2{margin-top:35%}

		.contactInfo{border-top:1px solid #fff;  padding-top:2rem; margin-top:2rem; padding-bottom:2rem; margin-bottom:2rem;}

		.mobileHeadLogo{margin-top:60%}
	
		.vhFix{padding-top:3rem; padding-bottom:3rem; height:auto}
		.hugeFont{font-size:1.75rem}
		.largeFont{font-size:1.15rem}
		#overlayText{margin-top: 45%}
		
		
		/*Sticky Hedaer*/
		header {
			
			height: 150px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10010;
			background-color:rgba(2,146,70,1);
		}

		.nav-up {
			top: -150px;
		}

		.menuBuffer{margin-top:150px}

		.white-padding-1{padding:0rem; padding-bottom:1rem;}
	
		.movingHomeBack{width:100%; background: url('../img/diamond-back-mobile.jpg') no-repeat; background-size:cover;  padding-top:0; padding-bottom:4rem;}
		


	}


	/*Small*/
	@media only screen and (min-width: 35.0625em) {	

		#offMarket{background: url('../img/section-3-mobile.jpg') no-repeat;}
		#contactHeader{background: url('../img/contact-mobile-header.jpg') no-repeat;}
		
		#propertiesFooter{border-top:1px solid #fff; padding-top:2rem; padding-bottom:2rem;}
		#linksFooter{border-top:1px solid #fff; padding-top:2rem;}
	
		.overlay{margin-top:40%}
		.overlay2{margin-top:32%}
	
		.contactInfo{border-top:1px solid #fff;  padding-top:2rem; margin-top:2rem; padding-bottom:2rem; margin-bottom:2rem;}
	
		.mobileHeadLogo{margin-top:55%}

		.vhFix{padding-top:3rem; padding-bottom:3rem; height:auto}
		.hugeFont{font-size:1.75rem}
		.largeFont{font-size:1.15rem}
		#overlayText{margin-top: 45%}
		
		
		/*Sticky Hedaer*/
		header {
			
			height: 150px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10010;
			background-color:rgba(2,146,70,1);
		}

		.nav-up {
			top: -150px;
		}

		.menuBuffer{margin-top:150px}

		.white-padding-1{padding:0rem; padding-bottom:1rem;}
		
		.movingHomeBack{width:100%; background: url('../img/diamond-back-mobile.jpg') no-repeat; background-size:cover;  padding-top:4rem; padding-bottom:4rem;}
		


	}


	/*Medium*/
	@media only screen and (min-width: 40.0625em) {


		#offMarket{background: url('../img/section-3.jpg') no-repeat;}
		#contactHeader{background: url('../img/contact-header.jpg') no-repeat;}
		
		#propertiesFooter{border-top:none; padding-top:0; padding-bottom:0;}
		#linksFooter{border-top:none; padding-top:0;}

		.overlay{margin-top:27%}
		.overlay2{margin-top:29%}
	
		.contactInfo{border:0; padding:0; margin:0}
	
		.mobileHeadLogo{margin-top:50%}

		.vhFix{padding-top:3rem; padding-bottom:3rem; height:auto}
		.hugeFont{font-size:2rem}
		.largeFont{font-size:1.4rem}
		#overlayText{margin-top: 45%}
		

		/*Sticky Hedaer*/
		header {
			
			height: 150px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10010;
			background-color:rgba(2,146,70,1);
		}

		.nav-up {
			top: -150px;
		}

		.menuBuffer{margin-top:150px}

		.white-padding-1{background-color:#fff; padding:1rem;}
		
		.movingHomeBack{width:100%; background: url('../img/diamond-back.jpg') no-repeat; background-size:cover; background-position:center center; padding-top:4rem; padding-bottom:4rem;}


	}	
	

	/*Medium*/
	@media only screen and (min-width: 45.0625em) {

		#propertiesFooter{border-top:none; padding-top:0; padding-bottom:0;}
		#linksFooter{border-top:none; padding-top:0;}
		
		.overlay{margin-top:22%}
		.overlay2{margin-top:26%}
	
		.contactInfo{border:0; padding:0; margin:0}
	
		.mobileHeadLogo{margin-top:50%}
	

		.vhFix{padding-top:3rem; padding-bottom:3rem; height:auto}
		.hugeFont{font-size:2.5rem}
		.largeFont{font-size:1.9rem}
		#overlayText{margin-top: 45%}
		
		
		/*Sticky Hedaer*/
		header {
			
			height: 150px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10010;
			background-color:rgba(2,146,70,1);
		}

		.nav-up {
			top: -150px;
		}

		.menuBuffer{margin-top:150px}
		
		.white-padding-1{background-color:#fff; padding:1rem;}

		.movingHomeBack{width:100%; background: url('../img/diamond-back.jpg') no-repeat; background-size:cover; background-position:center center; padding-top:4rem; padding-bottom:4rem;}
		

		
	}


	/*Large*/
	@media only screen and (min-width: 54.0625em) {

		#propertiesFooter{border-top:none; padding-top:0; padding-bottom:0;}
		#linksFooter{border-top:none; padding-top:0;}

		.overlay{margin-top:22%}
		.overlay2{margin-top:23%}

		.contactInfo{border:0; padding:0; margin:0}

		.vhFix{height:100vh}
		.hugeFont{font-size:3rem}
		.largeFont{font-size:2.4rem}
		#overlayText{margin-top: 25%}
		
		
		/*Sticky Hedaer*/
		header {
			
			height: 150px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10010;
			background-color:rgba(2,146,70,1);
		}

		.nav-up {
			top: -150px;
		}

		.menuBuffer{margin-top:150px}
		
		.white-padding-1{background-color:#fff; padding:1rem;}
		
		.movingHomeBack{width:100%; background: url('../img/diamond-back.jpg') no-repeat; background-size:cover; background-position:center center; padding-top:4rem; padding-bottom:4rem;}



	}

	/*Large*/
	@media only screen and (min-width: 64.0625em) {

		#propertiesFooter{border-top:none; padding-top:0; padding-bottom:0;}
		#linksFooter{border-top:none; padding-top:0;}

		.overlay{margin-top:17%}
		.overlay2{margin-top:20%}

		.contactInfo{border:0; padding:0; margin:0}

		.vhFix{height:100vh}
		.hugeFont{font-size:3rem}
		.largeFont{font-size:2.4rem}
		#overlayText{margin-top: 30%}
		
		
		/*Sticky Hedaer*/
		header {
			
			height: 150px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10010;
			background-color:rgba(2,146,70,1);
		}

		.nav-up {
			top: -150px;
		}

		.menuBuffer{margin-top:150px}

		.white-padding-1{background-color:#fff; padding:1rem;}
		
		.movingHomeBack{width:100%; background: url('../img/diamond-back.jpg') no-repeat; background-size:cover; background-position:center center; padding-top:4rem; padding-bottom:4rem;}
		

	}

		

	/*Large*/
	@media only screen and (min-width: 75em) {		

		#propertiesFooter{border-top:none; padding-top:0; padding-bottom:0;}
		#linksFooter{border-top:none; padding-top:0;}

		.overlay{margin-top:17%}

		.overlay2{margin-top:17%}

		.contactInfo{border:0; padding:0; margin:0}

		.vhFix{height:100vh}
		.hugeFont{font-size:3.6rem}
		.largeFont{font-size:3rem}
		
		#overlayText{margin-top: 35%}
		
		
		/*Sticky Hedaer*/
		header {
			
			height: 150px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10010;
			background-color:rgba(2,146,70,1);
		}

		.nav-up {
			top: -150px;
		}

		.movingHomeBack{width:100%; background: url('../img/diamond-back.jpg') no-repeat; background-size:cover; background-position:center center; padding-top:4rem; padding-bottom:4rem;}



	.menuBuffer{margin-top:150px}

	.white-padding-1{background-color:#fff; padding:1rem;}


	
	}
	
	
	@media only screen and (min-width: 82em) {	
		
	}

	@media only screen and (min-width: 92em) {	
		.overlay{margin-top:15%}

		.overlay2{margin-top:15%}
		
		#overlayText{margin-top: 33%}		
	}
	
	@media only screen and (min-width: 102em) {	
		
	}
	
	@media only screen and (min-width: 112em) {	
		
	}
	
#overlayBottom{position:absolute; bottom:2rem; width:100%}
#overlayMiddle{position:absolute; bottom:60%; width:100%}

li {
 display: block;
 transition-duration: 0.5s;
}

ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  display: none;
}

ul li ul li {
  clear: both;
display:inline-block;
  margin-left:25px;
  padding:10px;
  background-color:rgba(0,0,0,0.75);
  width:100%;
}

ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}



#news-slider .slick-slide {
  max-width: 100%; 
  transform: scale(0.85);
 }

#news-slider .slick-center{
  transform: scale(1);
  transition: transform 0.5s; 
}

ul.dsic {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin: 0;
}



ul.disc li::before {
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #029246; /* Or a color you prefer */
}


.shadow{text-shadow: 0 0 5px #000}

.close-button{color:#fff}
.close-button:hover{color:#f15a24}