@import url('https://fonts.googleapis.com/css?family=Lato:200,300,400,500&display=swap');


:root{
--color-primary:#333333;
--color-primary-button:#333333;
--color-primary-font:#ffffff;
--color-secondary:#F0F7EB;
--color-secondary-font:#000000;
--color-footer:#333333;
--color-footer-font:#ffffff;
}

/*website*/
html{font-size:14px;-webkit-overflow-scrolling: touch;}
body{font-family: 'Lato', sans-serif;}
body#recohomepage{ font-size:1.5rem;font-weight:300}
body#content-content{font-size:1.5rem;}
#viewport-wrapper {min-height:705px;}
.iframed #viewport-wrapper{min-height:300px;}
.no-margin-top{margin-top:0;}
p{margin-bottom:20px;}

h1 {font-size:3.4rem; font-weight:300;}
h2{font-size: 2.8rem;font-weight:300;margin: 20px 0;color:#333333}
h3{font-size: 2rem;font-weight:300;margin:20px 0 20px;}
h4{width:100%;}
h4{font-size: 1.4rem;font-weight:300;}
.btn{font-size: 1.2rem;font-weight:300;border-radius:0;padding:10px 20px;}
.dropdown-menu{border-radius:0;}
a{color:#336699;text-decoration:none;}
a:hover{color:#336699;text-decoration:underline;}

/*header*/
#viewport-wrapper{clear:both;}
.container-header{position:relative;z-index:998;padding:10px;background:#333333;transition: 0.2s;}
.container-header.header-plain{background:#fff;border-bottom:solid 1px #ececec;padding:2px;}
#recohomepage .container-header:not(.header-plain){position:absolute;width:100%;
background:transparent;padding:20px 10px;z-index:1;
}
.container-header.header-bg1{background-image:url(/Images/Common/css/RECoDesigns/v1/images/header-bg1.jpg);background-position:center;}
.container-header .navbar{min-height:none;margin-bottom:0;}
.container-header:not(.header-plain) a,.container-header:not(.header-plain){font-size:1.1rem;font-weight:300;color:#ffffff;}
.container-header a{font-weight:500;}
.container-logonav{display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
align-items:center;}
.container-header.reco .navbar{float:right;}
.container-header.reco .navbar-nav{display:unset;}
.container-header .navbar-nav > li > a{border:solid 2px transparent;font-size:1.1rem;font-weight:300;text-transform:uppercase;background:transparent;padding:10px;}
.container-header.reco:not(.header-plain) .nav > li > a:hover, .container-header:not(.header-plain) .nav > li > a:focus,.container-header:not(.header-plain) .nav .open > a, .container-header:not(.header-plain) .nav .open > a:hover, .container-header:not(.header-plain) .nav .open > a:focus
{background:transparent;color:#ffffff!important;}

.container-header.reco .navbar-nav > li > .dropdown-menu{background:#000;border:solid 1px #999;border-radius:0;margin-top:0px;}
.container-header.reco .dropdown-menu > li > a{color:#ffffff;padding:10px;border-bottom:solid 1px #999;}
.container-header.reco .dropdown-menu > li:last-child > a{border:0;}
.container-header.reco .dropdown-menu > li > a:hover, header .dropdown-menu > li > a:focus{color:#ffffff;background:rgba(0,0,0,0.5);}
.container-header.reco .dropdown-menu{padding:0;}
.container-header img{max-height:70px;}
#recohomepage .container-header.not(.header-plain) img{max-height:120px;}
.container-header .dropdown:hover .dropdown-menu {display: block;}
.container-header .navbar{min-height:30px;}

/*end header*/

.container-banner {
    background-image: url(/images/common/css/recodesigns/v1/images/hp-bg1.jpg);
    height: 750px;
    background-position: center center;
    background-size: cover;position:relative;
    color: #fff;
    padding: 0;}

.container-banner::before {
    display: block;
    position: absolute;
    background: rgba(0,0,0,.4);
    height: 100%;
    width: 100%;
    content: '';
top:0;left:0;
}
.container-banner.banner-lg, .container-banner.banner-lg::before {height:950px;}
.bg-image1 {
    background-image: url(/images/common/css/agentdesigncss/2018/images/bg-house3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
}

/*search page bootstrap 4 overrides*/
.container-header .container-inner .navbar{display:unset;}


/* .img-responsive{width:100%;} scope too broad and reckless; if you must have this please narrow it to what you're targeting. Overidding a framework is never a solution */


.carousel-hero .item{height:770px;}
.carousel-hero .hero-bg{background-size:cover;height:100%;-o-object-fit: cover;background-position:center;
  object-fit: cover;width:100%;}
.carousel-hero .item::before {
  position: absolute;top:0;left:0;
 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, transparent 85%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 85%);
  width: 100%;height:100%;
  content: '';
}

.container-search {position: absolute;
    top: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
    width:100%; text-align:center;}
.container-banner .banner-main{max-width:1200px;text-align:Center;margin:0 auto;}
.container-banner h2{font-weight:300;font-size:2rem}

.banner-search,#recohomepage .banner-search.container-inner {padding-top:40px;padding-bottom:80px;margin:0 auto;max-width:1000px;}
.banner-search h1, .banner-search h3,.banner-search h2{padding:0;margin:10px 0;color:#ffffff;}

.banner-search .tab-content{margin:20px auto 0;}
.banner-search .search-container{margin: 80px auto 0;max-width:800px;}
.banner-search .input-group, .search-box .input-group{width:100%;max-width:800px;margin:0 auto;}

.search-box .input-group {border: solid 1px #cccccc;}
.banner-search .input-group input, .search-box .input-group input{width:100%; color:#333333;padding:20px 15px;font-weight:400;border-radius:0;border:0;}
.search-box .input-group input{padding:15px 10px;}
.banner-search .input-group-btn, .search-box .input-group-btn{width:4.786rem!important;background:#fff;}
.banner-search .input-group button, .search-box .input-group button{width:100%;padding:20px auto;border:0;border-radius:0;font-size:25px;color:#333;background:transparent;}
.banner-search .input-group button i.fa, .search-box .input-group button i.fa{font-size:25px;}
.group-btn-filter{border-left:solid 1px #cccccc;}

.nav-tabs{border:0;display:flex;justify-content:center;}
.nav-tabs > li > a{min-width:100px;border:0; border-bottom:solid 4px #ececec!important;color:#000;font-size:1.4rem;font-weight:500;cursor:pointer;border-radius:0;background:rgba(255,255,255,0.6);}
nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{color:#000000;border:0;border-bottom:solid 4px #333333!important;background:rgba(255,255,255,0.6);}
.banner-main .btn-primary{color: #fff;
background-color: rgba(0,0,0,0.5);
border-color: #fff;
border-radius: 0;
font-size: 1.25rem;
padding: 10px 40px;}

.banner-search .search-filter-container{background:rgba(255,255,255,0.6);padding:30px 10px;margin:0;}
.search-filter-container input, .search-filter-container select{width:100%!important;padding:5px;}
.search-filter-container .bootstrap-select{width:100%!important;}
.search-filter-container .bootstrap-select .btn{padding:7px;color:#999}
.bootstrap-select > .dropdown-toggle{border-radius:0;}

.bg-image{ background-image: url("/images/common/css/agentdesigncss/2018/images/bg-house3.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;color:#fff;}
.bg-image.img1{ background-image: url("/images/common/css/agentdesigncss/2018/images/bg-house3.jpg");}
.bg-image.img2{ background-image: url("/images/common/css/agentdesigncss/2018/images/bg-green.jpeg");}

.bg-color1{background:#4AACE9;color:#ffffff;}
.bg-color1 a,.bg-image1 a {color:#ffffff;text-decoration:underline;}
.container-fluid h2{margin:0 0 20px;}
.container-testimonial{padding:20px 0;}
.container-content,.container-carousel{padding:40px 10px;margin:0 auto;}
.container-content-bg{padding:60px 10px;background:#f1f1f1;}
.container-content-bg .container-inner{max-width:1000px; margin:0 auto;}
.btn.btn-secondary{margin-top:5px;}
#recohomepage .container-content{max-width:1000px;}
.bg-gradient{padding:0;position:relative;background-position:center}
#recohomepage .bg-gradient::before {
  display: block;
  position: relative;
  background:rgba(0, 0, 0, 0.4);
  width: 100%;
  content: '';min-height:500px;
}
.bg-gradient .container-inner{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width:80%;
}

.border-right{border-right:solid 1px #ececec;}
.border-top{border-top:solid 1px #ececec;}
.container-cta {text-align:center;padding:40px 0;}
.container-cta > .row{display:flex;}
.container-cta .cta-box{padding:30px;}
.container-cta .cta-box .fa{font-size:60px;}

.text-lg{font-size:2rem;}

/*image boxes*/
.container-image-boxes .image-box{position:relative;padding-top:33%;background-size: cover;margin:0;background-position:center;color:#fff}
.container-image-boxes .image-box.col-md-12{padding-top:50%;}

.container-image-boxes .row .image-box.col-xs-12{margin:0;}
.container-image-boxes .image-box:not(.no-bg)::before{background:rgba(0,0,0,0.4);height:100%;position:absolute;content:'';left:0;top:0;width:100%;}
.container-image-boxes .image-box > *, .container-image-boxes .image-box btn{position:absolute; top: 50%;
    left: 50%;padding:15px 20px;
    transform: translate(-50%, -50%);color:#ffffff;text-transform: uppercase; width:90%}
.container-image-boxes .image-box a{font-size:2.5rem;color:#fff;}
.container-image-boxes .image-box a.btn{ border:solid 1px #ffffff;  border-radius:0; width:70%;font-size:1.8rem;max-width:300px;}
@media (min-width: 1500px) {
.container-image-boxes .image-box{padding-top:22%;}
}
@media (max-width: 767px) {
.container-image-boxes .image-box{padding-top:70%;}
}


/*footer*/
.footer-container{padding:0;margin-top:40px;}
#recohomepage .footer-container{margin-top:0;}
.iframed .container-footer-links{display:none;}
.container-footer, .container-footer-links{padding:40px 10px}
.container-footer .row{margin-bottom:20px;}
.container-footer{background:#333333;font-size:1.2rem;color:#ffffff;text-align:left}
.container-footer-links {background:#f1f1f1;font-size:1.1rem;text-align:center;font-weight:300;}
.container-footer-links a{padding:10px;}
.container-footer a{font-size:1.2rem;color:#ffffff;padding:10px;}
.container-footer p a{padding:0;}
.container-footer a:hover{color:#ececec;text-decoration:underline;}
.footer-nav a {padding:20px;} 
.footer-nav {margin-bottom:20px;}
.container-social .fa{font-size:30px;padding:10px 20px;}
.footer-logo{height:30px;}
ul.footer-nav{list-style:none;padding:0;}
ul.footer-nav > li{float:left;padding:5px 20px 5px 0;}
.footer-copyright a,.footer-copyright{font-size:1.2rem;padding:2px;}
.footer-copyright img{max-height:40px;margin:0 10px;}
.container-footer-social{text-align:center;background:#ececec;padding:20px 10px;}
.container-footer-social a{padding:20px;font-size:2rem}
.container-footer .btn.btn-secondary{border-color:#ffffff;font-size:1rem; background:transparent!important;color:#ffffff!important;}
.container-footer h4{margin-bottom:20px;}
/*end footer*/

/*Slick Listing Carousel
.listing-carousel .slick-list{width:95%;}
.listing-carousel .slick-slide{margin-right:5px;}
.listing-carousel .listing-info{font-size:1.2rem;font-weight:300;}
.listing-carousel p{margin:0;}
.listing-carousel a,.listing-carousel a:hover,.listing-carousel a:focus{color:#333333;text-decoration:none;}
.listing-carousel .listing-price{color:#333333;font-size:2rem;font-weight:500;}
.listing-carousel.carousel-5 .listing-price{font-size:1.6rem;}
.listing-carousel .listing-photo img{height:250px;width:100%;}
.listing-carousel.carousel-5 .listing-photo img{height:150px;width:100%;}
.listing-carousel .slick-arrow {
  width: 25px;
  height: 25px;margin-top:50px;
  z-index: 5;
  border-top: 3px solid #333;border-bottom:0;
  border-right: 3px solid #333;border-left:0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;background:transparent;font-size:0;
}

.listing-carousel .slick-arrow:hover {
  opacity: .5
}

.listing-carousel .slick-prev {
  left: 0%;  
  transform: rotate(225deg);float:left;
}

.listing-carousel .slick-next {
  transform: rotate(45deg);float:right;position:absolute;top:0;right:10px;
}


end Slick Listing Carousel*/


.container-content .row img{max-width:100%;}
.container-content .row {margin-bottom:40px;}
.container-content .col-md-12{margin-bottom:20px;}
@media (max-width: 1200px) {
html{font-size:12px;}
.container {width:100%;}
.container-header .navbar-nav > li > a{padding:15px 10px;}
}

@media (max-width: 790px) {
html{font-size:11px;}
}
@media (min-width: 767px) {
body:not(#listing-listingsearch) header.sticky, body#recohomepage .container-header.sticky{ position: fixed; top: 0; width: 100%;padding:0;z-index:111;}
body:not(#listing-listingsearch) #viewport-wrapper.sticky{
  padding-top: 90px;
}
header.sticky img{max-height:40px;}

.container-header .navbar-nav > li > a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.container-header .navbar-nav > li > a:hover::after,
.container-header .navbar-nav > li > a:focus::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
}
.bgfixed {
        background-attachment: fixed;
    }
@media (max-width: 767px) {
.group-btn-filter{display:none;}
.container-content .row {margin-bottom:0;}
.border-right{border-bottom:solid 1px #ececec;}
.carousel-hero .item{height:600px;}
#recohomepage .container-header:not(.header-plain) img {max-height: 70px;max-width:100%;}
.container-header .navbar-nav > li > a{padding:15px;font-size:1.5rem;}
.container-search{top:330px;}
.bg-gradient .container-inner{width:100%;}
#recohomepage .bg-gradient::before {min-height:400px;}

.header-1,.slick-arrow{display:none!important;}
.bgfixed {
        background-attachment: scroll;
    }
.container-inner{padding:10px 20px;}
.container-fluid.container-search,.container-header .container-fluid{padding:0;}
body#recohomepage{font-weight:300;}
.banner-search h3{font-weight:300;}
.container-header > div,.container-header .row{margin:0;}
.container-content .col-xs-12{margin-bottom:20px;}

.container-header.reco .navbar,.container-header .navbar-toggle{float:none;}
.container-logo{text-align:center;}
.container-header .logo-company{max-height:50px;margin-top:5px}
.container-header.container-fluid{padding:20px 0 0;}
.container-header .navbar-toggle .icon-bar{background:#ffffff;width:35px;height:4px;}
.container-header.header-plain .navbar-toggle .icon-bar{background:#666;}
.container-header .navbar-toggle .icon-bar + .icon-bar{margin-top:6px;}
.container-header .navbar-toggle{top:0;margin:0;padding:0;}
.container-header .navbar-toggle.collapsed:hover .icon-bar + .icon-bar {margin-top: 8px;}
.container-header .fa{font-size:30px;}
.container-nav,.container-login{padding-top:15px;text-align:center}

.container-header .navbar-nav {text-align:left;}
.container-header .nav > li > a:hover, header .nav > li > a:focus, header .nav .open > a, header .nav .open > a:hover, header .nav .open > a:focus
{background:#666;border-color:transparent;color:#fff;}
.container-header.reco .navbar-nav > li > .dropdown-menu{width:100%;border-right:0;position:relative;margin-bottom:20px;}
.container-header .dropdown-menu > li > a{border:0;}
.container-header .navbar-collapse{background: rgba(0,0,0,0.8);width: 300px;padding:0;	position:absolute;}
.container-header .navbar-collapse{margin-top:45px;}
.container-header.header-plain .navbar-collapse{background:#ffffff;border:solid 1px #cccccc;}
.container-header .navbar-collapse.collapse.in{display:block!important}


.container-banner, .container-banner::before {height:650px;}
.container-banner .container-inner{top:330px;}
.banner-search{padding-top:30px;padding-bottom:30px;}
.container-testimonial{padding:40px 0;}
.container-content-bg{padding:30px 5px;}
.container-footer-social a{padding:10px;}
.container-cta > .row{display:inline-block;}

#ui-searchmotifv3-listingdetail .container-header .col-xs-9 {width: 75%;-webkit-flex:0 0 75%;flex:0 0 75%}
#ui-searchmotifv3-listingdetail .container-header .col-xs-3 {width: 24%;-webkit-flex:0 0 24%;flex:0 0 24%}
#ui-searchmotifv3-listingdetail .container-header .col-xs-6 {width: 50%;-webkit-flex:0 0 50%;flex:0 0 50%}
}
a:hover, .btn:hover{opacity:0.7}

/* menu button change to X when open*/

.navbar-toggle  .icon-bar {
    width: 22px;
    transition: all 0.2s;
  }
.container-header .navbar-toggle .icon-bar:nth-child(2) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
  }
.container-header  .navbar-toggle .icon-bar:nth-child(3) {
    opacity: 0;
  }
.container-header   .navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
  }

.container-header .navbar-toggle.collapsed .icon-bar:nth-child(2) {
    transform: rotate(0);
  }
.container-header  .navbar-toggle.collapsed .icon-bar:nth-child(3) {
    opacity: 1;
  }
.container-header   .navbar-toggle.collapsed .icon-bar:nth-child(4) {
    transform: rotate(0);
  }



.fa-sliders::before {

    content: "\f1de";

}

.viewport-article-content{max-width:1200px;margin: 10px auto;padding:10px;}
.viewport-article-content h1{margin-bottom:30px;}
.community-box a{font-size:2rem;color:#ffffff;padding:80px; text-align:center;border:solid 1px #cccccc;display:block;background-image: url("/images/common/css/CMSDesigns/v1/images/cta-explore.jpg");background-size:cover;}

/*-- email prop popup  --*/
#listing-sendlisting .contentTitle {text-align: center;}
#listing-sendlisting img{display: none;}
.popup-footer-copyright{padding-left: 46px;}
#listing-sendlisting .mr30{
    margin-right: 20px;
}
#content-forms-contactme .contact-info-website{display: none;}

/*Property ShowCase*/
#listing-singleproperty .container-header{display:none;}
.company-logo{background-size: contain;font-size: 0;height: 70px!important;width: auto;background-repeat: no-repeat;max-height: none!important;}
#sp-navbar{background:#333!important;}
.img-findagent img{width:100%;}


/*Modal*/
.modal-content{border-radius:0;padding:0 10px; font-size:1.2rem;}
.modal-content button.close{font-size:45px;position:relative;z-index:10;}
.form-container input[type=text],.form-container textarea{width:100%;margin-bottom:10px;padding:10px;}

/*sidebar menu*/
header.sidebar .navbar-toggle{display:inline-block;}
header.sidebar .navbar-toggle .icon-bar{background:#fff; height:4px; width:35px;}
header.sidebar .navbar-toggle .icon-bar + .icon-bar{margin-top:6px;}
header.sidebar .navbar-toggle:hover .icon-bar.top-bar {top: 3px;position: relative;}
header.sidebar .navbar-toggle:hover .icon-bar.bottom-bar {bottom: 3px;position: relative;}

.sidebarmenu {position:fixed;height:100%;right:0;top:0;z-index:999;background:#fff;transition: 0.5s;border-left:solid 1px #DEB45D; width:420px;max-width:100%;overflow-y:auto;}
.sidebarmenu ul{list-style:none;padding:5px 0;}
.sidebarmenu ul li{text-align:center; padding:20px 40px;border-bottom:solid 1px #f1f1f1; font-size:1.2rem;transition: 0.3s;display:block}
.sidebarmenu ul li a {color:#000; text-transform:uppercase;}
.sidebarmenu .social {border-bottom:0;padding-top:40px;}
.sidebarmenu .social a{font-size:2rem;margin-right:30px;color:#DEB45D}
.sidebarmenu .social a:last-child{margin:0;}
.sidebarmenu .close{padding:20px 30px 10px;float:none;text-align:right;}
.sidebarmenu .closemenu img{height:30px;}
.icon-bar-text{font-size:10px;}