@charset "utf-8";
/* CSS Document */
html {
	height:100vh;
	width:100vw;
	background-color:#FFF;
	scroll-behavior: smooth !important;
	
	}
html:focus-within {
  scroll-behavior: smooth;
}
body {
	background-color:#FFF;
	width:100vw;
	height:100vh;
	margin:0;
	padding:0;
	
	}
img {
	max-width:100% !important;
	}
	.homegal_image{
		position:relative;
		width:50%;
	}
	.image__img{
				display:block;
				width:100%;
			}
	.image__overlay{
				position:absolute;
				bottom:0;
				left:0;
				width:100%;
				height:100%;
				background: rgba(255,255,255, 0.80);
				color:#b29252;
				font-family: 'montserrat', sans-serif;
				font-size:2vw;
				display:flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				opacity:0;
				transition:ease-out 0.7s;
				
			}
			.image__overlay a:link{
				color:#b29252;
				text-decoration:none;
			}
			.image__overlay a:visited{
				color:#b29252;
			}
			.image__overlay:hover{
				opacity:1;
			}

			
.overlayheader{
				font-family: 'montserrat', sans-serif;
				font-size:3vw;
				color:#a4864e;
				font-weight: 200;
				padding:2% 0;
			}

p {
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#000;
	font-weight: 100;
}
h1 {
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#a4864e;
	font-weight: 100;
	
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-size:3vw;
	color:#a4864e;
	font-weight: 300;
}
h5 {
	font-family: 'Open Sans', sans-serif;
	font-size:1.8vw;
	color:#a4864e;
	font-weight: lighter;
}

	header, img{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
	}
	
	/* Classes */
	.footerp{
		color:#FFF;
		font-size:0.5vw;
	}
	.gold_bar{
	width:100%;
	height:12vh;
	background: rgba(51,51,51, 0.80);
}
.gold_bar2{
	width:100%;
	height:12vh;
	background-color:#a4864e;
}
.gold_bar_logo{
	width:10%;
	margin:0 auto;
}
.btnTabs{
	width:100%;
	height:auto;
	background: #a19663;
	padding:5% 0;
	margin: 0 auto;
	text-align:center;
	cursor:pointer;
}
.btnTabs a{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#fff;
	text-decoration:none;
	padding:0;
	margin:0;
}
.btnTabs a:hover{
	background-color:
}
.aspenTabsImg{
	width:50%;
	height:20vh;
	margin:0 auto;
	padding:5% 0;
}
.aspenTabs p{
	padding:0 5%;
}
.buttonblue2{
	background-color:#a19663;
	text-align:center;
	margin:5% 0% 5% 0%;
	padding:2%;
	text-align:center;
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 300;
	display:inline-block;
	padding: 5%;
}
.buttonblue2 a:link{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	text-decoration:none;
}
.buttonblue2 a:visited{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	text-decoration:none;
}
.buttonblue3{
	background-color:#a19663;
	text-align:center;
	margin:5% 0% 5% 0%;
	padding:5% 8%;
	text-align:center;
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	display:inline-block;
}
.buttonblue3 a:link{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	text-decoration:none;
}
.buttonblue3 a:visited{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	text-decoration:none;
}
.buttonblue4{
	width:100%;
	background-color:#a19663;
	text-align:center;
	margin:0 auto;
	padding:5%0;
	text-align:center;
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	display:inline-block;
}
.buttonblue4 a:link{
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	text-decoration:none;
}
.buttonblue4 a:visited{
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	text-decoration:none;
}
.footerp{
	font-size:0.85vw;
	padding:0;
	margin:0;
	color:#fff;
	font-weight:100;
}
.footerh{
	font-size:1.5vw;
	font-weight:100;
	color:#FFF;
	font-weight:bold;
	padding-bottom:2%;
}
.footerleft{
	padding:2% 2% 2% 0;
}
.footermiddle{
	padding:2% 2% 2% 5%;
	line-height:2;
}
.footerright{
	padding:2% 2% 2% 0;
	text-align:right;
}
/* ------------End Classes ------------------*/
#aspentabstext{
	width:100%;
	height:30vh;
}

