@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Heebo:wght@100..900&display=swap');


:root{
    --main-font: "Heebo", sans-serif; 
    --alt-font: "Hanken Grotesk", sans-serif;
}

.coming_soon header,
.coming_soon .banner,
.coming_soon  .breadcrumb-wrap,
.coming_soon footer,
.coming_soon .uber-footer{
   display:none; 
}

.coming_soon .main-content{
    text-align:center;
}


body.home .site-banner .site-banner-inner img {
    object-fit: unset;
}
#banner-wrap .-button-center{
    text-align:center;
}
#theme-banner-content .widget-item{
left: 50%;
transform: translate(-50%, -50%);
}
header .-var3 .nav li > a{
    font-size: initial;
    font-weight: 400;
}
header .-var3 .nav{
    margin-top:5px;
}
.banner #theme-banner-content h1{
       font-size: 3.5em;
    font-weight: 500 !important;
    //font-family: "Hanken Grotesk", sans-serif;
    margin-bottom:35px;
    letter-spacing: 2px;
   padding-top: 40px;
}
#banner-wrap:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    opacity: 0.4;
    left: 0;
    right: 0;
}
.banner #theme-banner-content p{
    font-size: 1.4em;
    margin-bottom: 40px;
}
.banner #theme-banner-content a{
    
    background:transparent;
    border:1px solid #fff;
    border-radius:0;
    padding:15px 40px;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 600;
}
.sub-h{
    color:#fff;
     font-family: "Hanken Grotesk", sans-serif;
    font-weight:500;
        margin-bottom: 0;
        font-size: 3.3em;
    margin-left: -20px;
}

/*intro cta*/
.cta-text-wrap1{
    transition: background-color 1s ease;
}

/* Text + button */
.cta-text-wrap1 a,
.cta-text-wrap1 h2.-title,
.cta-text-wrap1 p{
    transition: color 1s ease, background-color 1s ease, border-color 1s ease;
}
.-cta-widget-t{
    padding:50px 0;
    transition: background 0.3s ease;
}
.cta-text-wrap1{
    padding:30px 40px; 
    margin:0 20px;
    color:#000;
position: relative;
    min-height: 430px;
z-index: 0;
}
.cta-text-wrap1:hover{
background:#221E1F;
}
.cta-text-wrap1:hover a,
.cta-text-wrap1:hover h2.-title,
.cta-text-wrap1:hover p{
    color:#fff;
}
.cta-text-wrap1 a{
    background:#221E1F;
    color:#fff;
    border: 2px solid #221E1F;
}
.cta-text-wrap1:hover a{
    border: 2px solid #fff;
    background: transparent;
}
.cta-text-wrap1 h2.-title{
    font-size:35px;
    margin-bottom:30px;
}
.cta-text-wrap1 a{
    font-size: 16px;  
    border-radius: 0;
    padding: 30px 30px;
    display:inline-block;
    position: absolute;
    bottom: 35px;
    letter-spacing: 2px;
}


/*about*/
.-spotlight3 .row .col-sm-6:first-child{
    background:#221E1F;
}

.-spotlight3 .row{
    display:flex;
    align-items: center;
}

.-spotlight3 .row .col-md-6:first-child {
    background: #221E1F;
    padding:100px;
    margin-top: 50px;
}
.spot-left .spot-c{
    color:#fff;
}
.spot-right .spot-c{
    padding:100px 60px;
}
.spot-c .-title{
   font-size: 35;
    margin-bottom: 0.2em;
    margin-top:0;
    letter-spacing: 2px;
}

.spot-c a{
    font-size: 16px;
    border-radius: 0;
    padding: 30px 30px;
    display: inline-block;
    border:2px solid #fff;
    color:#fff;
    margin-top:50px;
    letter-spacing: 2px;
}


h1,h2,h3,h4,h5,h6{
    font-family:"Hanken Grotesk", sans-serif;
}

/*featured listings*/
#featured_listings .-description{
   font-size: 20px;
    padding:0;
    font-weight:400;
}
#featured_listings .title {
    text-align:center;
    font-size: 25px;
    letter-spacing:2px;
}
.osLight,
#mytest .carousel-indicators{
    display:none;
}

