/* CSS Document */
body {font-family: 'Lato', sans-serif; }
h1 {font-family: 'Paytone One', 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;}
.offer h4:hover {text-transform: 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: "";}

/*============Slider===================*/
.hero-slider {height:700px; overflow: hidden;}
.slide {height:700px!important; width:100%; background-size: cover; background-position: center center;}
.slide-wrap {text-align:center; font-size:14px; background: rgba(0,0,0,0.6); position: absolute; width: 100%; bottom:0; padding-top:10px;}
.slide-wrap p {color:#FFFFFF;}
#hero-slide1 {background-image:url(../images/hero-homestead.jpg);}
#hero-slide2 {background-image:url(../images/hero-jake.jpg);}
#hero-slide3 {background-image:url(../images/hero-bellatess.jpg);}
#hero-slide4 {background-image:url(../images/hero-homestead.jpg);}
#hero-slide5 {background-image:url(../images/hero-diamondrock.jpg);}
#hero-slide6 {background-image:url(../images/image6.jpg);}

#callout {background-color: #2b2b2b; text-align: center; position: fixed; width: 100%; padding-top: 5px; z-index: 99;}

#jumbo-dumbo {padding:0px; margin: 0px; background: none;}

#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-green {background:#23AA86; 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;
    background-color: #65A2DB;
}
.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;}
.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:#4b3e39; background-repeat: no-repeat; padding: 10px; border-top-left-radius: 20px;}


.bg-whitewater, .bg-whitewater p {
    background: #2A66B5!important;
    color: #FFFFFF!important;
    position: relative;
    overflow: visible;
}
.bg-bellatess   {
    background: #2A66B5!important;
    color: #FFFFFF!important;
    position: relative;
    overflow: visible;
}
.bg-border {border-style: solid; border-top: none; border-left: none; border-bottom: none;}
.bg-rosewood, .bg-rosewood p, .bg-rosewood h3 {
    background: #65a2db!important;
    color: #FFFFFF;
}
.bg-jake {
    background: #65a2db;
    color: #FFFFFF;
}
.bg-riverpointe, .bg-riverpointe p {
    background: #808080!important;
    color: #FFFFFF;
}
.bg-homestead   {
    background: #808080!important;
    color: #FFFFFF;
}

.bg-whitewater-alt, .bg-whitewater-alt p {
    background: #2A66B5!important;
    color: #FFFFFF!important;
}
.bg-rosewood-alt {background:#453635!important; color: #FFFFFF!important;}
.bg-riverpointe-alt, .bg-riverpointe-alt p {background:#95754D!important; color: #FFFFFF!important;}

.bg-rosewood-mtn {background:url("../images/bg-rosewood-mtn.jpg") no-repeat; background-color: #453635}
.btn-100 {width:100%; border:0px; padding:10px 0px; text-transform: uppercase; letter-spacing: 1px;}
.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; }

.logo {
    height: 146px!important;
    margin: auto;
    display: block;
    padding-top: 40px;
    padding-bottom: 20px;
}
.hero-img {height:400px; background: url(http://conversionlogix.com/clientpreviews/rentboiseapartments/images/boise%20autumn.jpg); background-position:top; position:relative; background-size: cover;}

.hero-img h1 {font-family: 'Paytone One', sans-serif; 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;}
.hero-copy{ background: hsla(00, 0%, 0%, 0); height: 300px}

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

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

.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: 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;}
	#bug-riverpointe {
	position:absolute;
	width:150px;
	height:150px;
	margin-top:-50px;
		margin-left: 50%;
}
#bug-riverpointe img {width:150px; position: relative; margin-left: -50%;}
}
@media only screen and (max-width: 480px) {
	.btn {background: #eee; height: 35px; width: 180px; margin:60px auto 0px auto; display: block;}
	

}