body, html, div, p, a {font-family: 'montserratlight'; color:#000}

input[type=text], textarea, input:focus, textarea:focus{

    border:none;
    border-radius: 0;
    border-bottom: 1px #a8b7a3 solid; 
    background-color: transparent; 
    outline:none;
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    -webkit-appearance: none;
    box-sizing: border-box;
    -webkit-box-shadow:none;
    box-shadow:none;
}

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

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


/* -------------------------------------------
**  SOCIAL ANIMATION 
============================================= */

ul.social {

  margin:0;
  padding:0;
  display:flex;
}
ul.social li {
  list-style:none;
}
ul.social li a {
  display:block;
  position:relative;
  width:40px;
  height:40px;
  line-height:40px;
  font-size:16px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  margin: 0 15px 0 0;
  transition:.5s;
}
ul.social li a span {
  position:absolute;
  transition: transform .5s;
}
ul.social li a span:nth-child(1),
ul.social li a span:nth-child(3){
  width:100%;
  height:3px;
  background:#fff;
}
ul.social li a span:nth-child(1) {
  top:0;
  left:0;
  transform-origin: right;
}
ul.social li a:hover span:nth-child(1) {
  transform: scaleX(0);
  transform-origin: left;
  transition:transform .5s;
}

ul.social li a span:nth-child(3) {
  bottom:0;
  left:0;
  transform-origin: left;
}
ul.social li a:hover span:nth-child(3) {
  transform: scaleX(0);
  transform-origin: right;
  transition:transform .5s;
}

ul.social li a span:nth-child(2),
ul.social li a span:nth-child(4){
  width:3px;
  height:100%;
  background:#fff;
}
ul.social li a span:nth-child(2) {
  top:0;
  left:0;
  transform:scale(0);
  transform-origin: bottom;
}
ul.social li a:hover span:nth-child(2) {
  transform: scale(1);
  transform-origin: top;
  transition:transform .5s;
}
ul.social li a span:nth-child(4) {
  top:0;
  right:0;
  transform:scale(0);
  transform-origin: top;
}
ul.social li a:hover span:nth-child(4) {
  transform: scale(1);
  transform-origin: bottom;
  transition:transform .5s;
}

ul.social .facebook:hover {
  color: #5679c3;
}
ul.social .facebook:hover span { 
  background: #5679c3;
}
ul.social .twitter:hover {
  color: #1da1f2;
}
ul.social .twitter:hover span { 
  background: #1da1f2;
}
ul.social .instagram:hover {
  color: #c32aa3;
}
ul.social .instagram:hover span { 
  background: #c32aa3;
}
ul.social .tiktok:hover {
  color: #ff0050;
}
ul.social .tiktok:hover span { 
  background: #ff0050;
}
ul.social li a .twitter {
  color: #1da1f2;
}
ul.social li a:hover:nth-child(3) {
  color: #c32aa3;
}
ul.social li a:hover:nth-child(4) {
  color: #dd4b39;
}

/* -------------------------------------------
**  ARROW ANIMATION 
============================================= */

.round {
    position: absolute;
    border: 2px solid #674031;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    
}

.filter-brown{

    filter: invert(18%) sepia(9%) saturate(6810%) hue-rotate(341deg) brightness(54%) contrast(69%);
    
}

#cta{
    width:100%; cursor: pointer; position: absolute;
}

#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width: 12px; height: 12px; background-size: contain; top:12px;}
.segunda{margin-left: 8px;}
.next {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==');
}

@keyframes bounceAlpha {
  0% {opacity: 1; transform: translateX(0px) scale(1);}
  25%{opacity: 0; transform:translateX(10px) scale(0.9);}
  26%{opacity: 0; transform:translateX(-10px) scale(0.9);}
  55% {opacity: 1; transform: translateX(0px) scale(1);}
}

.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

