body{
    margin: auto;
    width: 100%;
    background-color: rgb(255,255,255);
    font-family: Arial, Geneva,Helvetica, sans-serif;
}
/* loading page */
.loading_page{
    margin: auto;
    height:770px;
    overflow:hidden;
}
#fountainTextG{
	width:460px;
	margin:auto;
    position: relative;
    top: 350px;
}

.fountainTextG{
	color:rgb(0,0,0);
	font-family:Arial;
	font-size:38px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_fountainTextG;
		-o-animation-name:bounce_fountainTextG;
		-ms-animation-name:bounce_fountainTextG;
		-webkit-animation-name:bounce_fountainTextG;
		-moz-animation-name:bounce_fountainTextG;
	animation-duration:2.09s;
		-o-animation-duration:2.09s;
		-ms-animation-duration:2.09s;
		-webkit-animation-duration:2.09s;
		-moz-animation-duration:2.09s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.5);
		-o-transform:scale(.5);
		-ms-transform:scale(.5);
		-webkit-transform:scale(.5);
		-moz-transform:scale(.5);
}#fountainTextG_1{
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#fountainTextG_2{
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#fountainTextG_3{
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#fountainTextG_4{
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#fountainTextG_5{
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#fountainTextG_6{
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
#fountainTextG_7{
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}
#fountainTextG_8{
	animation-delay:1.79s;
		-o-animation-delay:1.79s;
		-ms-animation-delay:1.79s;
		-webkit-animation-delay:1.79s;
		-moz-animation-delay:1.79s;
}
#fountainTextG_9{
	animation-delay:1.94s;
		-o-animation-delay:1.94s;
		-ms-animation-delay:1.94s;
		-webkit-animation-delay:1.94s;
		-moz-animation-delay:1.94s;
}
#fountainTextG_10{
	animation-delay:2.09s;
		-o-animation-delay:2.09s;
		-ms-animation-delay:2.09s;
		-webkit-animation-delay:2.09s;
		-moz-animation-delay:2.09s;
}
#fountainTextG_11{
	animation-delay:2.24s;
		-o-animation-delay:2.24s;
		-ms-animation-delay:2.24s;
		-webkit-animation-delay:2.24s;
		-moz-animation-delay:2.24s;
}
#fountainTextG_12{
	animation-delay:2.39s;
		-o-animation-delay:2.39s;
		-ms-animation-delay:2.39s;
		-webkit-animation-delay:2.39s;
		-moz-animation-delay:2.39s;
}
#fountainTextG_13{
	animation-delay:2.54s;
		-o-animation-delay:2.54s;
		-ms-animation-delay:2.54s;
		-webkit-animation-delay:2.54s;
		-moz-animation-delay:2.54s;
}
#fountainTextG_14{
	animation-delay:2.69s;
		-o-animation-delay:2.69s;
		-ms-animation-delay:2.69s;
		-webkit-animation-delay:2.69s;
		-moz-animation-delay:2.69s;
}
#fountainTextG_15{
	animation-delay:2.84s;
		-o-animation-delay:2.84s;
		-ms-animation-delay:2.84s;
		-webkit-animation-delay:2.84s;
		-moz-animation-delay:2.84s;
}
#fountainTextG_16{
	animation-delay:2.99s;
		-o-animation-delay:2.99s;
		-ms-animation-delay:2.99s;
		-webkit-animation-delay:2.99s;
		-moz-animation-delay:2.99s;
}
#fountainTextG_17{
	animation-delay:3.14s;
		-o-animation-delay:3.14s;
		-ms-animation-delay:3.14s;
		-webkit-animation-delay:3.14s;
		-moz-animation-delay:3.14s;
}
#fountainTextG_18{
	animation-delay:3.29s;
		-o-animation-delay:3.29s;
		-ms-animation-delay:3.29s;
		-webkit-animation-delay:3.29s;
		-moz-animation-delay:3.29s;
}
#fountainTextG_19{
	animation-delay:3.44s;
		-o-animation-delay:3.44s;
		-ms-animation-delay:3.44s;
		-webkit-animation-delay:3.44s;
		-moz-animation-delay:3.44s;
}




