@charset "utf-8";
body {
	background-image: url(images/real-estate-for-sale.gif);
	background-attachment: fixed;
	margin-top: 0px;
}
.navbar-default {	
	margin-bottom: 0px;
	height: 170px;
}
.mainLogo {
	animation-name: slideRight;
	animation-delay: .0s;
	animation-direction: normal;
	animation-duration: .9s;
	animation-iteration-count: 1;	
}
@keyframes slideRight {
	from {transform: translateX(-500px);}
	to { transform: translateY(0deg);}
}
.jumbotron {
	height: 500px;
	margin-top: 125px;
}
.cont-1 {
	background-color: #E7FFFF;
	padding: 20px;
	outline: 5px solid #000000;
	outline-offset: 10px;	
}
.py-2 {
	margin-bottom: 15px;
}
.topproduf {
	margin-top: 5px;
}
.glyphicon.glyphicon-phone {
	margin-left: 10px;	
	animation: ease;
	animation-name: shake;
	animation-duration: .1s;
	transition-delay: 50s;
	animation-iteration-count: 60;
}
@keyframes shake {
	from {transform: translateX(0px);}
	to {transform: translateY(-2px); transform: rotate(1000deg);}
}
.mainImg {
	background-image: url(images/real-estate-katy-texas.jpg);
	background-position: center;
	background-attachment: scroll;
}

.aboutImg {
	background-image: url(images/home-for-sale.jpg);
	background-position: bottom;
	background-attachment: scroll;
}
.aboutImg:hover {
	background-image: url(images/home-for-sale.jpg);
	background-position: center;		
	transition-duration: 20s;
}
.propImg {
	background-image: url(images/Luxuryhome1.jpg);
	background-position: bottom;
	background-attachment: scroll;
}
.propImg:hover {
	background-image: url(images/Luxuryhome1.jpg);
	background-position: center;
	transition-duration: 20s;
}
.resImg {
	background-image: url(images/luxuryhome2.jpg);
	background-position: center;
	background-attachment: scroll;
}
.commImg {
	background-image: url(images/commercial_real_estate.jpg);
	background-position: bottom;
	background-attachment: scroll;
}
.indusImg {
	background-image: url(images/industrial-real-estate.jpg);
	background-position: center;
	background-attachment: scroll;
}
.unimpImg {
	background-image: url(images/unimproved-land.jpg);
	background-position: bottom;
	background-attachment: scroll;
}
.farmlaImg {
	background-image: url(images/farm-land.jpg);
	background-position: center, right;
	background-attachment: scroll;	
}
.farmlaImg:hover {	
	background-image: url(images/farm-land-for-sale.jpg);
	background-position: left;
	transition-duration: 15s;	
}
.fsaleImg {
	background-image: url(images/luxury-houses.jpg);
	background-position: center;
	background-attachment: scroll;
}
.fleaseImg {
	background-image: url(images/real-estate-for-lease.jpg);
	background-position: center;
	background-attachment: scroll;
}
.sign {
	float: left;
	margin-left: 10px;
	margin-top: 120px;
}

.imgLeft {
	float: left;
	margin-top: 5px;
}
.imgRight {
	float: right;
}
.nav.navbar-nav {	
	margin-top: 0px;	
}
.navbar.navbar-default.navbar-fixed-top .container #myDefaultNavbar1 {		
	background-image: url(images/real-estate-3.jpg);
	margin-top: 10px;	
}
.navbar.navbar-default.navbar-fixed-top .container #myDefaultNavbar1 ul li a {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;	
}
.navbar.navbar-default.navbar-fixed-top .container #myDefaultNavbar1 ul li a:hover {
	font-size: 16px;
	color: #ff00ff;
	background-color: #25B1F1;
	transition: 0.5s;
}
.dropdown li {
	background-color: #FD0105;
}
.homePage h1 {
	color: #FFFFFF;
	margin-top: 40px;
}
.homePage h2 {
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 210px;	
}
.media .media-body .media-heading {
	font-size: 25px;
	font-weight: bold;
}

.navbar.navbar-default.navbar-fixed-top {
	background-image: url(images/houston-real-estate-market.jpg);
}
#social-icons {
	float: right;
	margin-top: 8px;
	margin-right: 20px;
}
.socIcon:hover {
	margin-top: auto;
	transform: scale(1.4); 	
	transition: 0.5s;
}