#aspenTabsContainer{
	width:80%;
	margin:0 auto;
	display:flex;
	flex-direction: row;
	justify-content: center;
	text-align:center;
	
}
#aspenTabsContainer2{
	width:80%;
	margin:0 auto;
	display:flex;
	flex-direction: row;
	justify-content: center;
	text-align:center;
	
}
#aspenTabs{
	width:32%;
	padding:2%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	text-align:center;
}
	
	
	header ul{
	list-style-type: none;
	float: right;
	}

	header ul li{
	display: inline-block;
}
#navContainer{
	width: 80%;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
			
		}
#logoContainer{
	display:inline-block;
	align-self: center;
	flex-wrap: nowrap;
	width:35%;
}

#buttonContainer{
	display: flex;
	justify-content: right;
	align-items: center;
	font-size:0.75vw;
	width:70%;
	
}
nav{
	display:inline-block;	
			
		}
#buttonContainer nav ul {
	text-decoration:none;
	list-style-type:none;
	}
nav ul li{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 100;
	padding: 1%;
	
	}
	nav ul li a:link{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 100;
	text-decoration:none;
	}
	nav ul li a:hover{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 100;
	}
	nav ul li a:visited{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 100;
	}
	nav ul li a:active{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#a4864e;
	font-weight: 100;
	}

#overlaycontent a:link{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 300;
	text-decoration:none;
	}
	#overlaycontent a:hover{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 300;
	text-decoration:none;
	}
	#overlaycontent a:active{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 300;
	text-decoration:none;
	}
#overlaycontent a:visited{
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 300;
	text-decoration:none;
	}
	


header{
			background: #ccc;
			background: rgba(90,90,90, 0.7);
			width: 100%;
			position: fixed;
			z-index: 10;
			display:flex;
			align-items: right;
			justify-content: center;
			height:100%;
		}
		/* Sizes for the bigger menu */
			header.large{
				height: 8vw;
			}

			header.large img{
				width: 80%;
				height: 100%;
			}
			header.large ul{
				width:35vw;
	
			}

			header.large li{
	
			}


			/* Sizes for the smaller menu */
			header.small{ 
				height: 6vw; 
			}

			header.small img{ 
				width: 60%; 
				height: 100%;
			}
			header.small ul{
				width:35vw;
	
			}

			header.small li{ 
				
			}
.sect{
				height:100vh;
				background-size:cover;
				background-repeat:no-repeat;
				
			}
			.sect2{
				height:90vh;
				width:100vw;
				background-size:cover;
				
			}
.subsect{
	height:auto;
	background-color:#FFF;

			}
.subsecttwo{
	height:auto;
	background-color:#000;
	border-top-width: 2em;
	border-top-style: solid;
	border-top-color: #013531;
			}
			.sectOne{
	background-image:url(images/home_banner.png);
	background-color:#000000;
			}