[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig .priceCap span{
   transform: none;
    opacity: 1; 
}


/*testimonial*/
#m-t{
    padding:100px 0;
    background:url('https://store24-ubertor-com.s3.amazonaws.com/vivianzhang.my-ubertor.com/content/image/t-background_13.webp');
    position:relative;
}
#m-t::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    left: 0;
    right: 0;
    top:0;
}
#mytest,
.m-head{
    z-index:999999999;
    position: relative;
    color:#fff;
}
.m-head h2{
    margin-bottom:50px;
}
.t-des span .fa{
    font-size:30px;
    margin-right:20px;
}
.m-head h2{
   font-size:1.6em;
    text-align:center;
}
.carousel-c{
    position: relative;
}
.t-des{
  display: flex;
  align-items: center;  
}
.carousel-control.left{
    right: 30px;
    left:initial;
}
.carousel-control{
    background-image:none!important;
}

/*footer*/

footer {
    background: #000;
    padding:80px 0;
    color:#fff;
margin-top:0;
background: #221E1F;
}
.fot-log{
    margin-bottom:50px;
}
.footer a{
    color:#fff;
}
.fot-col2,
.fot-col3{
    text-align:center;
}
.fotsoc li{
   display:inline-block;
    padding:0 10px;
}
.col-center{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.uber-footer .poweredby li:nth-child(-n+2) {
    display:inline-block;
}
.uber-footer .poweredby li:nth-child(-n+2) a{
    font-size: 12px;
    text-transform:uppercase;
}
.uber-footer .copyright li{
    text-transform:uppercase;
    font-size:12px;
}
.uber-footer .poweredby{
    text-align:left;
}
.uber-footer .copyright{
    text-align:right;
}
.uber-footer .poweredby li.logo-ubertor{
    display:none;
}
.new-footer .container .row:last-child{
    display: flex;
    align-items: center;
}
.uber-footer{
    background:#221E1F;
    padding-top:0;
}
.uber-footer .container .row:last-child{
    display: flex;
    flex-direction: row-reverse;
}
.uber-footer .container .row .col-md-6{
    padding:0;
}
.fot-col1 a:last-child p,
.fot-col2 p,
.fotsoc{
    margin-bottom:0
}

header .-var3 .navbar{
    padding: 30px 0;
}
.formcolumn{
    padding-left:50px;
}
.formcolumn h2{
    font-size:25px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:30px;
   letter-spacing: 2px;
}
.field-paragraph{
    margin-bottom:30px;
}
.formcolumn label{
    display:none;
}
.formcolumn .field-name,
.formcolumn .field-email{
    width:50%;
    float:left;
}
.formcolumn .form-control{
    box-shadow:none;
    border:1px solid #221E1F;
    border-radius:0;
    color:#221E1F;
    transition:none;
}
.formcolumn #field-name, .formcolumn #field-email{
    height: 45px;
}
.formcolumn .field-name{
    padding-right:10px;
}
.formcolumn .field-email{
    padding-left:10px;
}
.formcolumn .field-message textarea{
    min-height:200px;
    padding-top: 20px;
}

#widgetitem-49{
    padding:0;
}
#widgetitem-48{
    padding-bottom:0;
}
.formcolumn .form-group .submit{
    background:#DD1C2F;
    background-image:none;
    text-shadow:none;
    border:1px solid #DD1C2F;
    border-radius:0;
    padding: 10px 40px;
    font-size:16px;
    text-transform:uppercase;
    color:#fff; 
    letter-spacing: 2px;
}
#formsection .col-md-4{
padding:0;
}
.formback img{
    width:100%;
}
#formsection .container .row{
    display: flex;
    align-items: center;
}