.realElogo {
	margin-top: 10px;
	margin-left: 35px;
	margin-right: 25px
}
.idx {
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}
.properties {
	background-image: url(images/houston-real-estate-market.jpg)
}
.spin:hover {
	transform: scale(1.5) rotate(1440deg);
	margin-left: 10px;
	margin-top: 9px;	
	transition: 1s;
}
.img-circle:hover {	
	transform: rotate(2880deg) scale(1.1);
	margin-left: 5px;
	margin-top: 5px;
	
	/*border: ridge 10px;
	border-color: #ff0000;*/
	transition: 0.5s;
}
.featured {
	background-image: url(images/Katy-real-estate-housing.gif);
}
.contact {
	background-image: url(images/houston-real-estate-market.jpg);
	margin-top: 20px;
	margin-bottom: 20px;
}
.compInfo {
	background-image: url(images/Katy-real-estate-housing.gif);
}
.nav.navbar-nav .active a {
	color: #000000;
	background-color: #FF3D40;
}
.formborder {
	background-image: url("images/real-estate-1.jpg");
	border-top-left-radius: 50px;
}
.border1 {
	margin-top: 10px;
	border: solid 6px #5851F9;
	border-radius: 10px;	
}
.border1:hover {	
	border: solid 7px #ff0000;
	border-radius: 10px;
	transform: scale(1.4);
	transition: 0.5s;	
}

label {
	float: left;	
	margin-left:5px;	
}

form p {
	float: left;
	width: 99%;
}
.noClear {
	clear: none;
	width: auto;
}
form p input {
	float: left;
	width: 99%;
	margin-left: 5px;
}
textarea {
	width: 99%;
	margin-left: 5px;
}

.col-md-6.text-center.form.border1 p strong {
	font-size: 20px;
}
.contactIdx {
	margin-top: 155px;
	margin-bottom: 10px;
}
.col-xs-12.text-center p a {
	color: #ffffff;
	font-weight: bold;
	background-color: #FF0000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	border-radius: 3px;
	text-decoration: none;
}
.col-xs-12.text-center p a:hover {
	color: #0000ff;
	font-weight: bolder;
	background-color: #00FF00;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	padding-bottom: 3px;
	border-radius: 3px;
	transition: 0.5s;
}
.smaller {
	font-size: 30px;
	margin-bottom: 20px;
}
.landlink {
	color: #FFFFFF;
	font-size: 20px;
	background-color: #3A54F3;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
}
.landlink:hover {
	text-decoration: none;
	color: #FF0000;
	font-size: 22px;
	transition: 0.5s;
}
.financing {
	background-color: blue;
	color: white;
	font-weight: bold;
	border-radius: 10px;
	padding: 2px;
}
.glyphicon.glyphicon-arrow-down {
	animation-name: pointdown;
	animation-delay: 0.5s;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	transition: 0.5s;
	color: red;	
}
@keyframes pointdown {
	from {transform: translateX(0);}
	to {transform: translateY(18px);}
}
.roundcorner {
	border-top: 2px solid red;
	border-top-left-radius: 75px;
}
.txtRed {
	color: red;
	font-weight: bold;
	animation-name: blinking;
	animation-delay: 5s;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	transition: 0.5s;	
}
@keyframes blinking {
	0% {color: red;}
	50% {color: red;}
	100% {color: white; transform: scale(1.1);}
}
.txtRed:hover {
	transform: scale(1.1);	
}

.textLeft {
	color: #ffffff;
	text-align: left;
	margin-left: 5px;
}
.bg-credit {
	background-image: url("images/real-estate-3.jpg");
	background-position: center;	
	border: 5px solid #ff0000;
	border-radius: 10px;
	margin-bottom: 10px;	
}
.ofButton {	
	background-color: darkgreen;
	font-size: 15px;
	border: 3px solid white;
	border-radius: 5px;
	margin-bottom: 5px;
}
.ofButton:hover {
	background-color: red;
	transform: scale(1.03);
	transition: 0.5s;
}
.ofButton a {
	color: white;	
}
.ofButton a:hover {
	text-decoration: none;	
}
.textWhite {
	color: white;
}
.callout {
	position: fixed;
	bottom: 12px;
	right: 15px;
	margin-left: 20px;
	max-width: 325px;
	z-index: 1;
}
.callout-header {
	padding: 25px 15px;
	background-image: url("images/real-estate-1.jpg");
	font-size: 30px;
	color: #ffffff;
	
}
.callout-container {
	padding: 15px;
	background-color: #cccccc;
	color: #000000;
}
.callout-container a:hover {
	text-decoration: none;
	color: #0000FF;
}
.closebtn {
	position: absolute;
	top: 5px;
	right: 15px;	
	color: #ffffff;
	font-size: 30px;
	cursor: pointer;
}
.closebtn:hover {
	color: red;
}