.sectTwo{
	background-image:url(images/NH_bg.jpg);
	background-size:cover;
				background-repeat:no-repeat;
			}
			.sectThree{
	background-image:url(images/contact_bg.jpg);
			}
			.sectFour{
	background-image:url(images/LC_bg.jpg);
			}
			.sectFive{
	background-image:url(images/APEN_bg.jpg);
			}
			.sectSix{
				width:100vw;
	background-image:url(images/AV_bg.jpg);
			}
			.sectSeven{
	background-image:url(images/cyprus.jpg);
			}
			.sectEight{
	background-image:url(images/home_gal2.jpg);
			}
			.sectNine{
	background-image:url(images/amara_bg.jpg);
			}
			
			
			
			#contentcontainer{
				width: 80%;
				margin: 0 auto;
				display:flex;
				flex-direction: row;
				align-items: top;
				justify-content: flex-end;
			}
			#contentcontainer2{
				width: 100%;
				margin: 0 auto;
				display:flex;
				flex-direction: row;
				align-items: top;
				justify-content: flex-end;
			}
			
			#contentflexitem{
				width: 50%;
				
			}
			#contentflexitem2{
				width: 40%;
				
			}
			#contentflexitem3{
				width: 50%;
				
			}
			
			.flexpadding{
				padding-top:5%;
				padding-right:5%;
			}
			.flexpaddingleft{
				padding-top:5%;
				padding-left:5%;
				padding-right:2.5%;
			}
			#bannerContainer {
				width:50%;
				height:100vh;
				margin:0;
				padding:0;
				position:relative;
			}
			#bannerContainer2{
				width:100%;
				height:100vh;
				margin:0;
				padding:0;
				position:relative;
			}
			#overlay {
				width:55%;
				height:100vh;
				background-color:#FFFFFF;
				background: rgba(255,255,255, 0.75);
				margin-left:15%;
			}
			#overlay2 {
				width:25%;
				height:90%;
				background-color:#FFFFFF;
				background: rgba(255,255,255, 0.75);
				position: absolute;
				top:0;
				right:15%;
				overflow:hidden;
			}
			#overlaycontent{
				width:80%;
				height:50vh;
				padding-top:30vh;
				padding-left:10%;
				opacity: !important;
    			filter: alpha(opacity=100)!important;
				position:relative;
			}
			#overlaycontent2{
				width:100%;
				height:100%;
				opacity: !important;
    			filter: alpha(opacity=100)!important;
				position:relative;
				display:flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
			#viewListings{
				width:100%;
				height:15%;
				background-color:#63c1c4;
				position:absolute;
				bottom:0;
				display:flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
			#contactUs{
				width:100%;
				height:15%;
				background-color:#a4864e;
				position:absolute;
				bottom:0;
				display:flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
			.nhservices{
				font-family: 'montserrat', sans-serif;
				font-size:1.2vw;
				color:#a19663;
				font-weight: 100;
				text-transform:uppercase;
				text-align:center;
				}
			#NHLogo{
				width:70%;
				height:auto;
				position:absolute;
				bottom:1;
			}
			#NHservices{
				width:100%;
				display: flex;
				align-items: top;
				flex-wrap: wrap;
			}
			#NHservicesimg{
				width:25%;
				padding:2%;
			}
			
			.viewListing{
				font-family: 'Open Sans', sans-serif;
				font-size:2vw;
				color:#FFF;
				text-align:center;
			}
			.viewListing a:link{
				text-decoration:none;
				color:#FFF;
			}
			.viewListing a:visited{
				color:#FFF;
			}
			#NHlistingss{
				width:100%;
				display: flex;
				align-items: top;
				justify-content: center;
				flex-wrap: wrap;
			}
			
			#NHlistingContainer{
				text-align:center;
				width:25%;
				padding:2%;
			}
			#ANElistingss{
				width:100%;
				display: flex;
				align-items: top;
				justify-content: center;
				flex-wrap: wrap;
				background-color: #CCC;
			}
			#ANElistingContainer{
				text-align:center;
				background-color:#FFF;
				width:25%;
				padding-bottom:2%;
				margin:2%;
				position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
			}
			#development_homeheader{
				width:100%;
				height: 10vw;
				padding:0 0 0 9%;
				background-color: #d0cfce;
				font-family: 'Open Sans', sans-serif;
				font-size:2.7vw;
				color:#FFF;
				font-weight: lighter;
				display:flex;
				flex-direction: row;
				align-items: center;
			}
			#development_nhheader{
				width:100%;
				height: 10vw;
				background-color: #d0cfce;
				font-family: 'Open Sans', sans-serif;
				font-size:2.7vw;
				color:#FFF;
				font-weight: lighter;
				display:flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
			}
			#development_LCheader{
				width:100%;
				height: 10vw;
				background-color: #d0cfce;
				font-family: 'Open Sans', sans-serif;
				font-size:2.7vw;
				color:#FFF;
				font-weight: lighter;
				display:flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
			}
			#developent_homegal{
				width:100%;
				height:auto;
				margin:0;
				padding:5% 0;
				display:flex;
				flex-direction: row;
				align-items: top;
				flex-wrap: wrap;
			}
			#developent_homegalmobi{
				display:none;
			}
			#development_homegal_img{
				width:50%;
				position:relative;
				height:auto;
				display:block;
				margin:0;
				padding:0;
			}
			
