@charset "utf-8";

nav{
	position: fixed;
	width:100%;
	height: 80px;
	background:#000033;
}

nav img{
	width: 60px;
	position: fixed;
	top: 9px;
	left: 2%;
}

nav ul{
	float: right;
	margin-right: 10px;
	margin-top: 0%;
	text-decoration: none;
	position: inherit;
		width:65%;
		/**height: auto;**/
		height: 100vh;
		background: #000033;
		top: 78px;
		right: -100%;
		margin-left:40%;
		text-align: left;
		transition: all .5s;
}

nav ul li{
	display:inline-block;
	line-height:20px;
	margin:0 5px;
}

nav ul li a{
	position: relative;
	color: white;
	font-size: 12px;
	padding: 7px 0;
	text-transform: none;
}

nav ul li a:before{
	position:absolute;
	content: '';
	left: 0;
	bottom: 6px;
	height: 1px;
	width: 100%;
	background: white;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .4s linear
}
nav ul li a:hover:before{
	transform: scaleX(1);
	transform-origin: left;
}

label #btn,
label #cancel{
	color:white;
	font-size: 20px;
	float: right;
	line-height: 80px;
	margin-right: 20px;
	cursor: pointer;
	display: none;
}
#check{
	display:none;
	position: fixed;
}
@media (max-width: 1118px) {
	nav img{
	 left:8%;	
   }
}

@media (max-width: 944px) {
	nav img{
	left: 2%;
	top: 8px;
	width: 60px;
   }
   nav ul li a{
	 font-size: 17px;  
   }
}
@media (max-width: 860px) {
	label #btn{
	  display: block;
	  line-height: 70px;	
	}	
	ul{
		/**position: inherit;
		width: 100%;
		height: auto;
		/**height: 100vh;**/
		/**background: #000033;
		top: 78px;
		left: -100%;
		margin-left: 0%;
		text-align: left;
		transition: all .5s;**/
	}
	
	nav ul li{
		display: block;
		margin: 16px 0px;
		line-height: 8px;	
	}
	nav ul li a{
	 font-family:oswald;
	 font-size: 17px;
	 margin-left: 18px;
	 text-decoration: none;
	}
	#check:checked ~ ul{
		left: 0%;
		height:1111px;
		
	}
	#check:checked ~ label #btn{
		display: none;	
	}
	#check:checked ~ label #cancel{
		display: block;	
	}
}


.title {
 
  width:65%;
  font-family:sans-serif;
  font-weight:600;
  font-size: 1.0em;
  color:#ffffff;
  text-align:center;
  margin-right:0%;
  margin-left:17%;
  margin-top: 0%;
}
.title p {
	font-family:sans-serif;
	font-weight:600;
	font-size: 1.2em;
	color: #ffffff;
	margin-right: 0%;
	margin-left:15%;
	margin-top: 8%;
	margin-bottom: -3%;
}

.title p1 {
	font-size: 0.5em;
	font-family:sans-serif;
	font-weight:200;
	color: #ffffff;
	margin-left:15%;
	margin-top: 0%;
}

/***Mobile Format*****/

#listmobilefull{
  width:100%;
  height:auto;
}

.listmobile {
	width: 100%;
	margin-top: 2%;
  	margin-left:0%;
 	margin-right:0%;
	padding: 6%;
}

.mobilepost {
  width:100%;
  margin-left:0%;
  margin-right:0%;
  margin-top:0%;
  text-align:center;
}

h2.listmobile {
	font-size: 0.8em;
	font-family: century gothic;
	margin-bottom: 0%;
	margin-top: 2%;
	color: #000099;
	text-align: left;
}

p.mobile1 {
	font-size: 1.3em;
	color: #000000;
	text-align: justify;
}

a.more {
  display:inline-block;
  margin-top:2%;
  margin-bottom:14%;
  background-color:blue;
  padding:2% 5%;
  font-size:0.8em;
  color:#ffffff;
  text-decoration:none;

}

a.more:hover {
  background-color:#FF0000;
}

#proplistingfull {
	width: 100%;
	background-color: #CCCCCC;
	
}

.proplisting {
	width: 100%;
	background-color: #000033;
	margin-top: 0%;
	margin-left: 0%;
	margin-right: 0%;
	padding: 0%;
	height: auto;
}

h3.sbtitle7 {
	font-size: 0.95em;
	font-family: sans-serif;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	text-decoration:underline;
	margin-top: 4%;
	margin-bottom: 0px;
	margin-left: 0%;
}