/* Owner financing page dropdown */
.dropbtn {
	background-color: #B73335;
	color: #FFFFFF;
	padding: 3px 15px 3px 15px;
	font-size: 16px;
	border: none;
	border-radius: 10px;
	margin-top: 20px;
}
.dropdown {
	position: relative;
	display: inline-block;	
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 180px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
	color: #000000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {background-color: #dddddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #445CFA;}

.leaseforms {
	float: right;
	margin-top: -60px;
}
.circle {
	color: white;
	width: 40px;
	height: 40px;
	background-color: darkred;
	float: right;
	border-radius: 50%;
	margin-top: -15px;
	margin-right: 2px;
	padding-top: 10px;
	padding-left: 5px;
}
.circle:hover {
	background-color: darkgreen;
	transform: scale(1.1);
	transition: .5s;
}
.text-orange {
	color: orange;
	font-weight: bold;
}
.bg-sell {
	background-color: blanchedalmond;
	border-radius: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.text-dangerr {
	animation-name: change;
	animation-delay: .5s;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	transition: .5s;
}
@keyframes change {
	from {color: red;}
	to {color: blue;}
}
table {
	background-color: #5851F9;
	border-radius: 10px;
}

td {
	width: 25%;		
	border-radius: 5px;	
}
td a {
	color: #fff;
	font-size: 16px;
}
td a:hover {
	text-decoration: none; 
	color: red;
	background-color: #fff;
	padding: 3px;
	border-radius: 5px;	
	transition: .5s;
}
.ofin {
	background-color: #5851F9;
	border-radius: 10px;
}
.ownerfin {
	color: aliceblue;
	font-size: 25px;
}
.ownerfin:hover {
	color: brown;
	text-decoration: none;
	transition: .5s;	
}
.app-text {
	color: aliceblue;
	font-size: 50px;
	border-radius: 10px;
	border-style: outset;
	background-color: blue;
}
.col-md-6.text-center ul {
	width: 100%;
	list-style: none;
	border-radius: 10px;
	background-image: url("images/real-estate-3.jpg");
	animation-name: rotating;
	animation-direction: normal;
	animation-delay: 2s;
	animation-duration: 15s;
	animation-iteration-count: 1;
	transition: 0.5s;
}
@keyframes rotating {
	from {rotate: 0deg;}
	to {rotate: 360deg;}
}
.col-md-6.text-center ul li a {
	color: aliceblue;
	font-size: 16px;
}
.col-md-6.text-center ul li a:hover {
	text-decoration: none;
	color: aliceblue;
	padding: 2px 20px 2px 20px;	
	border-radius: 5px;
	background-color: brown;
	transition: .5s;
}
.movedown {
	margin-top: 300px;
}
.moveup {
	margin-top: -160px;
}
.img-left {
	float: left;
	margin-top: 50px;
	margin-left: 200px;
}
.bg-easyfin {	
	color: #000;
	border: solid 5px #000;
	border-radius: 10px;
	margin-top: 10px;
	background-color: goldenrod;
	animation-name: changeco;
	animation-delay: .5s;
	animation-direction: normal;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	transition: .5s;
}
@keyframes changeco {
	from {background-color: goldenrod;}
	to {background-color: powderblue;}
}

.textleft {
	color: white;
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 3px;	
	float: left;
	border-radius: 5px;
	background-color: darkgreen;
}
.textright {
	color: black;
	font-size: 20px;
	font-weight: bold;
	float: right;
}
.borrad {
	border: solid black 1px;
	border-radius: 10px;
}
.down {
	margin-top: 5px;
	margin-bottom: 5px;
}
.borbot {
	border-bottom: solid #C9C2C2 1px;
}