/* Home Developments*/
#aspenbar{
	display:flex;
	justify-content: center;
	align-items: center;
	
}
/* Home Developments End*/
			
			
			#contactForm{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: left;
	padding-top: 2.5%;
	padding-bottom:2.5%;
    height:auto;
	flex-wrap: wrap;
}

#halfcol{
	width:47%;
}


#halfcol input {
	width:93%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	border:thin solid #CCC;
	
}
#halfcol textarea, select {
	width:93%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	border:thin solid #CCC;
	
}
#halfcol select {
	width:100%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	border:thin solid #CCC;
	
}

#halfcol input[type="submit"] {
	width:100%;
	background-color:#a4864e;
	border:none;
	color:#FFFFFF;
	font-weight:100;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	cursor: pointer;
	
}
#packagebtns{
	width:80%;
	height:auto;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
#pbtn1{
	width:40%;
	margin:0 auto;
	text-align:center;
	padding:3%;
	background-color:#a4864e;
	color:#FFF;
	font-family: 'montserrat', sans-serif;
	font-size:1.1vw;
	font-weight: 500;
}
#pbtn1 a:link{
	text-decoration:none;
	color:#FFF;
}

#pbtn1 a:visited{
	text-decoration:none;
	color:#FFF;
}

#pbtn2{
	width:20%;
	text-align:center;
}
#footerwrapper{ 			width:100%;
							background-color:#282828;
							margin-top:5%;

}
#footerwrapper2{ 			width:100%;
							background-color:#282828;

}
#footerContainer{
							width:80%;
							height:auto;
							margin: 0 auto;
							display:flex;
							flex-direction: row;
							align-items: top;
							justify-content: flex-end;
							clear:both;
							
						}
						#footerFlexItem{
							width:33.3%;
							height:auto;
							
							
						}
						#sitelinkflex{
							display:flex;
							flex-direction: row;
							align-items: top;
							justify-content: space-between;
							clear:both;
						}
						#footerlogo{
							width:80%;
							padding:2% 0;
						}
			

#footermobi {
	display:none;
			}
	
			
/* Read More Read Less */		
		
.box{
    background-color: #FFF;
    color:#000;
    font-family: 'montserrat', sans-serif;
    width:100%;
}
.box input[name="readmore"]{
    display: none;
}
.box h1{
    margin-bottom: 30px;
    text-align: center;
}
.box .des{
    text-align: center;
    overflow: hidden;
    max-height: 1px;
    transition: 1s ease-in-out;
	padding-bottom:3%;
}
.box .des::before{
    width:100%;
    transition: 0.5s ease-in-out;
    content:'';
}
.box .button{
    margin-top:10%;
    text-align: center;
}
.box label{
    text-align: center;
    display: inline-block;
	background-color:#4B4848;
    width:50%;
	padding-top:5%;
	padding-bottom:5%;
    cursor: pointer;
	color:#fff;
}
.box label::before{
    width:100%;
    height:100%;
    content:attr(data-more);
    display: flex;
    justify-content: center;
    align-items: center;
}
.box input[name="readmore"]:checked ~ .content label::before{
    content:attr(data-less);
}
.box input[name="readmore"]:checked ~ .content .des{
    max-height: 100vh;
}
.box input[name="readmore"]:checked ~ .content .des::before{
    height: 0px;
}
.content{
}
.content::before{
    width:100%;
    height: auto;
    content:'';
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
    transition: ;
}
.content::after{
    transform: translate(70%,50%);
    width:100%;
    height: auto;
    content:'';
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
    transition: 2s ease-in-out;
}
			