.round:hover .arrow{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.round:hover .arrow.primera{
    animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-delay:0.2s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

/* -------------------------------------------
**  BUTTON ANIMATION 
============================================= */


body .btn-bg.bg-2 .btn-2 button {
  color: #fff;
  background: #674031;
  border: none;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
body .btn-bg.bg-2 .btn-2 button:hover {
  background: transparent;
  color: #674031;
}
body .btn-bg.bg-2 .btn-2 button:hover:before,
body .btn-bg.bg-2 .btn-2 button:hover:after {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  width: 100%;
}
body .btn-bg.bg-2 .btn-2 button:before,
body .btn-bg.bg-2 .btn-2 button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  width: 0px;
  height: 3px;
  background: #674031;
  transition: all 0.4s ease;
}
body .btn-bg.bg-2 .btn-2 button:after {
  top: inherit;
  left: inherit;
  bottom: 0;
  right: 0;
}


body .btn-bg.bg-3 .btn-3 button {
  color: #fff;
  background: #a8b7a3;
  border: none;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
body .btn-bg.bg-3 .btn-3 button:hover {
  background: transparent;
  color: #a8b7a3;
}
body .btn-bg.bg-3 .btn-3 button:hover:before,
body .btn-bg.bg-3 .btn-3 button:hover:after {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  width: 100%;
}
body .btn-bg.bg-3 .btn-3 button:before,
body .btn-bg.bg-3 .btn-3 button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  width: 0px;
  height: 3px;
  background: #a8b7a3;
  transition: all 0.4s ease;
}
body .btn-bg.bg-3 .btn-3 button:after {
  top: inherit;
  left: inherit;
  bottom: 0;
  right: 0;
}


.btn {
  margin: 0 auto 30px auto;
  display: block;
}

button {
  cursor: pointer;
  overflow: hidden;
  outline: none;
  color: #fff;
  position: relative;
  letter-spacing: 0.1em;
  font-weight: 400;
  padding: 1rem 3rem 1rem 3rem;
  text-transform: uppercase;
  font-family: 'montserratlight';
  font-size: 1.5em;
}
button a {
  text-decoration: none;
}

.slimButton{  padding: .75rem 1.25rem .75rem 1.25rem; margin-top:0.5rem; margin-bottom:0.5rem; width:100%}

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

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

a.white:link {color: #fff;}
a.white:visited {color: #fff;}
a.white:hover {color: #a8b7a3; text-decoration: underline}
a.white:active {color: #fff;}

a.sageSemi:link {color: #a8b7a3; font-family: 'montserratsemibold';}
a.sageSemi:visited {color: #a8b7a3; font-family: 'montserratsemibold';}
a.sageSemi:hover {color: #b46f58; font-family: 'montserratsemibold'; text-decoration: underline}
a.sageSemi:active {color: #a8b7a3; font-family: 'montserratsemibold';}



.shadow{text-shadow: 4px 3px 0 #cacaca;}
.shadowSmall{text-shadow: 2px 2px 0 #000;}
.shadowBlack{text-shadow: 4px 3px 0 #000;}

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

.vertical-align{

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

}

.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 {font-family: 'montserratbold';}

h2, h3{font-family: 'montserratlight';}

h4, h5, h6{font-family: 'montserratextralight';}



.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;
	
}

.roundShadow{

border-radius: 1rem;
-webkit-box-shadow: -1px 1px 5px 5px #ccc;
-moz-box-shadow: -1px 1px 5px 5px #ccc;
box-shadow: -1px 1px 5px 5px #ccc;
margin-bottom:1rem;
transition: all .2s ease-in-out;


}

.roundShadow:hover, .roundImg:hover {transform: scale(1.1)}

.roundImg{border-radius: 1rem; margin-bottom: 1rem; transition: all .2s ease-in-out;}

.primaryColor{color:#a8b7a3}
.secondColor{color:#ebdabf}
.thirdColor{color:#b46f58}
.fourthColor{color:#674031}

.primaryColorBack{background-color:#a8b7a3}
.secondColorBack{background-color:#ebdabf}
.thirdColorBack{background-color:#b46f58}
.fourthColorBack{background-color:#674031}

.creamBox{background-color: rgba(235,218,191,.25); padding:2rem;  }

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

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

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



.dGrey{color:#797d82}

.hand{cursor:pointer}

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



.greyBack{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,1);
		}

		.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,1);
		}

		.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,1);
		}

		.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,1);
		}

		.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,1);
		}

		.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,1);
		}

		.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,1);
		}

		.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,1);
  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: #a8b7a3; /* 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);}