:root {
	--red: #da2c4d;
	--yellow: #f8ab37;
	--green: #2ecc71;
	--white: #0086ff;
	--grey-light: #f2f7f9;
	--grey: #0086ff;
	--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: 'poppinsregular'; color:#797d82}


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: #0086ff;
}

/* 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: #0086ff;
  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);
}


.lBlue{color:#0086ff}
.lBlueBack{background-color:#0086ff}

/*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: 'poppinssemibold'; font-size: 1rem;}
a.nav-link:visited {color: #fff; font-family: 'poppinssemibold'; font-size: 1rem;}
a.nav-link:hover {color: #fff; font-family: 'poppinssemibold'; font-size: 1rem;}
a.nav-link:active {color: #fff; font-family: 'poppinssemibold'; font-size: 1rem;}

a.whiteGold:link {color: #000;}
a.whiteGold:visited {color: #000;}
a.whiteGold:hover {color: #0086ff;}
a.whiteGold:active {color: #000;}

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

a.blueBold:link {color: #0086ff;}
a.blueBold:visited {color: #0086ff;}
a.blueBold:hover {color: #0086ff; font-weight: bold; text-decoration: underline}
a.blueBold:active {color: #0086ff;}


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

.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: #797d82;
  opacity: 1; /* Firefox */
}

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

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

/*Main CSS*/



h1, h2, h3{font-family: 'poppinsbold';}
h4, h5, h6{font-family: 'poppinsmedium';}



.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:#0086ff; font-size:1.875rem;}
.gold30{color:#0086ff; font-size:1.875rem; font-family: 'poppinsregular';}

.gold{color:#0086ff}

.dGrey{color:#797d82}

.handPointer{cursor:pointer}

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

.whiteButton{background:#fff; border:2px solid #fff;  color:#0086ff; border-radius: 0; padding:1rem; text-align: center; width:auto;  cursor: pointer; font-size: 1.5rem}
.whiteButton:hover{background:#0086ff; border:2px solid #fff;  color:#fff; border-radius: 0; padding:1; text-align: center; width:auto;  cursor: pointer; font-size: 1.5rem }

.blueButton{background:#0086ff; border:2px solid #0086ff;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; width:auto;  cursor: pointer}
.blueButton:hover{background:#fff; border:2px solid #0086ff;  color:#0086ff; border-radius: 0; padding:0.5rem; text-align: center; width:auto;  cursor: pointer }

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


.prime-padding-1{background-color:#0086ff; 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: 'poppinsmedium';}
.small-white-text{font-size:1rem; color:#fff; font-family:"itc-avant-garde-gothic-pro-regular";}

.small-gold-bold-text{font-size:1rem; color:#0086ff; font-family: 'poppinsmedium';}

.maroon{color:#0086ff;}

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



#footerBack{background-color:#f8f8f9;}

@media only screen  {	


}

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


}


	/*Small*/
	@media only screen {		



		#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; border-bottom: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 {padding-top:1rem;

			height: 100px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10;
			background-color:rgba(32,32,32,.5);
		}

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

		.menuBuffer{margin-top:100px}

		.white-padding-1{padding:0rem; padding-bottom:1rem;}
	
		


	}


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

		
		#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; border-bottom: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 {padding-top:1rem;
			height: 100px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:10;
			background-color:rgba(32,32,32,.5);
		}

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

		.menuBuffer{margin-top:100px}

		.white-padding-1{padding:0rem; padding-bottom:1rem;}
		


	}


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


		
		#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 {
padding-top:1rem;
			height: 100px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:100;
			background-color:rgba(32,32,32,.5);
		}

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

		.menuBuffer{margin-top:100px}

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

	}	
	

	/*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: 100px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:100;
			background-color:rgba(32,32,32,.5);
		}

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

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

		
	}


	/*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 {
            padding-top:0;
			height: 100px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:100;
			background-color:rgba(32,32,32,.5);
		}

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

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


	}

	/*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 {
            padding-top:0;
			height: 100px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:100;
			background-color:rgba(32,32,32,.5);
		}

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

		.menuBuffer{margin-top:100px}

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

	}

		

	/*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 {
            padding-top:0;
			height: 100px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:100;
			background-color:rgba(32,32,32,.5);
		}

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


	.menuBuffer{margin-top:100px}

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


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

	@media only screen and (min-width: 92em) {	
		
	}
	
	@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: #0086ff; /* Or a color you prefer */
}


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

.textStroke{text-shadow: -2px -2px 0 #0087ff, 2px -2px 0 #0087ff, -2px 2px 0 #0087ff, 2px 2px 0 #0087ff; color:#fff}

.boxShadow{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);}

.boxShadowLight{-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);}