#enquirebtn{
	width:40%;
	font-family: 'montserrat', sans-serif;
	height:auto;
	padding-top:5%;
	padding-bottom:5%;
	background-color: #a4864e;
	color:#FFF;
	text-align:center;
	margin: 0 auto;
}

#enquirebtn a:link{
	color:#FFF;
	text-decoration:none;
	
}
#enquirebtn a:visited{
	color:#FFF;
	text-decoration:none;
	
}

				
				
.dropdown {
  	text-decoration:none;
	list-style-type:none;
}

/* Dropdown button */
.dropdown .dropbtn {
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 100;
	text-decoration:none;
	border: none;
    background: none;
    cursor: pointer;
    margin: 0;
	padding:0;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background: rgba(90,90,90, 0.7);
  min-width: 300px;
  z-index: 1;
  margin:0;
  
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  text-align: left;
  padding:5%;
  border-bottom: #CCC thin solid;
  }

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background: rgba(90,90,90, 0.7);
  
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
  padding-top:2%;
  background: rgba(90,90,90, 0.8);
  
  
}
/* BACK TO TOP */

.back-to-top {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #a4864e;
	border-radius: 0.5rem;
	padding: 0.5rem;
	text-decoration: none;
	transition: 0.2s ease-out;
}

.back-to-top span {
	color: #fff;
	font-size: 3rem;
	transition: 0.2s ease-out;
}

.back-to-top:hover {
	background-color: #876F41;
}
.back-to-top:hover span {
	transform: translateY(-4px);
}

/* mobi menu */
#menuContainer{
		display:none;
		z-index:1;
}
#checkbox1, .toggle{
	display:none;
}


	

/* CSS IMG GALLERY */


#galleryContainerAV{
	width:100%;
	height:50vh;
}
.gallery{
	height:100%;
	width:100%;
	background-image:url(images/AV4.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	transition:none;
	
	animation-name:animate;
	animation-direction: normal;
	animation-play-state:running;
	animation-timing-function: ease-in-out;
	animation-duration:20s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}
#overlay_mobi {
				display:none;
			
			}
#tybgcontainer {
	width:100%;
	height:100vh;
	background-image:url(images/thankyou.jpg);
	background-position:center;
	background-repeat: no-repeat;
  background-size: cover;
  margin:0;
}
.tagline{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	font-size:2.5vw;
	color:#876F41;
	font-weight:normal;
	padding:0;
	margin:0;
	text-transform: uppercase;
	text-align:center;
}
#taglineContainer {
	width:100%;
	height:100%;
	display: flex;
  justify-content: center;
  align-items: center;
}
#tagenq{
	width:100%;
	height:100%;
	display: flex;
  justify-content: center;
  align-items: center;
}
#taglineContainer4 {
	width:50%;
	height:70%;
	display: flex;
  justify-content: center;
  align-items: center;
}
#tagLine{
	width:100%;
	height: 12vh;
	background: rgba(90,90,90, 0.7);
	 display: flex;
  justify-content: center;
  align-items: center;

}
#tagLineThanks{
	width:50%;
	height: 40vh;
	background: rgba(255,255,255, 0.75);
	padding:2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	
}
#taglineContainer2{
	display:none;
}
#tagLineThanks2{
	width:50%;
	height: 25vh;
	background: rgba(255,255,255, 0.75);
	padding:5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	
}
#taglineLogo{
	width:35%;
	margin:0 auto;
	padding:5%;
}
#mobilogo{
	width:70%;
	margin:0 auto;
}
#socialicons{
	width:100%;
	padding-top:2%;
	
}
#socialicons i{
	width:5%;
	padding:2%;
}