[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig .blur{
    display:none;
}
[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig img,
[data-widget-type="featured_listings"] #layout-1 .listing .propWidget{
    height:550px!important;
}
[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig .priceCap span,
[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig .address{
    opacity: 1 !important;
    transform:none!important;
}
[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig .address{
    left: 40px!important;
    text-align: left!important;
    bottom: 95px!important;
    font-size: 16px!important;
font-style: normal !important;
}
[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig .priceCap{
   transform: scale(1, 1) !important;   
    top: unset!important;
    bottom: 40px!important;
    width: 100%!important;
    left: 40px!important;
    right: 0;!important;
    text-align: left!important;
    z-index: 9999999;
}
[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig img{
    width:100%!important;
    top:0!important;
}
[data-widget-type="featured_listings"] #layout-1 .listing .propWidget .fig .opac{
    background: rgba(0, 0, 0, .4);
    display:block!important;
}
[data-widget-type="featured_listings"] #layout-1{
    padding:20px 0!important;
}
[data-widget-type=featured_listings]{
    padding-top:50px;
    padding-bottom: 80px;
}
.feature-more{
    text-align:center;
    margin-top:20px;
}
.feature-more a{
    background:#221E1F;
    padding:20px 35px;
    color:#fff;  
    font-size: 18px;
    letter-spacing: 2px;
}
.no-touch #layout-1 .propWidget:hover .fig .blur{
    display:none!important;
}
.t-name{
    font-size: 25px;
}
.m-head h2{
    font-size:28px;
    font-weight: 700;
    letter-spacing: 2px;
}
.cta-text-wrap1 p{
    font-size:20px;
    line-height: 30px;
}
.spot-c .p-e{
    font-size:25px;
    font-family: "Hanken Grotesk", sans-serif;
   letter-spacing: 2px;
}

[data-widget-type="featured_listings"] #layout-1 .listing .provided_by{
    display:none;
}

.cta-text-wrap1:hover::before {
    background: url('http://store24-ubertor-com.s3.amazonaws.com/vivianzhang.my-ubertor.com/content/image/cta-background_21.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.cta-text-wrap1::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    left: 0;
    right: 0;
    top: 0;
    z-index:-1;
}


.contact .lead-form label {
    bottom: 35px;
}

.listing_group-wrapper .multiple-listing-view .tab-content #list .summary .info{
    background: #221E1F;
}


header .-var3 #realtor_name .-realtor-heading-title,
.home .breadcrumb-wrap,
.header .header-contact-info,
.header .social-media-nav{
    display:none!important;
}
header .-var3 .navbar-toggle span{
   background:#221E1F
}
header .-var3 .header-contact-wrap{
    position: absolute;
    z-index: 99999999;
    right: 20px;
    top: 20px;
}

.formcolumn  .field-paragraph div{
    font-size:18px;
}
.fot-col1 p,
.fot-col2 p{
    font-size:20px
}

body:not(.home) #static-banner{
    background: url(http://store24-ubertor-com.s3.amazonaws.com/vivianzhang.my-ubertor.com/content/image/banner_12.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 25vh;
}
body:not(.home) #static-banner img{
    display:none;
}
.for_buyers .before-module #widgetitem-37 h2,
.for_sellers .before-module #widgetitem-38 h2,
.for_buyers .main-content h1{
      font-size: 35px;  
}

.lead-form .submit,
.contact .lead-form .submit-btn{
    background: #DD1C2F;
    background-image: none;
    text-shadow: none;
    border: 1px solid #DD1C2F;
    border-radius: 0;
    padding: 10px 40px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
}

#calculate-cost,
.blog-items .blog-item .blog-description .read_more button{
    background: #221E1F;
    padding: 10px 35px;
    color: #fff;
}

@media (max-width:991px){
    .-cta-widget-t .col-md-4{
        margin-bottom:30px;
    }
    .-spotlight3 .row {
    flex-direction: column;
    }
    .fot-log{
        text-align: center;
    }
    .new-footer .container .row:last-child{
        flex-direction: column;
    }
    .new-footer .container .row:last-child .col-md-4{
        width: 100%;
        margin-bottom: 30px;
    }
    .fot-col1{
        text-align: center;
    }
    .fot-col1 a p{
        margin-bottom: 15px;
    } 
    .fot-col2 br:last-child{
        display: none;
    }
}


@media (min-width:991px){
.-spotlight3 .row {
    display: flex;
    align-items: center;
}
}

@media (max-width: 768px) {
    header .-var3 #main-navbar .navbar-collapse {
        top: 130px;
    }
    .banner #theme-banner-content p{
        line-height:35px;
    }
    .banner #theme-banner-content h1 {
        font-size: 5em;
    }
    .sub-h {
        font-size: 2em;
    }
    .banner #theme-banner-content p {
    font-size: 1.2em;
    }
    #m-t {
        padding: 100px 30px;
    }
    #formsection .container .row {
        flex-direction: column;
    }
    .formcolumn {
    padding-left: 15px;
}
   .formcolumn .lead-form {
        margin-bottom: 50px;
    }
.spot-right .spot-c {
    padding: 30px 15px;
}
.-spotlight3 .row .col-md-6:first-child {
    padding: 70px 15px;
}
.uber-footer .container .row:last-child {
    flex-direction: column;
    align-items: center;
}
}


.uber-footer .container .row:last-child > * {
    flex: 1 1 auto;
    opacity:0.5;
}


@media (max-width:400px){
.banner #theme-banner-content h1 {
        font-size: 4em;
    }
}

