html{
height:90%;	
}
#logo{
	border-radius:35px;
	height:50px;
}
#logo:hover{
	background-color:#79f0fe;
}	  
body {
    padding: 0;
    margin: 0;
    background: white;
	height:100%;
}
nav{
 font-size:24px;   
}
footer{
    height:50px;
    line-height:9px;
    padding-top:15px;
    bottom:0;
	font-size:16px;
}
.navbar {
 position:fixed;
 z-index:2;
 width:100%;
}
.grecaptcha-badge { 
    visibility: hidden;
}
.nav-link,
.navbar-brand,
.nav-link2{
    color: #fff;
    cursor: pointer;
	/*color:#0056b3;*/
}
.navbar-brand:hover{
	color: #79f0fe;
}
.nav-link {
    margin-right: 1em !important;
}

.nav-link:hover, .nav-link2:hover {
    color: #79f0fe;
	/*color:#0056b3;*/
}
.navbar-collapse {
    justify-content: flex-end;
}
#nav.scrolled {
  background-color: #14423D !important;
  transition: background-color 200ms linear;
}
.description {
	text-align: center;
	height:50%;
	color:white;
}
.description p {
	color: #101010;
	font-size: 1.3rem;
	line-height: 1.5;
}
.description h4{
	color:white;
}
.description2 {
	color:white;
	left: 50%;
	top: 45%;
	text-align: left;
	height:50%;
}
.description2 p {
	color: #101010;
	font-size: 1.3rem;
	line-height: 1.5;
	width:40%;
}
#home_content{
	display:block;
	padding-top:25%;
	z-index:5;
}
#home_content2{
	display:block;
	padding-top:5%;
	z-index:5;
}
.row {
  padding-left:3%;
  display: flex;
  width:100%;
}
.alert-box {
  background-color: lightyellow; /* Yellow background */
  color: black;             /* Black text */
  border: 1px solid #ccc;   /* Light gray border for a subtle outline */
  padding: 15px;            /* Space inside the box */
  border-radius: 5px;       /* Rounded corners */
  font-family: Arial, sans-serif; /* Clean, readable font */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional shadow for a little depth */
  margin: 20px auto;        /* Center the box with some margin */
}

.alert-box .alert-title {
  font-weight: bold;        /* Bold title */
  margin-bottom: 10px;      /* Space below the title */
}

.alert-box .alert-message {
  font-size: 16px;          /* Readable font size */
}
.column {
  flex: 50%;
}
.column2 {
	flex: 30%;
	padding:1%;
}
.column3 {
	flex: 100%;
}
.toggle-btn:hover{
	cursor:pointer;
	color:#078828;
}
.login_background{
	height:100%;
	width:100%;
	background-image:url('../Images/pexels-nejc-košir-338936.jpg');
	background-size:100% 100%;
}
.login_box{
	position:fixed;
	margin-left:10%;
	margin-top:10%;
	color:white;
	background-color:rgba(7, 136, 40, 0.9);
	width:500px;
	height:250px;
}
#faq{
	margin-left:5%;
	margin-right:5%;
	min-height:80%;
}
#symb{
	float:right;
	top:0;
	width:2%;
}
#overlay{
  width: 100%;
  height: 100%; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3); /* Black background with opacity */
  z-index: 2; 
}

#mainimage{
		/* Home Page */	
  background-attachment: scroll;
  width: 100%;
  height: 100%;
  background-image: url('../Images/autumn-2397025.jpg');
  background-size: cover;
}
#mainimage2{
		/* About Page */			
  width: 100%;
  height: 100%;
  background-image: url('../Images/stock/iStock-1255999261.jpg');
  background-size: cover;
}
#mainimage3{
		/* Property Page */			  
  width: 100%;
  height: 100%;
  background-image: url('../Images/stock/iStock-1359653324.jpg');
  background-size: cover;
}
#mainimage4{
		/* Properties Page */	   
  width: 100%;
  height: 100%;
  background-image: url('../Images/stock/iStock-1531322998.jpg');
  background-size: cover;
}
#mainimage5{
		/* FAQ Page */		   
  width: 100%;
  height: 100%;
  background-image: url('../Images/stock/iStock-692247382.jpg');
  background-size: cover;
}
#mainimage6{
		/* Contact Page */	  
  width: 100%;
  height: 100%;
  background-image: url('../Images/stock/iStock-517091041.jpg');
  background-size: cover;
}
#aboutimage{
  width: 100%;
  height: 100%;
  background-image: url('../Images/pexels-pixabay-33109.jpg');
  background-size: cover;
  border: 1px solid;
}
#sideimage1{
	float:left;