#homegal_mainlogo{
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
}
#homegal_mainlogo_container{
	width:25%;
}
#homegal_div1{
	width:80%;
	display:flex;
				flex-direction: row;
				align-items: top;
				flex-wrap: wrap;
}
#homegal_div1_img{
	width:66%;
}

#homegal_div1_content{
	width:20%;
	text-align:center;
	padding: 2% 4%;
}
#aspentabsmobi{
		display:none;
	}
	#aspentabsmobi p{
		text-align:center;
	}
#aspenHomeTabContainer{
	width:60%;
	height:auto;
	margin: 0 auto;
	padding:5% 0;
}
#aspenMobiImg{
	width:100%;
}
#aspenMobiLogo{
	width:60%;
	margin: 0 auto;
	padding-top:5%;
	padding-bottom:5%;
}
@keyframes animate{
	0%{
		background-image:url(images/AV4.jpg);
	}
	20%{
		background-image:url(images/AV1.jpg);
	}
	40%{
		background-image:url(images/AV2.jpg);
	}
	60%{
		background-image:url(images/AV3.jpg);
	}
	80%{
		background-image:url(images/AV6.jpg);
	}
	100%{
		background-image:url(images/AV7.jpg);
	}
}



@media only screen and (max-width: 834px) {
	
	#footerwrapper2{ display:none;

}
	#aspenTabsContainer2{
	display:none;
	
}
	#aspentabsmobi{
		display:block;
	}
	#homegal_div1{
		display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;}
	#homegal_div1_content{
	width:60%;
	text-align:center;
	padding: 2% 4%;
}
#developent_homegal{
	display:none;
}
		
		
		header{display:none;}
		
		#mobimenulogo{
		width:40%;
		margin: 0 auto;
		padding:2% 0;
	}
	
		#menuContainer{
		display:block;
		width:100%;
		background: #ccc;
		background: rgba(90,90,90, 0.7);
		position:fixed;
		font-family: 'montserrat', sans-serif;;
}
	.toggle{
		clear:both;
		display:block;
		text-align:center;
		font-size:4vw;
		cursor: pointer;
		width:100%;
		color:#FFFFFF;
		background: #ccc;
			background: rgba(90,90,90, 0.7);
		line-height:2.2;
		transition:none;
		
	}
	#checkbox1:checked+ label .demo li{
		opacity:1;
		visibility:visible;
		transition: linear 0.6s;
		
	}
	#checkbox1:checked + label .demo {
		height:auto;
	}
	.menu
	{
		display:flex;
		flex-direction:column;
		justify-content:space-around;
		align-items:center;
		transition: linear 0.8s;
		height:0;
		background: #ccc;
			background: rgba(90,90,90, 0.7);
		width:100%;
		text-align:center;
		padding:0;
		margin:0;
	}
	.menu li{
		display:flex;
		align-self:center;
		width:95%;
		opacity:0;
		visibility:hidden;
		margin:0 auto;
		padding:5% 0;
	}
	.menu li a{
		width:95%;
		text-aling:center;
		align-self:center;
		align-content:center;
		padding:0;
		margin:0 auto;
		font-size: 3vw;
		color:#FFFFFF;
		text-decoration:none;
	}
	.menu li a: link{
		color:#FFFFFF;
	}
	.menu li a: visited{
		color:#FFFFFF;
	}
	.sectOne{
	background-image:url(images/mobihome.jpg);
	background-color:#000000;
			}
			#bannerContainer {
				width:100%;
				height:30vh;
				margin:0;
				padding:0;
				position:relative;
			}
			#overlay {
				display:none;
			}
			#overlay2 {
				display:none;
			}
			#overlay_mobi {
				width:100%;
				height:60vh;
				background-color:#FFFFFF;
				background: rgba(255,255,255, 0.75);
			}
			#contentcontainer{
				width: 80%;
				margin: 0 auto;
				text-align:center;
				display:flex;
				flex-direction: row;
				align-items: top;
				justify-content: flex-end;
				flex-wrap:wrap;
		
			}
			#contentflexitem{
				width: 80%;
				margin:0 auto;
				
			}
			p {
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#000;
	font-weight: 100;
}
h1 {
	font-family: 'montserrat', sans-serif;
	font-size:2.8vw;
	color:#a4864e;
	font-weight: 100;
	
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-size:3vw;
	color:#a4864e;
	font-weight: 300;
}
h5 {
	font-family: 'Open Sans', sans-serif;
	font-size:1.8vw;
	color:#a4864e;
	font-weight: lighter;
}	
#contentflexitem3{
				display:none;
				
			}
			#NHlistingss{
				flex-direction: column;
			}
			#NHlistingContainer{
				width:50%;
				margin:0 auto;
			}
			#contentflexitem2{
				display:none;
				
			}
			#contentcontainer2{
				text-align:center;
			}
			.flexpaddingleft{
				padding-top:5%;
				padding-left:0;
				padding-right:0;
			}
			#NHservices{
				width:60%;
				display: flex;
				align-items: top;
				justify-content:space-between;
				flex-wrap: wrap;
				margin:0 auto;
				padding-bottom:5%;
			}
			#NHservicesimg{
				width:30%;
				padding:0%;
			}
			.box .button{
				font-size:1.8vw;
			}
			.box label{
				width:40%;
			}
			#enquirebtn{
				font-size:1.8vw;
				
			}
			#contactForm{
				width:80%;
				flex-direction: column;
				justify-content: center;
				margin:0 auto;
			}
			#halfcol{
	width:100%;
}
#taglineContainer2{
	width:100%;
	height:120vh;
	display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
}
#tagLineThanks2{
	width:50%;
	height: 25vh;
	background: rgba(255,255,255, 0.75);
	padding:5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	
}
.sectOne{
	background-image:url(images/mobihome.jpg);
	background-color:#000000;
			}