ul.sidenav7 {
  list-style:none;
}

ul.sidenav7 a {
	display: block;
	padding: 0%;
	font-size: 0.85em;
	font-family: sans-serif;
	font-weight: 100;
	text-align: center;
	color: #ffffff;
	margin-left: 0%;
	margin-right: 0%;
	text-decoration: none;
}

ul.sidenav7 a:hover {
	color: #DE0106;
}

#homesec35full{
  width:100%;
  height:auto;
}


.homesec35 {
  
  width:100%;
  margin-top:-3%;
  margin-left:0%;
  margin-right:0%;
  margin-bottom: -20%;
  padding:0%;
  
}

#homesec75full{
  width:100%;
  height:auto;
}
	 
.homesec75 {
  
  width:100%;
  margin-top:16%;
  margin-left:0%;
  margin-right:0%;
  margin-bottom:0%;
  padding:2%;
}

#homesec76full{
  width:100%;
  height:auto;
}
	 
.homesec76 {
  
  width:100%;
  margin-top:-12%;
  margin-left:0%;
  margin-right:0%;
  margin-bottom:0%;
  padding:0.5%;
}
#bottomfull{
	width: 100%;
}
.bottom{
	width: 100%;
	height: auto;
	margin: 0% auto;
	padding: 0%;
	position: fixed;
	left: 0px;
	top: 97%;
}

#content-desktop {
	display:block;
}
#content-mobile {
	display:none;
}
@media screen and (max-width:768px){
	#content-desktop {
	display:none;
	}
	#content-mobile {
	display:block;
	}
}

#myBtn {
  	display: none;
 	position: fixed;
 	bottom: 45px;
  	right: 32px;
  	z-index: 99;
  	border: none;
  	outline: none;
  	background-color: blue;
  	color: white;
  	cursor: pointer;
  	padding: 10px;
  	border-radius: 15px;
}

#myBtn:hover {
  	background-color: blue;
}


* {
    box-sizing: border-box;
}

#copyrightfull {
	width: 100%;
	height:auto;
}

.copyright {
	width: 100%;
	background-color: #cccccc;
	padding: 0%;
}
p.text5 {
	font-size: 0.5em;
	color: #000000;
	text-align: center;
}
.style3 {
	font-size: 1.0em;
	font-family:sans-serif;
	color: #FF0000;
	font-weight: 200;
}
.style6 {
	font-size: 1.0em;
	font-family: verdana;
	color: #C60000;
	font-weight: 100;
	
}
.style10 {
	font-size: 12px;
	font-family: arial;
	color: #000000;
	font-weight: 100;
	text-decoration:none;
}

.style12 {
	font-size: 0.7em;
	font-family: sans-serif;
	color: #000099;
	font-weight: 200;
	align: center;
}

.style15 {
	font-size: 0.8em;
	font-family: sans-serif;
	color: #000000;
	font-weight: 100;
}


.style16 {
	font-size: 0.8em;
	font-family: sans-serif;
	color: #000000;
	font-weight: 450;
}
.style18 {
	font-size: 0.6em;
	font-family: sans-serif;
	color: #000000;
	font-weight: 200;
}
.style35 {
	font-size: 0.8em;
	font-family: sans-serif;
	color: #000000;
	font-weight: 600;
}

.style36 {
	font-size: 20px;
	font-family: verdana;
	color: #000000;
	font-weight: bold;
}
.style37 {
	width: 100%;
	
	font-size: 0.75em;
	font-family: sans-serif;
	color: #000000;
	font-weight: 100;
	text-decoration: none;
}
.style41 {
	font-size: 0.7em;
	font-family: sans-serif;
	color: #000000;
	font-weight: 600;
}
.style42 {
	font-size: 0.7em;
	font-family: sans-serif;
	color: #000000;
	font-weight:200;
}

.style43 {
	font-size: 0.9em;
	font-family: sans-serif;
	color: #000000;
	font-weight:600;
}
.style193 {
	font-family: sans-serif;
	font-size: 0.7em;
	color: #000000;
	font-weight:100;
	align: center;
}
.style210 {
	font-family: sans-serif;
	font-size: 0.9em;
	color: #000000;
	font-weight:450;
	align: center;
}
.style211 {
	font-family: sans-serif;
	font-size: 0.7em;
	color: #000000;
	font-weight: 500;
	text-decoration: none;
	text-align: right;
	background-color:#ffffff;
}