@keyframes bounce_fountainTextG{
	0%{
		transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainTextG{
	0%{
		-o-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-o-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainTextG{
	0%{
		-ms-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-ms-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainTextG{
	0%{
		-webkit-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-webkit-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainTextG{
	0%{
		-moz-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-moz-transform:scale(.5);
		color:rgb(255,255,255);
	}
}
/* end loading page */
#body{
    margin: auto;
    
}
/* container */
#container{
    margin: auto;
    width:100%;
    height:auto;
    /*background:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),url("http://www.syrinix.com/wp-content/uploads/2017/10/houston-home.jpg");*/
    background:rgb(rgb(242, 242, 242));
    background-size:cover;
    background-attachment: fixed;
    background-position: bottom;
}
.title-content{
    margin: auto;
    text-align:center;
    font-family:Cairo;
    margin-top: 50px;
    color:rgb(5,25,39);
    padding:10px;
    font-size:35px; 
}
.title-content-link{
    text-decoration: none;
}

.phar-content{
    margin:auto;
    width:60%;
    font-family:Questrial;
    font-size:15px;
    color:rgb(115, 115, 115);
    font-weight: normal;
    text-align: center;
}
/* header */
header{
    margin: auto;
    width: 100%;
    height:100px;
    background:rgb(5,25,39);
    box-shadow: 0 2px 2px rgba(25,25,25,0.25);
}
.title_table{
    margin: auto;
    height:100px; 
    margin-left:100px; 
}
#title{
    margin: auto;
    margin-top:0px;
    width:270px;
    font-family: Arial, Geneva,Helvetica, sans-serif;
    font-size:27px; 
    color: white;
    text-shadow:0 1.5px 2px rgba(0,0,0,0.2); 
}
#sub_title{
    margin: auto;
    margin-top: -8px;
    margin-left:-2px; 
    width:250px;
    font-family:Cairo;
    font-size:15px; 
    color: white;
    text-shadow:0 1.5px 2px rgba(0,0,0,0.2); 
}
.logo{
    margin: auto;
    width:120px;
    height:80px;
    margin-right:0px; 
    background-image: url(logo/a-aprop_logo-300x71.png);
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center;
    
    margin-top:15px;
}
/* end header */
/* sub-header */
.sub-header{
    margin: auto;
    width:100%;
    height:30px;
    background: white;
    
}
.phone-number-content{
    margin:auto;
    width: 10%;
    font-size:12px;
    color: rgb(95,95,95);
    padding:7px;
    padding-left:15px; 
    float: left;
    margin-left: 100px;
    background:url("icons/phone_52px.png");
    background-size:12px;
    background-repeat: no-repeat;
    background-position: center left;
}
.email-address-content{
    margin:auto;
    width: 10%;
    font-size:12px;
    color: rgb(95,95,95);
    padding:7px;
    padding-left:19px; 
    float: left;
    margin-left: 0px;
    background:url("icons/message_filled_100px.png");
    background-size:12px;
    background-repeat: no-repeat;
    background-position: center left;
}
.social-media-content{
    margin:auto;
    width: 10%;
    font-size:12px;
    color: rgb(95,95,95);
    padding:3px;
    padding-left:19px; 
    float: right;
    margin-right: 100px;
}
.sm-tb-content{
    margin: auto;
    width:200px; 
}
.fb-icon{
    margin:auto;
    width:15px;
    height:15px;
    background: url("icons/facebook_f_48px_gray.png");
    background-size: contain;
}
.fb-icon:hover{
    margin:auto;
    width:15px;
    height:15px;
    background: url("icons/facebook_f_48px.png");
    background-size: contain;
}
.googleplus-icon{
    margin:auto;
    width:18px;
    height:18px;
    background: url("icons/google_plus_100px_gray.png");
    background-size: contain;
}
.googleplus-icon:hover{
    margin:auto;
    width:18px;
    height:18px;
    background: url("icons/google_plus_100px.png");
    background-size: contain;
}
.linked-in-icon{
    margin:auto;
    width:13px;
    height:13px;
    background: url("icons/linkedin_2_filled_100px_gray.png");
    background-size: contain;
}
.linked-in-icon:hover{
    margin:auto;
    width:13px;
    height:13px;
    background: url("icons/linkedin_2_filled_100px.png");
    background-size: contain;
}
.twitter-icon{
    margin:auto;
    width:15px;
    height:15px;
    background: url("icons/twitter_52px_gray.png");
    background-size: contain;
}
.twitter-icon:hover{
    margin:auto;
    width:15px;
    height:15px;
    background: url("icons/twitter_52px.png");
    background-size: contain;
}
.feature-title{
    margin: auto;
    text-align:center;
    font-family:Cairo;
    margin-top: 50px;
    color:rgb(5,25,39);
    padding:10px;
    font-size:35px; 
    width:1200px; 
}
.feature-par{
    margin: auto;
    width:50%;
    text-align: center;
    color: gray;
    font-family:Antic;
    font-size:15px; 
    font-weight: normal;
}
.property-content{
    margin: auto;
    height:auto;
    width:1250px;
}
/* end sub-header */
/* sub container */
.sub_container{
    margin: auto;
    width:100%;
    border-bottom:1px solid white;
    height:auto;
}
.feature-title{
    margin: auto;
    text-align:center;
    font-family:Cairo;
    margin-top: 50px;
    color:rgb(5,25,39);
    padding:10px;
    font-size:35px; 
    width:1200px; 
}
.feature-par{
    margin: auto;
    width:50%;
    text-align: center;
    color: gray;
    font-family:Antic;
    font-size:15px; 
    font-weight: normal;
}

/* end sub-header */
.prop-col{
    margin: auto;
    float: left;
    font-family:Questrial;
    margin-left:50px; 
    width:350px;
    border:1px solid rgba(205,205,205,1); 
    height:470px;
    box-shadow:0 2px 5px rgba(0,0,0,0), 0 2px 5px rgba(0,0,0,0);
    margin-top:20px; 
}
.prop-col:hover{
     box-shadow:0 2px 5px rgba(0,0,0,0.25), 0 2px 5px rgba(0,0,0,0.35);
    margin-top:20px; 
}
.prop-img{
    margin: auto;
    width:350px;
    height:250px;
    background:url('http://www.byustore.com/byu-vinson/img/no_image_available.jpeg?resizeid=2&resizeh=1200&resizew=1200'); 
    background-size: cover;
    background-position: center;
    object-fit: cover;
}
.prop-address{
    margin: auto;
    padding:10px;
    font-size:19px;
    width:250px;
    margin-top: -10px;
    background: white;
    position:relative;
    padding-left:20px;
    font-weight: bold;
    top:-20px; 
    left:-35px; 
}
.prop-city-zip{
    margin: auto;
    padding:0px;
    font-size:14px;
    width:250px;
    color:rgba(25,25,25,0.8); 
    margin-top: -10px;
    background: white;
    position:relative;
    padding-left:20px; 
    top:-20px; 
    left:-40px; 
}
.prop-details{
    margin: auto;
    width:300px;
    height:100px; 
    color:gray;
    font-size:14px;
    font-weight: lighter;
}
#links{
    text-decoration: none;
}
.prop-price{
    margin: auto;
    font-size:14px;
    width:300px;
    float: left;
    margin-left:20px; 
    margin-top:-20px;
    padding-bottom:10px;
    color: green;
}
.prop-link-button{
    text-align: center;
    font-size:14px;
    cursor: pointer;
    font-family: Antic;
    font-weight: normal;
    color: gray;
}
.prop-link-button:hover{
    color: black;   
}
.prop-view-more-button{
    margin:auto;
    cursor: pointer;
    width: 90%;
    height:100px; 
    text-align: center;
    font-weight: normal;
    margin-top:-40px;
    position: relative;
    
}
.prop-button:hover{
    color:rgb(5,25,39);
}
.prop-button{
    border-style: none;
    background:transparent;
    font-size: 15px;
    color: gray;
}
/* end sub container */

/* navbar */
.navbar {
  list-style-type: none;
  margin: 0;
  position: absolute;
  top: 58px;
  right:20px; 
  padding: 0;
  overflow: hidden;
  width:600px; 
  float: right;
  font-family: Arial, Geneva,Helvetica, sans-serif;
  font-size:14px; 
}

.navbar_col {
  float: left;
}

.navbar_col .navbar_link {
  display: block;
  color: rgba(179, 179, 179,0.6);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.navbar_col .navbar_link:hover {
  color: white;
}
#active{
    color: white;
}
/* end navbar */

/* footer */
footer{
    margin: auto;
    float: left;
    margin-top: 100px;
    width:100%; 
    height:380px;
    background:linear-gradient(rgba(0,68,136,0.5),rgba(0,68,136,0.5)),url("https://www.wallpaperup.com/uploads/wallpapers/2012/12/29/26846/0efee088ee4886a2907c2b7e3eeb6885.jpg");
    background-size: cover;
    background-position: center;
}
#contact-info{
    margin: auto;
    width: 45%;
    float: left;
    height: 310px;
    background:rgba(0,34,68,0.8);
}
.contact-content{
    margin: auto;
    border: 1px solid transparent;
    width: 55%;
    height:80%;
    margin-top:50px; 
}
.contact-title-content{
    color: white;
    font-size:35px;
    height:60px;
    margin-top:10px;
    font-weight: bold;
}
.contact-address-content{
    color: white;
}
.info-content{
    color: white;
    padding-top: 3px; 
}
#get-in-touch{
    margin: auto;
    width: 55%;
    float: right;
    height: 310px;
}
.getintouch-tb{
    margin: auto;
    width:60%; 
    color: white;
    margin-top:50px;
    height:50px;
    
}
.getintouch-tb1{
    display: none;
    
}
.getintouch-title{
    font-size:30px; 
}
.name, .email, .phone{
    margin: auto;
    width:250px;
    height:30px;
    font-size:12px; 
    padding-left:10px;
    font-family: Antic;
}
.message{
    margin: auto;
    width:250px;
    height:105px;
    font-family: Antic;
    font-size:12px; 
     padding-top:10px;
     padding-left:10px;
    
}
.submit-btn{
    margin: auto;
    border-style: none;
    height:30px;
    width:100px;
    color:white;
    background:rgb(0,34,68);
    font-family: Antic;
    font-weight: bold;
}
#footer{
    margin: auto;
    width: 100%;
    height: 70px;
    float: left;
    background:rgb(0,34,68);
}
.copyright{
    margin: auto;
    color: white;
    padding:27px;
    width:40%;
    margin-left:50px; 
    float: left;
    font-size:12px;
}
.social-media-tb{
    margin: auto;
    width:30%;
     margin-right:50px;
     padding:24px;
    float: right;
     
    
}
.social-media-link{
    text-decoration: none;
    font-size:12px;
    color: white;
}
/* end footer */