.sectTwo{
	background-image:url(images/mobinh.jpg);
			}
			.sectThree{
	background-image:url(images/mobicontact.jpg);
			}
			.sectFour{
	background-image:url(images/mobilc.jpg);
			}
			.sectFive{
	background-image:url(images/mobiaspen.jpg);
			}
			.sectSix{
	background-image:url(images/mobiav.jpg);
			}
			.sectSeven{
	background-image:url(images/mobicyprus.jpg);
			}
			.sectEight{
	background-image:url(images/mobiapb.jpg);
			}
			#footermobi {
				width:100%;
				height:auto;
				display: flex;
				  flex-direction: column;
				  justify-content: space-between;
				background-color:#282828;
				padding:2% 0;
			}
			#footermobilogo{
				width:30%;
				padding:2% 2%;
				margin:0 auto
			}
			#mobicontact{
				width:100%;
				text-align:center;
			}
			#mobisocial{
				width:100%;
				margin:0 auto;
				padding:2% 0;
				text-align:center;
			}
			#footerwrapper{
				display:none;
}
#developent_homegalmobi{
				width:100%;
				height:auto;
				margin:0;
				padding:0;
				display:flex;
				flex-direction: column;
				align-items: top;
			}
			
			.sect2{
				height:90vh;
				width:100vw;
				background-size:cover;
				
			}
			#halfcol input {
	width:93%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:2vw;
	border:thin solid #CCC;
	
}
#halfcol textarea, select {
	width:93%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:2vw;
	border:thin solid #CCC;
	
}
#halfcol select {
	width:100%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:2vw;
	border:thin solid #CCC;
	
}