height:100%;
width:60%;
}
#sideimage2{
float:right;
height:100%;
width:60%;
}
#sideimage3{
float:right;
height:80%;
width:60%;
}
#sideimage4{
float:right;
height:100%;
width:60%;
}
@media only screen and (max-width: 700px) {
  #sideimage3{
display:none;
}
}
#imgtxt{
	text-align:center;
	color:#ffffff;
}
/* Form styles  */
.form{
	color:black;
	margin-left:10%;
	margin-right:10%;
	border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
input.invalid:invalid, select.invalid:invalid {
  border: 2px solid red !important;
}
input:valid {
  border-color: default;
}
input + span, select + span {
  position: relative;
}
input + span::before, select + span::before {
  position: absolute;
  right: 20px;
  top: 0px;
}
input.invalid:invalid + span::before, select.invalid:invalid+span::after {
  content: "X"!important;
  color: red!important;
}
/*select#countries{
	border-color:red;
}*/
input.invalid:valid + span::before, select.invalid:valid+span::after {
  content: "✓"!important;
  color: green!important;
}
input[type=text], input[type=tel], input[type=email], input[type=number], select, textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize:none;
}
select.pSelect{
	width:20%;
}

input[type=submit] {
  width: 100%;
  /*background-color: #4CAF50;*/
  background-color: #14423D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
button.forms, input[type=button]{
	  width: 100%;
	  height:50px;
  background-color: #14423D;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
button.soldb{
	  width: 100%;
	  height:50px;
  background-color: gray;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
}

input[type=submit]:hover, button.forms:hover, input[type=button]:hover {
  background-color: #0b2321;
}
#subscribe-form{
	width:100%;
}
#subscribe, #email_s{
	width:35%;
	margin-left:32.5%;
}



footer{
    background-color: #14423D;
	color: white;
	bottom: 0px;
	position:relative;
}
/* User Main */
.tab{
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}
.tab button{
	background-color: inherit;
	float:left;
	border:none;
	outline:none;
	cursor:pointer;
	padding:14px 16px;
	transition: 0.3s;
}
.tab button:hover{
	background-color:#ddd;
}
.tab button.active{
	background-color:#ccc;
}
.tabcontent{
	display:none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}
/* Alerts */
.warning{
	display:block;
	width:50%;
	margin-left:25%;
	border-style:solid;
	border-width:1px;
	border-color:orange;
	border-radius: 25px;
}
.walert{
	display:block;
	width:50%;
	margin-left:25%;
	border-style:solid;
	border-width:1px;
	border-color:red;
	border-radius:25px;
}
/* Payment Table */
#payments {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#payments td, #payments th {
  border: 1px solid #ddd;
  padding: 8px;
}

#payments tr:nth-child(even){background-color: #f2f2f2;}

#payments tr:hover {background-color: #ddd;}

#payments th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #078828;
  color: white;
}
img.social{
	width:40px;
	height:40px;
	margin-left:10px;
	margin-top:-10px;
}
@media only screen and (min-width: 1200px){
	input[type=text], input[type=tel], input[type=email], input[type=number], select, textarea, input[type=button] {

  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.form{
	width:50%;
	margin-left:25%;
}

}
@media only screen and (max-width: 700px) {
	select.pSelect{
	width:100%;
}
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
  .column{
	  text-align:center;
  }
  #sideimage1, #sideimage4, #mobilegone{
	  display:none;
  }
  .description {
	text-align: center;
	height:150%;
	color:white;
}
#subscribe, #email_s{
	width:70%;
	margin-left:20%;
}
/*nav+.navbar-toggler:focus {
 background-color:#14423D !important;
}
.description{
	padding-top:15%;
}*/
}
/*
---Mobile---
*/
@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
    .column{
	  text-align:center;
  }
  #sideimage1, #sideimage4, #mobilegone{
	  display:none;
  }
  .description {
	text-align: center;
	height:150%;
	color:white;
}
#home_content2{
	padding-top:25%;
}
h2{
	padding:5%;
	font-size:16pt;
}
h3{
	padding-left:5%;
	padding-right:5%;
	font-size:12pt;
}
#google-map{
	display:none;
}
img.social{
	width:40px;
	height:40px;
	margin-left:10px;
	margin-top:10px;
}
footer{
	height:100px;
}

}