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

body, html {font-family: 'poppinsregular'; color:#797d82}

h1, h2 {font-family: 'poppinsbold';}
h3, h4 {font-family: 'poppinssemibold';}
h5{font-family: 'poppinsregular';}
h6{font-family: 'poppinsthin'; letter-spacing: 6px}


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, nav.stroke ul li a:hover {
  color: #fff;
}

/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
  font-family: 'poppinsmedium';
}
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: #fff;
  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;

}


/*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:#92278f}
.lBlueBack{background-color:#92278f}

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

a.whiteGold:link {color: #000;}
a.whiteGold:visited {color: #000;}
a.whiteGold:hover {color: #92278f;}
a.whiteGold:active {color: #000;}

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

.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*/


.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:#92278f; font-size:1.875rem;}
.gold30{color:#92278f; font-size:1.875rem; font-family:'itc-avant-garde-gothic-pro-regular';}

.gold{color:#92278f}

.dGrey{color:#797d82}

.handPointer{cursor:pointer}

.primaryColor{color:#92278f}
.secondColor{color:#8dc73f}

.vertical-align{

display: flex;
align-items: center; /* align vertical */

}

.primaryColorBack{background-color:#8dc73f}

.greenLine{border-top:none; border-left:none; border-right:none; border-bottom: solid #8dc73f 2px;}

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

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

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

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


.prime-padding-1{background-color:#92278f; 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: 'poppinsregular';}

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

.maroon{color:#92278f;}

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

.serviceBox{background-color:#f8f8f9;}
.serviceBox:hover{background-color:#8dc73f}

.serviceButtonBox{background-color:#8dc73f; color:#fff}
.serviceButtonBox:hover{background-color:#92278f; color:#fff}

#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(149,39,143,.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(149,39,143,.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(149,39,143,.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(149,39,143,.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(149,39,143,.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(149,39,143,.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(149,39,143,.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:#8dc73f;
  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: #92278f; /* 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);}
