@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,500,700&display=swap);
body{background:#222;color:#fff;font-family:Roboto,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif;font-weight:500}
.font-Roboto{font-family:Roboto,sans-serif!important}
.font-oswald{font-family:Oswald,sans-serif!important;font-weight:500}
#pbr-masthead{background-color:#ffc033}
.logo img{width:110px}
#pbr-masthead .header-main{padding:6px 0}
.wpb_content_element{margin-bottom:0}
#pbr-mainmenu{padding:39px 0}
.mb-10{margin-bottom:10px}
.mb-20{margin-bottom:20px}
.mb-25{margin-bottom:25px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.mb-100{margin-bottom:100px}
.infor-contact a,.title-about .sub-title-v2{color:#fff}
.flex-row{display:flex;flex-wrap:wrap}
a{color:#fff}
.feature-box .fbox-icon i,.h1,.h2,.h3,.h4,.h5,.h6,a:focus,a:hover,h1,h2,h3,h4,h5,h6{color:#ffc033}
.feature-box .icons{border-color:#ffc033}
.color-white,.color-white h2,.color-white h4{color:#fff}
.color-white h4{font-weight:400}
article.opalestate_property .entry-content{border:0}
.wpb_gallery .flexslider{border:0;border-radius:0;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
body.author-admin .content-area,body.single .content-area{background:#222}
article.portfolio{padding:0;background-color:transparent;margin-bottom:3px}
html{scroll-behavior:smooth}
.bg-grey{background:#f1f1f1}
.yellow-bg{background:#ffc033}
.sidebar-offcanvas{background:#222}
.yellow-bg h3{color:#222;font-weight:500;margin-top:10px}
.color-black,.color-black h3{color:#222}
.yellow-bg .wpcf7-form .contact-form-3 label{color:#222}
.yellow-bg .wpcf7-form .contact-form-3 .form-control{background:#fff}
.yellow-bg .wpcf7-form .contact-form-3 .wpcf7-submit{box-shadow:none}
.w-100{width:100%}
.wpb_wrapper .flex-control-paging li a{background:#fff}
.title-about .widgettitle:after,.wpb_wrapper .flex-control-paging li a.flex-active{background:#ffc033}
.white-bg{color:#222;background:#fff}
.white-bg h3{font-weight:400;margin-top:0}
.white-bg h2{color:#222;font-weight:400;font-size:30px}
.white-bg h4{color:#222;font-weight:400;text-transform:uppercase}
.project-highlight .type-text{font-size:24px}
.project-highlight .col-sm-4{display:flex}
.project-highlight .vc_column-inner{border:1px solid #ffc033;margin-top:30px;align-items:center;display:flex;width:100%}
.project-highlight .wpb_wrapper{padding:20px}
.align-center{display:flex;align-items:center}
.counters .counter-wrap:after{background:#ffc033;display:none}
.counters .counter-wrap{color:#fff}
article.post{margin-bottom:30px;background-color:transparent}
article.post .post-preview .entry-date{top:-50px}
#comments .form-control{background:0 0;color:#fff}
.btn-primary{border-color:#ffc033}
.btn-primary:hover{background:#ffc033;border-color:#ffc033}
.vc_gitem-post-data-source-post_excerpt{color:#222}
.portfolio-col{background:#fff;height:100%}
.portfolio-col .details{padding:15px;color:#222;line-height:1.6}
.portfolio-col .details h4 a{color:#ffc033}
.portfolio-col .details h3 a{color:#ffc033}
.portfolio-col .details a{color:#222}
.portfolio-banner,.subpage-banner{position:relative;margin-bottom:80px;min-height:200px;background:url(images/header-bg.jpg) no-repeat #999 center center;background-size:100%;background-attachment:fixed}
.portfolio-banner img,.subpage-banner img{width:100%}
.portfolio-banner-overly,.subpage-banner-overly{position:absolute;top:0;bottom:0;width:100%;left:0;background:rgba(0,0,0,.3)}
.portfolio-breadscrumb,.subpage-banner-breadscrumb{position:absolute;top:0;bottom:0;width:100%;left:0;display:flex;align-items:center;text-align:center}
.subpage-banner-breadscrumb .breadcrumb{margin-bottom:0;padding:20px 0}
.portfolio-breadscrumb h1,.subpage-banner-breadscrumb h1{color:#fff;padding-bottom:30px;text-transform:uppercase;font-size:50px;position:relative;padding-top:25px}
.portfolio-breadscrumb h1:after,.subpage-banner-breadscrumb h1:after{background:#fff;bottom:0;content:"";left:0;margin:auto;position:absolute;right:0;width:104px;height:1px}
.tags{padding-left:0;margin-left:-3px;margin-right:-3px;margin-top:10px}
.tags li{list-style:none;padding:5px 15px;display:inline-block;margin:3px;background:#ececec;border-radius:15px;font-size:12px}
.yellow-box{background:#ffc033;color:#222;border:10px solid #fff;padding:30px 30px 10px}
.yellow-box h2{color:#222}
.half-white{position:relative}
.half-white:before{position:absolute;left:0;right:0;top:0;height:50%;background:#fff;width:100%}
.video-box{display:flex;align-items:center;justify-content:space-between;padding:30px 0}
.video-box h2{color:#fff;text-transform:uppercase}
.video-box h5{color:#fff;font-weight:400}
.video-box h4{color:#fff;font-weight:400}
.video-box .btn{margin-left:50px;border:3px solid #fff;display:flex;align-items:center;padding:10px 20px;font-weight:500;background:0 0}
.video-box .btn .fa{margin-right:10px;font-size:22px}
.floor_plans .owl-controls{display:block!important}
.floor_plans .items{position:relative}
.floor_plans .item img{filter:blur(2px);-webkit-filter:blur(2px)}
.floorplan_wrap{position: relative;}
.floorplan_wrap .theme-btn{ width: 275px; text-align: center; position: absolute ;z-index:999 ;left: 0;right: 0;top: 0;margin: auto;bottom: 0;  height: 45px;}
.plan_button,.price_list_button{position:absolute;top:50%;left:0;right:0;width:210px;border:0;height:42px;background:#ffc033;color:#fff;font-size:16px;margin:-24px auto auto}
.plan-formm{display:none;position:absolute;width:100%;top:0;left:0;background:#fff}
#planForm .close,#pricelist .close{position:absolute;right:15px;top:15px;border:0;color:#222;font-size:26px;padding:0 12px}
#planForm h4,#pricelist h4{font-weight:400}
.deposit-structure .wpb_wrapper{display:flex;align-items:flex-end}
.deposit-structure li{padding-left:30px;font-size:20px;list-style:decimal;padding-bottom:25px}
.promo-content{position:relative;background:#fff;color:#222;overflow:hidden}
.promo-content .wpb_text_column{position:absolute;bottom:0;background:#fff}
.promo-img img{height:100%;width:auto}
#main-content{margin-bottom:0}
.modal .wpcf7-response-output{color:#222}
.modal-body{color:#222;position:relative}
.modal-body .close{position:absolute;right:10px;top:10px;color:#222;z-index:99}
.theme-color{color:#ffc033}
.home .counter-wrap .clearfix{display:none}
.home h4.wpb_pie_chart_heading{color:#fff;margin-top:0;text-align:left!important;font-family:Roboto Condensed,sans-serif;font-size:14px;font-weight:400}
.home .vc_pie_wrapper{margin:0!important}
.home .vc_pie_chart canvas{display:none!important}
.home .vc_pie_wrapper .vc_pie_chart_back{display:none!important}
.home .vc_pie_wrapper .vc_pie_chart canvas{display:none!important}
.home .vc_pie_chart_value{height:80px!important;text-align:left!important;line-height:80px!important;position:relative!important;font-size:50px!important;font-weight:700;padding-top:6px;font-family:Roboto Condensed,sans-serif}
.post-navigation .nav-links{display:flex;flex-wrap:wrap}
.post-navigation .nav-links a>div.next-post,.post-navigation .nav-links a>div.prev-post{height:100%}
.post-navigation .nav-links a>div .meta-nav{color:#fff}
#videoModal .modal-dialog{height:100%;width:calc(100% - 20px);display:flex;align-items:center}
#videoModal .modal-content{margin:0 auto;width:100%;max-width:600px}
.pricelist-placeholder{position:relative}
#home_content_about .content-style{margin:inherit}
.color-black a{color:#222}
.mfp-content{color:#222}
.pbr-pagination .pagination>li .page-numbers{color:#fff}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#ffc033}
.header-mobile .search-mobile .searchform .pbr-search .input-group-addon input{font-size:18px;padding:15px 7px;position:relative;top:0;right:0;background-color:#ffc033;border-radius:0;border:0}
#searchmodal .input-group-addon{padding:0;width:40px;background-color:#ffc033;border-radius:0}
#pbr-topbar{background:#222}
.footer-wrapper{background:#fff}
.pbr-footer .widget .widget-title,.pbr-footer .widget .widgettitle{color:#222}
.pbr-footer .widget a{color:#222}
.pbr-footer:before{background-color:#e8e8e8}
.pbr-footer .contact-footer,.pbr-footer .widget ul li{color:#222}
ul.short-details{padding-left:0}
.short-details li{list-style:none;vertical-align:top;padding:10px}
.short-details li:nth-child(odd){background:#efefef}
.short-details li label{width:40%;vertical-align:top;margin-bottom:0}
.short-details li span{display:inline-block;width:40%}
.register-btn{margin-bottom:0!important}
.register-btn a{font-size:28px!important}
#videoModal .modal-dialog{height:100%;width:calc(100% - 20px);display:flex;align-items:center}
#videoModal .modal-content{margin:0 auto;width:100%;max-width:600px;position:relative}
.modal-price-list .modal-lg{height:100%;display:flex;align-items:center}
.modal-price-list .modal-content .close{position:absolute;right:0;top:0;border:0;color:#222;font-size:26px;padding:0 12px;z-index:9}
.download-btn a,.download_btn{border:2px solid #ffc033;color:#ffc033;background-color:transparent;width:280px;text-align:center;padding:15px 0;margin-bottom:15px;border-radius:5px}
.download-btn .fa,.download_btn .fa{font-size:20px;margin-right:15px}
.download_btn{display:inline-block;padding-left:30px;text-align:left}
button.close.right-close{float:right;border:0;color:#222;font-size:26px;padding:0 12px;background:#e5e5e5}
h4.modal-title{font-weight:400}
div#registerHere{padding:30px 30px 15px}
div#registerHere .btn:hover{background:#222}
.portfolio-items{display:flex;flex-wrap:wrap}
.portfolio-items .col-md-4{margin-bottom:30px}
.infusion-field{color:#222}
.promo-img img{border:1px solid #222}
#menu-sitemap li{display:block;line-height:2}
#menu-sitemap li ul.sub-menu{margin:15px 0;padding-left:20px}
#menu-sitemap li{border-bottom:1px dashed #3d3d3d;color:#909090;padding:8px 0 8px 17px;position:relative;font-weight:300;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
#menu-sitemap li:after{border-bottom:4px solid transparent;border-left:4px solid #ffc033;border-top:4px solid transparent;content:"";left:0;position:absolute;top:15px;width:0;height:0}
.contactus-form .infusion-field{color:#fff}
.contactus-form button{padding:15px;font-weight:400}
.contactus-form H2{font-weight:600}
.search-results article.post .post-preview .entry-date{top:0;left:0}
.search-results article{margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:25px}
.search-result-all article img{display:none}
.search-result-all .post-time{padding:10px 0}
.footer-bottom{border-top:1px solid #eee;padding:15px 0;font-size:12px}
.pbr-footer .widget{margin-bottom:0}
.pbr-footer .footer-bottom .widget{margin-bottom:0}
.pbr-copyright{padding-top:20px;padding-bottom:20px}
.pagination>li{display:inline-block;margin-bottom:10px}
.search-results article.page{background:0 0}
.post-time .entry-date{background:#ffc033;color:#fff;left:0;font-family:Playfair Display,monospace;font-size:15px;font-style:italic;flex-direction:column;justify-content:center;padding:15px;position:absolute;top:0;text-align:center;text-transform:none;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}
.search-results article.portfolio .entry-title{font-size:25px;font-weight:500;margin-bottom:0;padding:40px 0 5px;text-transform:uppercase}
label.error{color:#d60b0b;margin-bottom:0;margin-top:3px}
.op-hrs{margin-top:50px}
.op-hrs .widget-title{margin-bottom:0}
.pika-single{position:absolute!important}
.pika-single.is-bound{position:absolute!important}
.infusion-calendar-wrapper{position:relative}
.calendar-picker-container{right:10px;top:15px;position:absolute}
.black-btn a{font-size:23px!important;font-weight:700!important;width:100%}
.black-btn a:hover{background:#ffc033!important;color:#222!important;font-size:23px;font-weight:700}
.color-black p{line-height:24px}
.emc-calculator,.emc-field input,.frontpage-3 article.post .entry-author,.frontpage-3 article.post .entry-comment,.frontpage-3 article.post .entry-date,.navbar-mega .navbar-nav>li>a,article.post .entry-title,button,input,select,textarea{font-family:Roboto,sans-serif}
.col-5{float:left;width:20%;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
#promovideoModal .modal-content{background:#222}
#promovideoModal .modal-body{padding-bottom:52%;position:relative}
#promovideoModal video{width:100%;position:absolute;width:100%;height:100%;left:0;top:0}
#promovideoModal .modal-body .close{color:#fff;background:#f7f7f740;border:0}
.pbr-footer .contact-footer{line-height:30px}
.video-btn{background:#222;font-size:23px;color:#fff;font-weight:700;width:100%;border-radius:5px;padding:14px 0}
.video-btn:hover{background:#ffc033;color:#222;font-size:23px;font-weight:700}
.linebar{position:relative}
.font-18{font-size:18px}
.pika-single.is-bound{right:0}
.pika-button{padding:10px!important}
.search-results .pbr-breadscrumb h1,.single-post .pbr-breadscrumb h1{margin-top:60px;color:#fff}
.search-results .pbr-breadscrumb,.single-post .pbr-breadscrumb{background:url(images/header-bg.jpg) no-repeat #999 center center;background-size:cover;background-attachment:fixed}
.hp-banner{min-height:calc(100vh - 170px);background-position:center center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background-size: cover;}
.banner-wrapper{width:100%;padding:0 25px;text-align:center;max-width:700px}
.banner-content{display:flex;align-items:center}
.banner-content .banner-logo{margin-right:30px;width:200px}
.banner-wrapper h2{color:#fff;font-size:56px}
.banner-wrapper h4{color:#fff;font-size:28px}
.banner-search{width:100%;margin:50px auto 0}
.search-form{display:flex;align-items:center; flex-wrap: wrap;}
.search-btn{height:50px;background:#ffc033;color:#222;border:2px solid #fff;padding:6px 25px;font-size:18px;box-shadow:none}

.grid:after{content:'';display:block;clear:both}
.grid-item,.grid-sizer{width:33.333%}
.grid-item{float:left;padding:5px}
.grid-item img{display:block;max-width:100%}
h2.title{margin-top:0}
.full-img{width:100%}
iframe{width:100%}
.quick-info{background:#fff;padding:60px 0}
.y-box{background:#ffc033;font-family:Oswald,sans-serif;font-weight:500;padding:50px 15px;color:#222;font-size:20px;text-align:center;display:flex;align-items:center;justify-content:center;text-transform:uppercase;width:25%;border:1px solid #fff}
.y-box p{margin-bottom:0;margin-top:20px}
.overview{margin-bottom:50px}
.image-gallery-wrapper{padding:60px 0}
.client-packages-wrapper{padding:60px 0;background:#fff}
.client-packages-wrapper h2{color:#222;text-transform:uppercase}
.theme-btn{background:#ffc033;color:#222;border:0;text-transform:uppercase;font-family:Oswald,sans-serif;font-weight:500;font-size:16px;border-radius:30px;padding:10px 25px;display:inline-block}
.theme-btn:focus{color:#222}
.theme-btn:hover{color:#fff}
.client-package{color:#222;padding:10px 0 20px}
.walk-score{margin-top:50px}
.download_button{
padding-top: 50px;
}
.m-auto{margin:0 auto}
.google-map-wrapper{padding:60px 0}
.google-map-wrapper iframe{width:100%}
.google-map-wrapper p{margin-bottom:0}
.about-developer{color:#222;background:#fff;padding:60px 0}
.about-developer h2{color:#222;text-transform:uppercase;margin-top:0}
.developer-list .contents-wrapper{display:flex;flex-wrap:wrap}
.developer-list .contents-wrapper .image{padding-right:20px;width:250px}
.developer-list .contents-wrapper .image img{width:100%}
.developer-list .contents-wrapper .content{flex:1}
.developer-list p{margin-bottom:0}
.about-developer .developer-list{border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:30px}
.about-developer .developer-list:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.register-form{padding:60px 0 0}
.register-form iframe{height:475px;}
.register-form h3{text-transform:uppercase;color:#222;font-size:26px; margin-bottom:0; text-align: center;}
.single-portfolio h2{margin-top:0}
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}
.yellow-bg .btn-primary{padding:10px 20px;background:#222}
.yellow-bg .btn-primary:hover{background:#fff;color:#222}
.yellow-bg p{margin-bottom:0}
.floating-btn{color:#222;text-transform:uppercase;background:#ffc033;font-family:Oswald,sans-serif;font-weight:500;font-size:16px;padding:10px 20px;display:block;position:fixed;right:-46px;top:65%;z-index:999;transform:rotate(270deg)}
.floating-btn:hover{color:#fff}
.mob-readmore{margin-bottom:30px;margin-top:15px;display:flex;align-items:center;background-color:transparent;padding-left:0;border:0}
.mob-readmore:after{content:"\f105";font-family:FontAwesome;padding-left:10px;font-size:20px}
.single-developers .entry-author,.single-developers .entry-comment,.single-developers .post-navigation{display:none}
.mob-footer-menu{position:fixed;left:0;right:0;bottom:0;z-index:999;display:none}
.mob-footer-menu ul{padding-left:0;font-size:0;background-color:#ffc033;margin-bottom:0}
.mob-footer-menu ul li{list-style:none;width:33.3333%;font-size:16px;border-right:1px solid #fff;text-align:center}
.mob-footer-menu ul li:last-child{border-right:0}
.mob-footer-menu ul li{display:inline-block}
.mob-footer-menu ul li a{padding:7px 0;text-align:center;display:block;color:#222}
.mob-footer-menu .fa{font-size:22px}
.mob-footer-menu .fa,.mob-footer-menu span{display:block}
.mob-footer-menu span img{width:24px}
.mob-footer-menu ul li:last-child img{width:20px}
.about-developer .theme-btn{margin-top:20px}
.banner-search select.form-control{width:140px;color:#222}

.banner-search .property-input{flex:1;width:auto}
.developers-col{height:100%}
.developers-col{text-align:center;background-color:#fff}
.developers-col .inner-col{display:flex;justify-content:center;align-items:center;height:100%;padding:20px}
.developers-col .inner-col a{display:block;width:100%}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-70{margin-bottom:70px}
.mb-80{margin-bottom:80px}
.developer-image{padding:30px;background-color:#fff;display:flex;align-items:center;justify-content:center}
.overview-content{max-height:210px;overflow:hidden}
.overview .theme-btn{margin-bottom:30px}
@media (max-width:500px){
    .floorplan_wrap .theme-btn{ width: 215px;  height: 60px;}
    }
@media (max-width:1365px){
.scrollup{bottom:80px}
}
@media (max-width:1200px){
.text_infor .textwidget{font-size:14px;max-height:none}
}
@media (max-width:1023px){
.project-highlight .type-text{font-size:18px}
}

@media (max-width:991px){
.y-box{width:50%}
.developer-list .contents-wrapper .content{width:100%;flex:auto}
.google-map-wrapper iframe{height:300px}
}
@media(max-width:979px){
  .register-form iframe{height:375px;}
  }
@media (max-width:767px){
.project-highlight .col-sm-4{width:100%}
.pbr-footer .widget{margin-bottom:40px}
.pbr-footer .widget .widget-title{margin-bottom:0}
.footer-bottom{margin-top:-40px}
.sitemap-menu .hidden-xs{display:block!important}
.col-5{width:100%;margin-bottom:15px}
}
@media (min-width:768px){
#home_content_about .content-style{margin-bottom:0}
.portfolio-banner,.subpage-banner{min-height:296px}
.linebar:after{position:absolute;right:30px;top:50%;width:3px;content:'';height:500px;margin-top:-200px;border-right:2px dashed #dedede}
}
@media (min-width:991px){
.linebar:after{right:35px}
}
/* @media (min-width:992px){
.modal-price-list .modal-lg{width:1170px}
.walk-score>div{width:100%!important}
} */
@media (max-width:1860px) and (min-width:1200px){
.counters{margin-top:0}
}
@media (max-width:480px){
.video-box{flex-wrap:wrap}
.video-box .btn{margin-top:20px}
.portfolio-breadscrumb h1,.subpage-banner-breadscrumb h1{font-size:22px}
.portfolio-breadscrumb .breadcrumb,.subpage-banner-breadscrumb .breadcrumb{padding:0}
.portfolio-banner,.subpage-banner{min-height:160px;overflow:hidden}
.portfolio-banner img,.subpage-banner img{height:160px;width:auto;max-width:none}
#videoModal iframe{height:180px}
.portfolio-banner,.subpage-banner{background-size:cover}
.black-btn a{font-size:19px!important}
.black-btn a:hover{font-size:19px}
.banner-wrapper h2{color:#fff;font-size:34px}
.banner-wrapper h4{color:#fff;font-size:16px}
.banner-content .banner-logo{margin-right:10px}
.y-box{width:100%}
.overview-content{max-height:205px;overflow:hidden}
.mob-footer-menu{display:block}
.pp_pic_holder{width:100%!important;margin-top:-100px!important;left:0!important;overflow:hidden}
div.pp_default .pp_content_container .pp_left{padding-left:0!important}
div.pp_default .pp_content_container .pp_right{padding-right:0!important}
.pp_content{width:100%!important;height:auto!important}
.pp_fade{width:100%!important;height:100%!important}
.pp_bottom,.pp_gallery,.pp_hoverContainer,.pp_top,a.pp_contract,a.pp_expand{display:none!important}
#pp_full_res img{width:100%!important;height:auto!important}
.pp_details{box-sizing:border-box;width:100%!important;padding-left:3%;padding-right:4%;padding-top:10px;padding-bottom:10px;background-color:#fff;margin-top:-2px!important}
a.pp_close{right:10px!important;top:10px!important}
.pp_content_container .pp_right{padding-right:0}
.pp_content_container .pp_left{padding-left:0}
.single-portfolio .featured-img{margin:0 -30px}
.quick-info{padding:0}
.quick-info .container{padding:0;width:100%!important}
.y-box{border-left:0;border-right:0}
.y-box:first-child{border-top:0}
.y-box:last-child{border-bottom:0}
.grid-item,.grid-sizer{width:50%}
.google-map-wrapper,.image-gallery-wrapper{padding:0}
.google-map-wrapper p{line-height:0;margin-bottom:0}
.google-map-wrapper .container,.image-gallery-wrapper .container{padding:0;width:100%!important}
.overview{margin-bottom:0}
.register-form h3{text-align:center}
.single-portfolio .footer-wrapper{padding-bottom:50px}
.single-portfolio .pbr-copyright .tp_social{padding-top:60px}
.portfolio-breadscrumb h1{padding-top:0}
.register-form iframe{height:330px;}
}
@media (max-width:479px){
.floating-btn{display:none}
.portfolio-banner{background-image:none;background-color:#ffc033;color:#222}
.portfolio-breadscrumb h1{color:#222;padding-bottom:0}
.breadcrumb li a,.breadcrumb>li.active,.breadcrumb>li:after{color:#222}
.portfolio-breadscrumb h1:after{display:none}
.portfolio-banner img,.portfolio-banner-overly{display:none}
.portfolio-breadscrumb{text-align:left}
.portfolio-banner{min-height:130px;margin-bottom:50px}
.container{width:340px!important}
.search-form .form-group{width: 100%}
}
@media (max-width:359px){
.container{width:300px!important}
}
@media only screen and (min-width:768px) and (max-width:990px){
.download-btn a,.download_btn{width:200px;padding:10px 0;margin-bottom:15px;font-size:12px}
.download-btn .fa,.download_btn .fa{margin-right:5px}
.download_btn{padding-left:10px}
.single-portfolio .vc_pie_chart{margin-right:10px!important;margin-left:10px!important}
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}

#st-1.st-has-labels .st-btn.st-remove-label {
    min-width: 50px;
}
.st-custom-button[data-network] {
 
    display: inline-block;
    padding: 1px 27px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    padding-left: 7px;
    padding-bottom: 10px;
    
}
.sharing_button{
width:40px;
}



.flex{display: flex;}
.flex-1{flex:1;}
.justify-center{justify-items: center;}
/* Map Search */
#searchForm .row{margin-left: -5px; margin-left: -5px;}
#searchForm .col-md-8, #searchForm .col-md-4{padding:0 5px;}

.map-search-form{padding: 15px 15px 5px;}



.property-search-result .portfolio-col img{width: 100%;}
.relative{position: relative;}
body.page-template-page-map-search  {overflow-x:unset;}
.map-search-form .flex-row{margin-left: -5px; margin-right: -5px;}
.map-search-form .flex-row .form-group{padding-left: 5px; padding-right:5px;}
.map-search-form .flex-row .form-group .btn{height: 100%; border-radius: 0;}
.map-search-form .search-wrapper{max-width: 400px; flex: 1;}
#overlay {
  background: #ffffff;
  color: #666666;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  padding-top: 25%;
  opacity: .80;
}

.spinner {
  margin: 0 auto;
  height: 64px;
  width: 64px;
  animation: rotate 0.8s infinite linear;
  border: 5px solid firebrick;
  border-right-color: transparent;
  border-radius: 50%;
}
@keyframes rotate {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.error {
  color: yellow !important;
}
#items.portfolio-items {min-height: 250px;}
.nothing-found{min-height: 250px; display: flex; justify-content: center; align-items: center; width: 100%; padding: 15px;}
.nothing-found h2{margin: 0;}
.search-result-container {
  padding: 0 15px;
}
.f-image{position:relative; display:block;}
.coming-soon, .now-selling{width:100px; position:absolute; left:10px; top:10px;}
.now-selling svg, .coming-soon svg{width:100%;}
@media(min-width:992px){
  .property-search-result{height: 100%; overflow: hidden; overflow-y: scroll; padding-right:15px; position: absolute; right: 0;}
  .map-property-result-wrapper .col-md-6{padding-left: 5px; padding-right: 5px;}
  .search-row{display: flex;}
  .search-result-container{padding-right: 15px;}
}
@media(max-width:991px){
.fixed-top{margin-bottom: 20px;}
}
@media(max-width:767px){


}
@media(max-width:480px){
.map-search-form{padding-top: 0;}
.price-range {width: 100%;}
.map-search-form .search-wrapper{flex:auto;}
.sort-by{flex:1;}
.map-search-form .form-group{margin-bottom: 10px;}
.map-search-form .form-control {height:42px;}
.map-search-form .search-btn{height: 42px; padding:6px 12px;}
.xs-w-full{width:100%}
.banner-search .form-group{width: 100%; margin-bottom: 10px;}
.banner-search .form-group select, .banner-search input[type=text].form-control, .banner-search .form-group button{width: 100%; flex:auto}
.banner-search .property-input{flex:auto}
}

.map-label {
	max-width: 560px;
	text-align: center;
}