/* CSS Document */

/*======== Greystar Required Links CSS ==============*/
#disclaimer {text-align:center; color:#000000;}
#disclaimer a {color:#000000;text-decoration: underline!important;}
#eho {display:inline-block; margin-right:5px;}
#ada {display:inline-block; margin-right:5px; width:25px;}
#greystar {display:block; margin:15px auto; width:125px;}
#privacy, #dmca #disclosures {color:#fff; text-decoration: underline; font-size:12px;}
#clx {}
/*====================================================*/
body {font-family: 'Montserrat', sans-serif;}
h1 {font-family: 'Montserrat', sans-serif;}
.intro {line-height:36px; font-size:18px;}
.colorme {padding-top:20px; padding-bottom:20px; margin-top:-30px;}
.grn {background-color:#23AA86;}
.grn h1, .grn h2 {color:#000000;}
.grn p, .grn li {color:#FFFFFF!important;}
h1, h2, h3 {color:#494949;}

h3 {font-weight:400!important; font-size:16px!important; border-bottom:1px solid #494949; padding-bottom:7px;}
p {color:#494949; font-size:14px; line-height: 28px!important;}
li {display:block; color:#494949;}
a {color:#000000; text-decoration: none!important;}

section {padding:25px 0px; border-bottom:1px solid #ddd;}
li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #494949;
}
nav li:before {content: "";}
#bug-riverpointe {
	position:absolute;
	width:100px;
	height:100px;
	margin-top:-30px;
}
#bug-riverpointe img {width:100%; max-width:200px; position: relative;}

.bg {padding: 5px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 125px auto; width:700px; height: 250px;}


.bg-rad-blk {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+60 */

background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


color:#FFFFFF; text-shadow: #000000 2px 2px 10px;}

.arrow {display:block;}
.down-mo {margin-top: 0px;
    -webkit-animation-name: down-motion;
    -webkit-animation-duration: 4s;
    animation-name: down-motion;
    animation-duration: 4s;
    animation-iteration-count: infinite;
	position: absolute;
}

@keyframes down-motion {
    0%   {margin-top:0px;}
    50%  {margin-top:10px;}
    100%   {margin-top:0px;}
}
.mobile-header {color: white!important; padding: 10px; box-sizing: content-box; text-align: center; display:none; background-color: black;}
.mobile-header h3 { color: #fff!important;}

.bg-blk70 {background:rgba(0,0,0,0.4); color:#FFFFFF!important;}
.bg-coral {background:#E64F3D; color:#FFFFFF}
.bg-grey {background:#3a3a3a; color:#FFFFFF; overflow: visible!important;}
.bg-lt-grey {background:#eeeeee; color:#000000}

.wh-text {color:#FFFFFF;}
.btn-property {margin:20px auto 20px auto!important; display: block!important; padding: 10px;}
.btn-property:hover, .btn-tabs:hover {border:none!important; outline: none!important;}
.btn-property:focus, .btn-tabs:focus {border:none!important; outline: none!important;}

/*================Property Header=====================*/
.property-link {min-height:345px; position:relative;}
.property-img {opacity: 0.5; position: relative; transition: opacity .25s; -webkit-transition: opacity .25s;}
.property-link:hover > .property-img {opacity: 1;}
.property-dets {line-height:28px;}
.property-btn {color: #fff; width:100%!important; padding: 10px; border: none; margin: 7px auto; text-transform: uppercase; letter-spacing: 4px;}

.property-desc{text-align: center!important; font-size: 13px!important; line-height: 150%!important; color: #B89202!important; font-weight: 600;}

.offer {width:100%; padding:15px 10px 15px 10px; box-sizing: border-box; height: auto; min-height: 65px; text-align: center; text-decoration: none!important;}
.offer h4 {text-indent: -12px; margin-left:25px; text-decoration: none!important;}
.offer h4:hover {text-decoration: none!important;}

.grabber-text {font-size:16px; letter-spacing: 0.01em;}

.special {position:relative; margin-top: -40px; width: 33%; background-color:#E64F3D; background-repeat: no-repeat; padding: 10px; border-top-left-radius: 20px;}

.bg-border {border-style: solid; border-top: none; border-left: none; border-bottom: none;}


.bg-1, .bg-1 p, .bg-1 h3 {background:#152238!important;}
.bg-2, .bg-2 p {background:#1c2e4a }
.bg-3, .bg-3 p {background:#23395d!important; }


.btn-100 {width:100%; border:0px; padding:10px 0px; text-transform: uppercase; letter-spacing: 1px; color: #ffffff;}
.btn a {color:#FFFFFF;}
.btn:hover {background:#000000; color:#fff;}
.button-wrap {width:95%; max-width:300px; display:block; margin:20px auto;}
.fancy-thumb {width:33%;}

.nav {background:#ccc;}
.nav a {color:#FFFFFF;}
.nav a:hover {color:#000;}
.nav li:before {content:''}
.tabs {margin:20px auto;}
.tabs li {}
.tab-pane {padding:20px; padding-bottom: 20px;border-left: 1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}

.panel-header {height:100px!important; }

#crest-logo {width:300px!important; margin: auto; display: block; padding-top:10px; padding-bottom:20px;}
#ridge-logo {width:300px!important; margin: auto; display: block; padding-top:10px; padding-bottom:20px;}


.hero-img {height:330px; background: url(../images/hero-tennis.jpg); background-position:center; position:relative; background-size: cover;}
.hero-img h1 {color: #3a3a3a; font-weight: 700; text-transform: uppercase; font-size: 36px; padding-top: 30px; text-align:center;}
.hero-img p {text-align:center;}
.hero-img p strong {text-transform:uppercase;}
.header-text {color: #fff; font-size: 45px!important; font-family: 'Montserrat', sans-serif!important; font-weight: 900!important;}
.subhead-text{color: #fff; font-size: 25px; font-family: 'Montserrat', sans-serif!important;}
.hero-copy{background:rgba(28,46,74,0.50); height: 250px; font-family: 'Montserrat', sans-serif!important;}

.property-title{text-transform: uppercase; color: #1c2e4a; font-weight: 800;}
.desc-text {font-weight: 600; font-size: 15px; color: #B79301!important; line-height: 20px!important;}

.arrow {position:absolute; bottom:70px; left: 48%; color: #3a3a3a;font-size: 48px;}
.carousel {margin-bottom:20px;}
.carousel-item {
	width: 100%!important;
}

footer.row {text-align: center; padding: 30px 0px;}

.form h2{color: #1c2e4a;}
.form-logo {width: 100px; align-content: center!important;}
.form {width:100%;}
.form table {width:100%;}
.form table tr {width:100%;}
.form table tr td {width:100%;}
.form table tbody {width:100%;}
.form span {background:#1c2e4a; padding: 10px; color:#FFFFFF;}

input {
	width: 100%;
	height: 45px;
	margin: 5px 0px 5px 0px!important;
	font-weight: 300;
	color:#1c2e4a;
	padding: 10px;
}
textarea {
	width:100%;
	height:100px;
	margin: 5px 0px 5px 0px!important;
	font-weight: 300;
	color:#000000;
	padding: 10px;
}
select {
	-webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;
	width:180px;
	padding: 10px;
	background:url(../images/icon-dropdown.png) #fff;
	background-repeat: no-repeat;
	background-position: 145px 50%;
	border-radius: 0px;
	border: none!important;
	outline:none!important;
}
select:focus {background:url(../images/icon-dropdown-focus.png) #eee;}
input:focus, textarea:focus {outline:none; border:none; background:#eee;}
select::-ms-expand { 
    display: none;
}

label {
	width:100%;
	background:#1c2e4a;
	padding: 10px;
	color: #ffffff;
	text-align: left;
    font-weight: 300!important;}

input[type="submit"] {
	background:#1c2e4a;
	color: #ffffff;
	font-size: 24px;
	border: none;
	outline:none;
	height: 55px;
}

.properties .row .col-lg-4 {min-height:1200px!important; overflow: auto;}

.offer-tooltip + .tooltip > .tooltip-inner {
	background-color:#000000!important; color:#fff; padding:20px;
}
.scrolling {
 height: 50px;
 overflow: hidden;
 position: relative;
	width:100%;
}
.scrolling p {
 font-size: 21px;
 color: #FFFFFF;
 position: relative;
 width: 100%;
 height: 100%;
 margin:-15px 0 0 0;
 line-height: 50px;
 text-align: center;
 background: transparent!important;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 /* Apply animation to this element */
 -moz-animation: scrolling 15s linear infinite;
 -webkit-animation: scrolling 15s linear infinite;
 animation: scrolling 15s linear infinite;
}


/* Move it (define the animation) */
@-moz-keyframes scrolling {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scrolling {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scrolling {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}
/*======================================
========================================
===============Tablet==================
=======================================
========================================*/

@media only screen and (max-width: 1275px){
.arrow {display:none;}

}

@media only screen and (max-width: 1200px){
.thankyou-copy{ background:rgba(0,0,0,0.55); height: 280px!important; padding-top: 5px!important;}
.thankyou-img h1 { color: #3a3a3a; font-weight: 700; text-transform: uppercase; font-size: 36px; padding-top: 5px!important; text-align:center;}
.thankyou-img p {text-align:center;}
.thankyou-img p strong {text-transform:uppercase;}

}

@media only screen and (max-width: 992px){
.arrow {display:none;}
.header-text {color: #fff!important; font-size: 35px!important;}
.subhead-text{color: #fff!important; font-size: 20px!important;}

.thankyou-copy{ background:rgba(0,0,0,0.55); height: 220px!important; padding-top: 5px!important;}
.thankyou-img h1 { color: #3a3a3a; font-weight: 700; text-transform: uppercase; font-size: 36px; padding-top: 5px!important; text-align:center;}
.thankyou-img p {text-align:center;}
.thankyou-img p strong {text-transform:uppercase;}
.buffer120 {padding-top: 10px}


}

@media only screen and (max-width: 768px) {
.bg,.bg-rad-blk {width:100%!important;}
#main-mess {width:95%!important; position: relative;}
#main-mess h1 {font-size:60px!important; line-height:60px!important;}
.slide-wrap p {font-size:14px; color: #FFFFFF; width:90%; margin: auto; display: block; padding: 10px 0px 15px 0px;}
.arrow {display:none;}

.hero-copy{ height: 250px!important;}
.hero-img h1 {padding-top: 30px!important}
.header-text {color: #fff!important; font-size: 40px!important; padding-top: 100px!important;}
.subhead-text{color: #fff!important; font-size: 25px!important;}

.thankyou-copy{ background:rgba(0,0,0,0.55); height: 200px!important; padding-top: 5px!important;}
.thankyou-img h1 { color: #3a3a3a; font-weight: 700; text-transform: uppercase; font-size: 36px; padding-top: 5px!important; text-align:center;}
.thankyou-img br {display: none}
.thankyou-img p {text-align:center;}
.thankyou-img p strong {text-transform:uppercase;}
.buffer120 {padding-top: 10px}
}


@media only screen and (max-width: 480px) {
.btn {background: #eee; height: 35px; width: 180px; margin:60px auto 0px auto; display: block;}

.thankyou-copy{ background:rgba(0,0,0,0.55); height: 220px!important; padding-top: 5px!important;}
.thankyou-img h1 { color: #3a3a3a; font-weight: 700; text-transform: uppercase; font-size: 36px; padding-top: 5px!important; text-align:center;}
.thankyou-img p {text-align:center;}
.thankyou-img p strong {text-transform:uppercase;}
.thankyou-img br {display: block}
.buffer120 {padding-top: 10px}

}