.contact .lead-form label,
.contact .lead-form h2{
    display:none;
}
.contact .lead-form input::placeholder,
.contact .lead-form textarea::placeholder,
.contact .lead-form #field-options{
    color:#000;
}
.contact .lead-form .submit-btn{
    background:transparent;
    border:none;
    padding:0;
}
.contact .lead-form .form-control, 
.contact .lead-form textarea{
    padding-left:20px;
}
.contact .lead-form .input-group{
    width:100%;
}
[data-widget-type=search_board_listings]{
    background:#221E1F;
}
.home #widgetitem-34{
    padding-top:0;
}
.home [data-widget-type="search_board_listings"]{
   margin-bottom: -20px; 
}
.-search-board-wrap .container {
    position: relative;
}
#form_search_board_listings_5 .submit-btn {
    background: url(http://store24-ubertor-com.s3.amazonaws.com/vivianzhang.my-ubertor.com/content/image/outlined_23.png);
    padding: 40px 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top:0;
}
#form_search_board_listings_5 .row {
    width: 93%;
    
}
#form_search_board_listings_5 .row:nth-child(2) {
    display: flex;
}
[data-widget-type=search_board_listings] .-search-board-wrap .container .row:nth-child(2) .lstngs-sel {
    width: 100%;
}
.-search-board-wrap .sidebar-title{
    max-width: 1170px;
    margin: 0 auto;
    padding-left:15px;
    padding-bottom:40px;
    font-size:28px;
   letter-spacing: 2px;
}
.-search-board-wrap .s-btn {
    position: absolute;
    right: 15px;
    top: 5%;
    width: 110px;
}
.-search-board-wrap #ubr_price_min, 
.-search-board-wrap #ubr_price_max, 
.-search-board-wrap .lstngs-sel button {
    height: 50px;
    background-color: #221E1F;
    border: 1px solid #fff;
    border-radius:0;
}
.-search-board-wrap #ubr_price_min::placeholder, 
.-search-board-wrap #ubr_price_max::placeholder{
    color:#fff;
}
.-search-board-wrap .lstngs-sel button {
    background-image: none;
    box-shadow: none;
    border: 1px solid #fff;
    color:#fff;
    text-shadow:none;
}
.-search-board-wrap  .caret{
    color:#fff;
}
@media (max-width: 992px) {
    .-search-board-wrap .lstngs-sel {
        margin-bottom: 10px;
    }
        #form_search_board_listings_5 > .row {
        width: 85%;
    }
}

@media (max-width: 768px) {
    #form_search_board_listings_5 .row:nth-child(2) {
        flex-direction: column;
    }
    #form_search_board_listings_5 > .row {
        width: 100%;
        margin:0;
    }
    .-search-board-wrap .lstngs-sel button {
        margin-top:0!important;
    }
}
.field-receive-newsletter label.control-label,
.for_buyers .lead-form h2{
    display:none;
}
.for_buyers .form-group,
.for_buyers .input-group{
    width:100%;
}
.for_buyers textarea.form-control{
        height: 12vh;
}
@media (min-width:767px){
.flex-group{
    display: flex;
    gap: 30px;
}
}

#main_menu a {
letter-spacing: 1px;
}

.render-spotlight p, .-spotlight3 p {
font-size: 1em;
line-height: 28px;
}
.afc-listings #grid .preview-thumb p.al a{
    line-height: 35px;
}
#grid .preview-thumb{
    position: relative;
    left:0;
    top: 0;
    padding: 0;
}
.afc-listings #grid .preview-thumb p.al a{
  font-size: 18px;
    font-weight: 700;
}
.afc-listings #grid .preview-thumb .price{
font-size: 2.625em;
    line-height: 1em;
    text-align: center;
    font-weight: 700;
}
.afc-listings #grid .summary .info li {
    font-size:1em;
}
.afc-listings #grid .summary .description{
    font-size: 1em;
    line-height: 25px;
}
.afc-listings #grid .summary .listing_provided_by {
    font-size: 1em;
}
.afc-listings p{
    font-size:1em;
}

@media (min-width:768px){
    .afc-listings #grid .preview-thumb p.al a{
       min-height:90px;
    }
}

@media (max-width:768px){
    .banner #theme-banner-content h1{
        font-size:2em;
        margin-left:15px!important;
       line-height: 35px !important;
       padding-top: 50px;
    } 
}

@media (max-width:650px){
    .t-des{
        flex-direction: column;
    }
    .t-des span{
        margin-bottom:20px;
    }
    
    .contact .contact_info h2.editable{
        font-size:2em;
    }
    .contact .contact_info .-agent-address,
    .contact .contact_info .-agent-info{
        text-align:center;
    }
    .contact .before-module .lead-form,
    .contact  #widgetitem-51 .container{
        padding: 0;
    }
.contact .lead-form .form-control, .contact .lead-form textarea {
    padding-left: 10px;
}
}