#halfcol input[type="submit"] {
	width:100%;
	background-color:#a4864e;
	border:none;
	color:#FFFFFF;
	font-weight:100;
	font-family: 'Open Sans', sans-serif;
	font-size:2vw;
	cursor: pointer;
	
}
#aspenTabsContainer{
	width:100%;
	margin:0 auto;
	display:flex;
	flex-direction: column;
	justify-content: center;
	text-align:center;
	flex-wrap: wrap;
	
}
#aspenTabs{
	width:60%;
	padding:2%;
	margin:0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	text-align:center;
	flex-direction: column;
}
#aspentabstext{
	width:100%;
	height:10vh;
}
.btnTabs{
	width:40%;
	height:0.8vh;
	background: #a4864e;
	margin: 0 auto;
	text-align:center;
	cursor:pointer;
}
.btnTabs a{
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#fff;
	text-decoration:none;
	padding:0;
	margin:0;
}
.gold_bar_logo{
	width:20%;
	margin:0 auto;
}
	.gold_bar{
	width:100%;
	height:8vh;
	background: rgba(51,51,51, 0.80);
}
.buttonhmobi{
	background-color:#a19663;
	text-align:center;
	margin:20% 0;
	padding:10%;
	text-align:center;
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	font-weight: 300;
	display:inline-block;
}
.buttonhmobi a:link{
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	text-decoration:none;
}
.buttonblue2{
	background-color:#a19663;
	text-align:center;
	margin:5% 0% 5% 0%;
	text-align:center;
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	font-weight: 300;
	display:inline-block;
	padding: 5%;
}
.buttonblue2 a:link{
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	text-decoration:none;
}
				
			
}
@media only screen and (max-width: 400px) {
	p {
	font-family: 'montserrat', sans-serif;
	font-size:4vw;
	color:#000;
	font-weight: 100;
}
h1 {
	font-family: 'montserrat', sans-serif;
	font-size:5vw;
	color:#a4864e;
	font-weight: 100;
	
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-size:4.8vw;
	color:#a4864e;
	font-weight: 300;
}
h5 {
	font-family: 'Open Sans', sans-serif;
	font-size:4.2vw;
	color:#a4864e;
	font-weight: lighter;
}	
#halfcol input {
	width:93%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:3vw;
	border:thin solid #CCC;
	
}
#halfcol textarea, select {
	width:93%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:3vw;
	border:thin solid #CCC;
	
}
#halfcol select {
	width:100%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:3vw;
	border:thin solid #CCC;
	
}

#halfcol input[type="submit"] {
	width:100%;
	background-color:#a4864e;
	border:none;
	color:#FFFFFF;
	font-weight:100;
	font-family: 'Open Sans', sans-serif;
	font-size:3vw;
	cursor: pointer;
	
}
.buttonhmobi{
	background-color:#a19663;
	text-align:center;
	margin:5% 0% 5% 0%;
	padding:5%;
	text-align:center;
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	font-weight: 300;
	display:inline-block;
}
.buttonhmobi a:link{
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	text-decoration:none;
}
.buttonblue2{
	background-color:#a19663;
	text-align:center;
	margin:5% 0% 5% 0%;
	padding:2%;
	text-align:center;
	font-family: 'montserrat', sans-serif;
	font-size:1.2vw;
	color:#ffffff;
	font-weight: 300;
	display:inline-block;
	padding: 5%;
}
.buttonblue2 a:link{
	font-family: 'montserrat', sans-serif;
	font-size:2vw;
	color:#ffffff;
	text-decoration:none;
}
.footerp{
	font-size:2.3vw;
	padding:0 0 2% 0;
	margin:0;
	color:#fff;
	font-weight:100;
}
.tagline{
	font-family: 'simplificasimplifica', Arial, sans-serif;
	font-size:3.5vw;
	color:#876F41;
	font-weight:normal;
	padding:0;
	margin:0;
	text-transform: uppercase;
	text-align:center;
}
#development_homegal_img{
				width:100vw;
			}
			.homegal_image{
		width:100vw;
	}
		.gold_bar{
	width:100%;
	height:8vh;
	background: rgba(51,51,51, 0.80);
}



	
}