/* CSS Document */
body {font-family: 'Lato', sans-serif; }

h1 {font-family: 'Paytone One', sans-serif;}

a {color:#B06100!important; text-decoration: none!important;}
.offer h4:hover {text-transform: none!important;}
section {padding:25px 0px; border-bottom:1px solid #ddd;}
li {list-style:none; line-height: normal; margin-bottom:10px;}
/*li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    margin-left: -10px;
}*/
#bg-texture {
	background-image: url(../images/pattern.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

}
#blue {background-color:#275A99;}
#green {background-color:#007276;}
#bg-color-split {
    background: rgb(0,114,118);
background: -moz-linear-gradient(left,  rgba(0,114,118,1) 50%, rgba(39,90,153,1) 50%);
background: -webkit-linear-gradient(left,  rgba(0,114,118,1) 50%,rgba(39,90,153,1) 50%);
background: linear-gradient(to right,  rgba(0,114,118,1) 50%,rgba(39,90,153,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007276', endColorstr='#275a99',GradientType=1 );


}
.mw100 {max-width:100px;}
.mw200 {max-width:200px;}
.mw300 {max-width:300px;}

.arrow {display:block;}
.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-white {background-color:#FFFFFF;}
.bg-blk70 {background:rgba(0,0,0,0.4); color:#FFFFFF!important;}
.bg-property-1 {background-color:#B06100!important; color:#FFFFFF!important;}
.bg-property-2 {background-color:#808080!important; color:#FFFFFF!important;}

#property1, #property3 {background-color:#eee;}
#property2, #property4 {background-color:#fff;}
.bg-grey {background:#3a3a3a; color:#FFFFFF; overflow: visible!important;}
.bg-lt-grey {background:#eeeeee; color:#000000}

/*================Property Header=====================*/
.logo {width:100%!important; max-width: 300px!important; margin: auto; display: block;}
.jumbotron {background:transparent!important;}
.jumbotron  h1, .jumbotron h2 {font-family: 'Oswald', sans-serif;}
.hero-img {background: url("../images/bg-hero.jpg"); background-position:center; position:relative; background-size: cover; min-height: 600px!important;}

.arrow {position:absolute; bottom:90px; left: 48%; color: #3a3a3a;font-size: 48px;}
.carousel {margin-bottom:20px;}
.carousel-item {
	width: 100%!important;
}
.properties .row .col-lg-4 {min-height:1200px!important; overflow: auto;}

.offer-tooltip + .tooltip > .tooltip-inner {
	background-color:#000000!important; color:#fff; padding:20px;
}

#bg-blue {
background: -moz-linear-gradient(top, rgba(30,87,153,0.8) 0%, rgba(41,137,216,0.4) 50%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(top, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.4) 50%,rgba(125,185,232,0) 100%);
background: linear-gradient(to bottom, rgba(30,87,153,0.8) 0%,rgba(41,137,216,0.4) 50%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e5799', endColorstr='#007db9e8',GradientType=0 );
 color: #fff;
}

#bg-property1 {background-color:#11C6BD;}
#bg-property2 {background-color: #2A66B5;}
/* 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%);
 }
}
@media screen and (max-width: 480px) {
    #bg-color-split {
background: rgb(0,114,118);
background: -moz-linear-gradient(top,  rgba(0,114,118,1) 50%, rgba(39,90,153,1) 50%);
background: -webkit-linear-gradient(top,  rgba(0,114,118,1) 50%,rgba(39,90,153,1) 50%);
background: linear-gradient(to bottom,  rgba(0,114,118,1) 50%,rgba(39,90,153,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007276', endColorstr='#275a99',GradientType=0 );

    }
}

/*======== Greystar Required Links CSS ==============*/
#disclaimer {text-align:center;}
#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 {color:#fff; text-decoration: underline; font-size:12px;}
#clx {}
/*====================================================*/