/*
Theme Name: Utopia v2
Template: wpresidence
Author: Jared Wooden
Version: 1.0
Updated: 2015-01-25 18:19:31
*/

@charset "UTF-8";

/* ===============
   OVERRIDES
   =============== */

/* Global Styles  */

p {
    font-size: 15px;
    line-height: 1.7em;
}

body, #all_wrapper {
    background-color: #f9f9f9!important;
}

.no-gutters {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.ult_exp_section_layer.ult-adjust-bottom-margin {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.ult_expheader {
    padding: 4px 6px!important;
}

.vc_row[data-vc-full-width] .upb_row_bg {
    width: 100vw!important;
}

.vc_row[data-vc-full-width] {
    max-width: 100vw!important;
}

/* Buttons */
.btn {
    -webkit-box-shadow: 0px 1px 0px 0px #99a3b1;
    box-shadow: 0px 1px 0px 0px #99a3b1;
    padding: 9px 30px;
}

.btn-sm {
    line-height: .3;
    padding: 7px 15px;
    font-size: 12px;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px !important;
}

#apply-btn {
    text-align: center;
    font-weight: 600;
}

/* Alerts */

.alert {
    margin-bottom: 10px;
}

.alert-link {
    color: #2b542c;
    border-bottom: #2b542c 1px solid;
}

/* Main Menu  */

#logo_image {
    display: none;
}

.header_wrapper {
    height: 53px;
}

.header_wrapper.customnav {
    height: 53px;
}

.has_top_bar .master_header_sticky {
    top: -60px;
}

.admin-bar .master_header {
    top: 27px;
}

.admin-bar.has_top_bar .has_header_type1 .header_media {
    padding-top: 105px;
}

#google_map_prop_list_wrapper {
    top: 110px;
}

#google_map_prop_list_sidebar .adv-search-1, #google_map_prop_list_sidebar {
    background-color: #f9f9f9;
}

.master_header {
    border-color: #cccccc!important;
}

.admin-bar #google_map_prop_list_wrapper, .admin-bar #google_map_prop_list_sidebar {
    margin-top: 12px;
}

.has_top_bar .has_header_type1
.header_media {
    padding-top: 109px;
}

.admin-bar.has_top_bar .master_header_sticky {
    top: -27px;
}

.logo-header {
    max-height: 40px;
}

.top_bar {
    color: #5C636D;
    padding: 0px 5px 0px 45px;
}

.top_bar a {
    color: #5C636D;
    font-size: 25px;
    padding: 11px 0px;
    font-weight: 600;
}

.top_bar i {
    font-size: 24px;
    width: 13px;
    padding-right: 25px;
}

.left-top-widet {
    padding-bottom: 10px;
}

.top-bar-tagline {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
}

.top_bar .widget-container {
    padding-top: 5px;
}

.textwidget p {
    margin-bottom: 0px;
}

.breadcrumb {
    margin-top: 20px;
    margin-bottom: 13px;
}

.mobile_header {
    background-color: #f9f9f9;
    height: 60px;
}

.uppercase {
    text-transform: uppercase !important;
}

.font-600 {
    font-weight: 600;
}

.font-16 p, .font-16 li {
    font-size: 16pt!important;
}

.font-16 li {
    padding-bottom: 1em;
}

.font-18 p, .font-18 li {
    font-size: 18px!important;
}

.font-18 li {
    padding-bottom: 1em;
}

.font-100 p {
    font-weight: 100 !important;
}

.font-700 {
    font-weight: 700;
}

.mobile_header i {
    color: #0b86ca;
    font-size: 23px;
    margin: 18px 17px;
}

.mobile-logo img {
    margin: 10px auto;
    max-width: 260px;
}

.logo img {
    max-height: 65px;
}

@media (max-width: 1100px) {
    .logo {
        padding-left: 0px;
    }

    a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
        padding: 15px 30px;
    }
}

@media (min-width: 992px) {
    .mobile-logo {
        display: none;
    }
}

/* Header */

@media only screen and (max-width: 766px) {
    .entry-title {
        text-align: center;
    }
}

.header_image {
    height: 320px;
    padding-top: 30px;
    background-size: cover;
    background-position: 50% 50%;
    margin-top: 102px;
    margin-bottom: 10px;
}

.bcrumbs {
    margin-bottom: 15px;
}

/*.header_media.with_search_1 {
    display: none;
}*/

.header_title_wrapper {
    height: 100%;
}

.header_title {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
    width: 90%;
}

.header_title h1 {
    font-weight: 700;
    color: #fff;
    font-size: 45px;
    text-shadow: rgba(0, 0, 0, 0.83) 2px 2px 14px;
    line-height: 50px;
    margin-bottom: 6px;
}

.header_form h3 {
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    text-shadow: rgba(0, 0, 0, 0.83) 2px 2px 14px;
    margin: 0px 0px 5px 0px;
    display: inline-block;
}

.header_title h2 {
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    text-shadow: rgba(0, 0, 0, 0.83) 2px 2px 14px;
}

.header_title sup {
    font-size: 26px;
    padding-left: 7px;
    font-family: Helvetica, Arial;
}

.right-top-widet {
    margin-top: 10px;
}

.header_form {
    position: relative;
    top: 45%;
    transform: translateY(-50%);
}

.subheading {
    font-weight: 400;
}

@media (min-width: 1500px) {
    .main-heading {
        font-size: 150%;
    }
}

@media (max-width: 1400px) {
    /*.header_title,.header_form {
       top: 40%;
    }*/
}

@media (max-width: 990px) {
    .header_title {
        text-align: center;
        width: 100%;
    }
    .header_image {
       margin-top:118px;
    }
    .header_form {
        background-color: #546E7A;
        padding: 20px;
    }
    .header_form {
        top: 0px;
        transform: unset;
        position: initial;
        margin-bottom: 10px;
    }
    .home .header_form {
        margin-bottom: 0;
    }
    .wide .top_bar, .top_bar {
        padding: 0px 15px 8px 15px;
    }

}


@media (max-width: 595px) {
    .header_image {
        height: 250px;
    }
    .header_title {
        top: 30%;
        text-align: center;
    }
    .header_title h1, .header_title h2 {
        font-size: 32px;
        margin-bottom: 6px;
        text-transform: unset!important;
    }
    .header_title sup {
        font-size: 16px;
    }
    .subheading {
        font-size: 28px;
        font-weight: 700;
    }
}



/* Footer */

.widget-title-footer {
    font-size: 21px;
    color: #FFFFFF !important;
    font-weight: 300;
    text-align: center;
    margin-bottom: 5px;
}

.text-widget-footer {
    color: #F3F3F3;
    letter-spacing: -0.5px;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
    font-size: 13px;
}

#second .widget-container {
    margin-bottom: 10px;
}

.footer-menu {
    color: #F3F3F3;
}
.subfooter_menu {
    background-color: #43474d;
    padding-right: 40px;
    margin-right: 0;
}

@media (max-width: 1080px) {
    .subfooter_menu {
        width: 100%;
    }
}

.footer_back_repeat_no {
    background-size: cover;
    background-position: bottom;
}

ul.footer-menu {
    -webkit-padding-start: 20px;
}

/* Widgets */

@media (max-width: 1024px) {
    ul.footer-menu {
        text-align: center;
    }
}

.social_sidebar {
    text-align: center;
}

#colophon .social_sidebar_internal a {
    background-color: #253952;
}

#colophon a, #colophon li a {
    color: #FFFFFF !important;
    letter-spacing: -0.5px;
    font-size: 12px;
}

.contact_sidebar_wrap p {
    color: #F3F3F3;
}

.agent_unit_social_single {
    display: none;
}

.agent_unit {
    min-height: 20px !important;
    padding-bottom: 15px !important;
    background-color: #f0f0f0;

}

.agent_details {
    min-height: 20px !important;
}

input#sidebar-zip-code {
    padding-left: 12px;
}

#gform_wrapper_1 input {
    width: 95%;
}

#gform_wrapper_1 select {
    width: 95%;
}

button#gform_submit_button_1 {
    width: 100%;
    height: 45px;
    margin-bottom: 0px !important;
}

#gform_1 .gform_footer {
    padding: 0px 0 10px 0;
    text-align: center;
}

#gform_1 a {
    text-decoration: underline;
    color: #fff !important;
}

h2.shortcode_title.title_slider {
    font-size: 24px;
}

.slider_container .slick-slider {
    margin-bottom: 10px;
}

/* Appointment Widget */

.appointment-widget {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #f0f0f0;
    color: #768082;
    border: 1px solid #f0f0f0;
    border-radius: 1px;
    box-shadow: 0px 2px 0px 0px rgba(227, 228, 231, 1);
}

.appointment-widget p {
    font-size: 13px;
}

button.appointment-widget-btn {
    margin-top: 10px;
    background-color: #367499 !important;
    color: #fff;
    border-bottom: 3px solid #367499 !important;
    font-weight: 500;
}

button.appointment-widget-btn:hover {
    background-color: #347DA4 !important;
    color: #fff;
    border-bottom: 3px solid #367499 !important;
}

/* Disturb Alert Widget */

.alert-disturb {
    padding: 14px 0px;
    font-size: 12px;
    margin-top: -10px;
    border-radius: 2px;
    color: #b12415;
    text-align: center;
    background-color: #fbe4df !important;
    line-height: 1.3em;
    box-shadow: 0px 2px 0px 0px rgba(227, 228, 231, 1);
}

#text-10 {
    margin-bottom: 0px;
}

/* Amenities Widget */

#amenities li {
    font-size: 13px;
    text-transform: capitalize;
    margin-left: 2px;
}

/* ===============
   CONTACT
   =============== */

.contact-box-heading {
    font-weight: 100;
    font-size: 30px;
}

.location-boxes .ult_exp_section {
    background: transparent!important;
    padding: 10px 0px!important;
}

.location-boxes .ult_expheader {
    font-weight: 700 !important;
}

.location-boxes .ult_exp_section_layer {
    font-weight: 600!important;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.location-boxes .ult-just-icon {
    float: left;
}

.location-boxes .ult-just-icon-wrapper {
    padding: 8px 0px!important;
}

.location-box-san-diego {
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/02/01014527/san-diego-1.jpg);
 }

.location-box-orange-county {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/02/04044159/orange-county.jpg);
}

.location-box-palm-springs {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/02/04044756/palm-springs.jpg);
}

.location-box-los-angeles {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/01/04045334/los-angeles.jpg);
}

.location-box-glendale {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/01/31212429/glendale.jpg);
}

.location-box-temecula {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/03/24181754/temecula.jpg);
}

.location-box-santa-barbara {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/04/04050856/santa-barbara.jpg);
}

.location-box-walnut-creek {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2017/09/19152414/Walnut-Creek.jpg);
}

.location-box-san-francisco {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2017/08/28141945/san-francisco.jpg);
}

.location-box-riverside {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/01/04045038/riverside.jpg);
}

.location-box-ventura {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2016/04/04045724/ventura.jpg);
}

.location-box-las-vegas {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2017/05/24132243/Las-vegas2.jpg);
}

.location-box-san-jose {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2017/06/30104358/San-Jose1.jpg);
}

.location-box-petaluma {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2017/09/10152929/Petaluma.jpg);
}

.location-box-sacramento {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2018/11/16100345/sacramento.jpg);
}

.location-box-stockton {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.12)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06)), linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09)), url(https://cdn2.utopiamanagement.com/wp-content/uploads/2018/12/30142449/Stockton.jpg);
}



/* ===============
   HEADER
   =============== */

.breadcrumb_container, .header_media.with_search_1 {
   display:none;
}

.video-bg-heading {
    letter-spacing: 2px;
}

.video-bg-heading sup {
    font-size: 25px;
    margin-left: 7px;
    font-family: sans-serif;
}

@media (max-width: 600px) {
    .video-bg-heading {
        font-size: 36px !important;
        font-weight: 600 !important;
    }

    .video-bg-subheading {
        font-size: 30px !important;
    }
}

@media (max-width: 992px) {

    #adv-search-header-mobile {
        display: none !important;
    }
}

#header_media with_search_1 {
    display: none!important;
}

/* ===============
   LANDING PAGES
   =============== */

/* General Elements*/

.section-heading h3 {
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
}

.white-text {
    color: #fff !important;
}

.white-text a {
    color: #fff!important;
    text-decoration: underline;
}

.light-blue-bg {
    background-color: #367499;
}

.home h2 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

#consultation-form h5, #consultation-form h6 {
    font-weight: 300;
}

/* Buttons */

.no-margin-button {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-sm {
    padding: 11px 12px !important;
}

/* Forms */

button.gform_button {
    background-color: transparent;
    padding: 11px 0;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    border-radius: 8px;
    letter-spacing: 2px;
    border: 2px solid #000;
}

button.gform_button:hover {
    background-color: #dcdcdc;
    transition: all 0.3s ease 0s;
}

.contactformwrapper {
    background-color: #f9f9f9;
    box-shadow: -2px 3px 21px #0000004d;
}

.widgettitle {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 40px;

}

h2.widgettitle {
    margin-bottom: -10px;
}


.gfield_radio li {
    border-bottom: none;
}

.ginput_container_radio {
    margin-top: 0 !important;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    font-size: 12px !important;
    color: black;
    padding-left: 4px;
}


#gform_7 label.gfield_label {
    font-size: 14px !important;
    text-shadow: rgba(0, 0, 0, 0.83) 1px 1px 6px;
    color: #fff;
    margin-bottom: 0;
}

#gform_7 ul li.gfield {
    margin-top: 5px;
    padding-top: 0;
}
#gform_7 input, select {
    border-radius: 15px;
    padding: 6px 10px!important;
}

#gform_7 p {
    color: #fff;
}

#gform_wrapper_7, #gform_wrapper_8 {
   margin: 0;
    position: relative;
    min-height: 144px;
}

#gform_7  .gfield_required {
    color: #e53935;
}

#gform_7 .ginput_container_checkbox input {
    border-radius: 3px;
    margin: 2px 9px 0px 0px;
    padding: 7px 7px!important;
}

#field_7_28 label {
    color: white;
    font-size: 13px!important;
    text-shadow: rgba(0, 0, 0, 0.83) 1px 1px 6px;
    font-weight: 700;
    padding-left: 7px;
}


#gform_7 button.gform_button {
    background-color: #0000002e;
    padding: 12px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    width: 92%;
    border-radius: 8px;
    letter-spacing: 3px;
    border: 2px solid #fff;
}


#gform_10 button.gform_button {
    width: 50%;
    float: right;
}

#gform_7 button.gform_button:hover {
    background-color: #0000006e;
}

#gform_7 .ginput_container_checkbox label {
    color: #fff;
}

/*#gform_8 button.gform_button {
    float: right;
}*/

#gform_7 .gform_footer {
    padding: 0;
    text-align: center;
    width: 33%;
    position: absolute;
    bottom: 4%;
    right: 1%;
}

.validation_error {
    display: none;
}

/*
#gform_8 .gform_footer {
    padding: 0;
    text-align: center;
    width: 33%;
    position: absolute;
    bottom: 6%;
    right: 12%;
}
*/

button[aria-expanded=true] .form-hidden {
    display: none;
}
button[aria-expanded=false] .form-visible {
    display: none;
}

.header_form i {
    padding-left: 5px;
}

button.form-toggle {
    background-color: #dedede00;
    border: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 3px 14px;
    text-transform: unset;
    float: right;
}

button.form-toggle:focus, button.form-toggle:active {
    color: #fff;
    outline: none;
}

@media (max-width: 990px) {
    #gform_7 input, select {
        border-radius: 5px;
        padding: 6px 10px!important;
    }
    button#gform_submit_button_7 {
        padding: 10px 50px;
        float: right;
    }
}

/*** Insurance site only ***/


.header_form #gform_wrapper_3 {
    position: relative;
}


.header_form #gform_wrapper_3 .gform_footer {
    width: auto;
    position: absolute;
    top: 45px;
    right: 2.5em;
    padding: 0;
    margin: 0;
}

.header_form button#gform_submit_button_3 {
    color: #fff;
    border-color: #fff;
    padding: 10px 40px;
}

.header_form #gform_3 label.gfield_label {
    font-size: 14px !important;
    text-shadow: rgba(0, 0, 0, 0.83) 1px 1px 6px;
    color: #fff;
    margin-bottom: 0;
}

.header_form #gform_3 .gfield_radio label {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500;
}

.header_form #gform_3 .gform_body {
    background-color: #3131319e;
    padding: 5px 20px 15px 20px;
    border-radius: 10px;
}

.header_form #gform_3 li.gf_list_inline ul.gfield_radio li {
    margin-right: 1.5em;
}

#gform_4 input[type="checkbox"] {
    -webkit-appearance: checkbox!important;
    margin-top: 0px!important;
}

#gform_4 button.gform_next_button {
    outline: none;
    padding: 5px 29px;
    border-radius: 3px;
    float: right;
    color: #fff;
    font-weight: 700;
    border: none;
    background-color: #367499;
}

#gform_4 button.gform_previous_button {
    outline: none;
    padding: 5px 29px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    border: none;
    background-color: #888888;
}

#gform_4 button#gform_submit_button_4 {
    outline: none;
    padding: 5px 29px;
    border-radius: 3px;
    float: right;
    color: #fff;
    width: auto;
    letter-spacing: unset;
    text-transform: unset;
    font-weight: 700;
    border: none;
    background-color: #4CAF50;
}

.gform_wrapper .gf_step {
    opacity: .5;
}

/*** End insurance site ***/

@media (max-width: 690px) {
    #gform_7 .gform_footer/*, #gform_8 .gform_footer*/ {
        position: relative!important;
        width: 100% !important;
    }
    .header_form #gform_3 .gform_footer {
        position: relative!important;
        width: 100%;
        top: 16px;
        right: unset;
    }
    select#input_7_6 {
        height: 50px;
    }
}

/* Differentiators */

.arrow-steps {
    box-shadow: -1px 4px 7px #0000006e;
    margin-top: -10px;
    margin-bottom: 2em;
}

.arrow-steps .step {
    text-align: center;
    color: #fff;
    padding: 0;
    min-width: 180px;
    float: left;
    position: relative;
    background-color: #367499;
    font-family: 'Montserrat', sans-serif;
}
.step p {
    padding: 2px 0;
    margin: 6px 0;
    font-size: 22px;
    line-height: 1.3em;
    text-transform: uppercase;
}

.arrow-steps span {
    font-weight: 700;
}

.arrow-steps .step.white {
    background-color: #fff;
}

.arrow-steps .step.white p {
    color: #367499;
}

.triangle-right {
    width: 0;
    height: 0;
    padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 36px;
    overflow: hidden;
    position: absolute;
    top: 0px;
}
.triangle-right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top:-500px;
    margin-left: -500px;
    border-top: 500px solid transparent;
    border-bottom: 500px solid transparent;
    border-left: 500px solid #367499;
}

.triangle-white:after {
    border-left: 500px solid #fff;
}

@media (max-width: 1200px) {
    .step p {
        font-size: 16px;
        line-height:22px;
    }
    .triangle-right {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 30px;
    }
}
@media (max-width: 990px) {
    .arrow-steps .step {
        width: 100%
    }
    .triangle-right {
        display: none;
    }
}

    /* ===============
       STATUS LABELS
       =============== */

/* Occupied */

.ribbon-wrapper-Occupied {
    background: #FB6A5C;
    width: 84px;
}

.Occupied {
    font-size: 13px !important;
    padding: 7px 0px;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    font-weight: 600;
}

.featured_property .Occupied,
.property_listing .Occupied {
    font-size: 13px !important;
    padding: 7px 0px;
    font-weight: 600;
}

/* Occupied */

.ribbon-wrapper-Rented {
    background: #FB6A5C;
    width: 84px;
}

.Rented {
    font-size: 13px !important;
    padding: 7px 0px;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    font-weight: 600;
}

.featured_property .Rented,
.property_listing .Rented {
    font-size: 13px !important;
    padding: 7px 0px;
    font-weight: 700;
}

/* Application Pending */

.ribbon-wrapper-Application-Pending {
    background: #FFB300;
    width: 144px;
}

.Application-Pending {
    font-size: 13px !important;
    padding: 7px 0px;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    font-weight: 600;
}

.featured_property .Application-Pending,
.property_listing .Application-Pending {
    font-size: 13px !important;
    padding: 7px 0px;
    font-weight: 600;
}

/* Available */

.ribbon-wrapper-Available {
    background: #4CAF50;
    width: 75px;
}

.Available {
    font-size: 13px !important;
    padding: 7px 0px;
    color: #fff;
    text-align: center;
    margin: 0px auto;
    font-weight: 600;
}

.featured_property .Available,
.property_listing .Available {
    font-size: 13px !important;
    padding: 7px 0px;
    font-weight: 600;
}

/* Mobile */

@media (max-width: 640px) {
    .verticalstatus {
        right: 0px !important;
    }
}

/* ===============
   Property List
   =============== */

.property-list-content {
    background-color: #e0e0e0;
    padding: 1em 2em;
    margin-top: 1em;
    width: 100%;
    color: #000;
    font-size: 9pt;
    font-weight: 500;
}
.appt-action {
    cursor: pointer;
    float: left;
    margin-left: 5px;
    background-image: none !important;
    text-align: center;
    padding: 6px 15px;
    background-color: #367499 !important;
    color: #fff;
    border-bottom: 3px solid #367499 !important;
}

.appt-action:hover {
    background-image: none!important;
    color: #1CA8DD;
    background-color: #347DA4 !important;
    color: #fff;
    border-bottom: 3px solid #367499 !important;
}

/*Overrides*/

/*.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    min-width: 348px;
    max-height: 220px;
    object-fit: cover;
}*/

.wpestate_estate_property_slider_section_wrapper .post-carusel .item img {
    width: 100%;
}

.share_unit {
    left: 310px !important;
}

.property_location {
    padding: 8px 0px;
}

.property_agent_wrapper {
    width: 46%;
}

#google_map_prop_list_sidebar .adv-search-1 {
    margin-bottom: 0px;
}

.property_listing .carousel {
    float: unset;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    max-height: 223px;
}

.listing-unit-img-wrapper {
    float: none;
}

.listing_filter_views {
    display: none;
}

.service_area_zip {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}

/* Pricing */

span.deposit {
    color: #99a3b1;
    padding-left: 10px;
    font-weight: 100;
}

/*Location*/
.listing-address {
    font-weight: 100;
}

span.listing-area {
    padding-right: 4px;
}

/*Appointments*/

.listing-appointments {
    border: 1px #ddd solid;
    display: inline-block;
    margin: 0px 12px;
    padding: 4px 8px;
    text-align: left;
    background-color: #fdfdfd;
}

.listing-appointments p {
    padding-bottom: 0px;
    color: #555;
    font-size: 13px;
    text-align: left;
    line-height: 15px;
    float: left;
}

.listing-appointments button {
    float: right;
}

span.listing-appointment-time {
    font-weight: 800;
    padding-right: 14px;
}

.listing-appointment-calendar {
    padding-right: 5px;
}

@media only screen and (max-width: 500px) {
    span.glyphicon.glyphicon-calendar {
        display: none;
    }

    span.listing-appointment-time {
        display: block;
    }

    .btn.btn-sm {
        margin-top: 6px;
    }

    .listing_actions {
        display: none;
    }
}

/* Listing CTAs */

.listing-cta {
    float: left;
    padding-right: 10px;
    margin-top: -7px;
    font-weight: 700;
}

.listing-cta .glyphicon {
    font-size: 10px;
    padding-right: 3px;
}

.listing-cta .btn-sm {
    padding: 6px 15px;
}

.listing-cta [min-width~="800px"] {
    font-size: 72px;
}

@media only screen and (max-width: 500px) {
    .icon-phone {
        color: #c2cbd9;
        width: 30px;
        height: 30px;
        cursor: pointer;
        float: left;
        margin-left: 5px;
        font-size: 11px;
        border: 1px solid #eef3f6;
        text-align: center;
        padding-top: 7px;
    }

    .icon-phone:hover {
        border: 1px solid #d8e0e5;
        color: #367499;
    }

    .icon-phone:before {
        content: "\f095";
        font: normal normal normal 12px/1 FontAwesome;
    }
}

/* ===============
   Footer Contact Form
   =============== */

#footer-contact-form h4 {
    margin-bottom: 10px;
}

body #gform_wrapper_2 .gform_body .gform_fields .gfield input[type=text] {
    width: 100%;
}

body #gform_wrapper_2 .gform_body .gform_fields .gfield select {
    width: 100%;
}

button#gform_submit_button_2 {
    width: 217px;
    height: 45px;
    margin-bottom: 0px !important;
}

#gform_2 a {
    text-decoration: underline;
}

/* ===============
   Appointment Request Form
   =============== */

#input_3_7 {
    width: 50% !important;
}

#ui-datepicker-div {
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 4px;
}
box-shadow(0 px 3 px 5 px 0 px rgba(50, 50, 50, 0.75));
display: none;
padding: 10px;
width: 300px;
}

.ui-icon {
    color: transparent;
    cursor: pointer;
    font-size: 0px;
}

.ui-icon:before {
    color: #367499;
    font-family: "FontAwesome";
    font-size: 18px;
}

.ui-datepicker-prev {
    float: left;
    width: 10%;

.ui-icon:before {
    content: '\f060';
}

&
.ui-state-disabled {
    display: none;
}

}
.ui-datepicker-next {
    float: right;
    width: 10%;

.ui-icon:before {
    content: '\f061';
    float: right;
}

&
.ui-state-disabled {
    display: none;
}

}

.ui-datepicker-title {

select {
    float: left;
    width: 70%;
}

.ui-datepicker-month {
    margin: 0px 5% 6px;
}

.ui-datepicker-year {
    margin: 0px 15% 6px;
}

}

.ui-datepicker-today {
    background-color: #367499;
    border-radius: 4px;

a {
    color: #FFF;
}

}

table {
    width: 100%;

td, th {
    text-align: center;
}

td {

a {
    display: block;
    padding: 5px;
}

}
}
}

/* ===============
   Blog
   =============== */

.blog2v .property_listing {
    min-height: 388px;
}

/* ===============
   Single Property Page
   =============== */

.wpestate_estate_property_design_agent .mydetails {
    background-color: #f9f9f9;
    max-width: 235px;
    display: block;
}

.mydetails h3 {
    font-weight: 700;
    color: #768082;
    text-align: center;
}

.mydetails {
    background-color: #f0f0f0;
    height: 30px;
    padding: 10px 0px 0px 0px;
    font-size: 16px;
    margin-bottom: 0px;
    border-radius: 3px;
    color: #3a4659;
}

.agent_unit_social {
    position: relative;
    height: auto;
    font-size: 20px;
    background-color: #F0f0f0;
    width: 100%;
    padding: 11px 0px 0px 15px;
}

#primary .agent_unit_social, #primary .agent_unit_social a {
    font-size: 13px;
}

.agent_unit {
    padding-bottom: 0px !important;
}

.agent_details {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agent_details i {
    margin-right: 10px;
}

.caption-wrapper {
    display: none;
}

/* Appointment Request Form */

.gform_footer input.button {
    background-color: #367499 !important;
    border: none;
    font-size: 12px !important;
    text-transform: uppercase;
    line-height: normal !important;
    border-radius: 3px !important;
    color: #fff;
    padding: 7px;
}

.gform_footer input.button:hover {
    background-color: #347DA4 !important;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear;
    transition: background-color .1s linear;
    color: #fff;
}


ul.xoxo {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-padding-start: 0px;
}

/* ===============
   Service Areas
   =============== */

#weather {
    background-color: #7c9cad;
    color: #fff;
    margin: 25px;
    padding: 12px;
    border-radius: 10px;
}

#weather h2 {
    display: none;
}

p.wiText {
    font-weight: 700;
}

.service-button-container {
    margin-bottom: 10px;
}

.service-button {
    height: 95px;
    background-size: cover;
    border-radius: 10px;
    margin: 0px 7px;
    background-position: 50%;
}

.service-button-text {
    display: block;
    position: relative;
    top: 50%;
    color: #ffffff;
    text-align: center;
    padding: 10px 0px;
    font-style: normal;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.45);
    font-size: 1.3em;
    text-transform: uppercase;
    width: 93%;
    margin: 0 auto;
    border-radius: 2px;
    transform: translateY(-50%);
}

.service-area-services li {
    padding: 10px 17px 10px 0;
    font-size: 17px;
    display: block;
    line-height: 1.3em;
    list-style: none;
    color: #fff;
}

.service-area-services-border-right {
    border-right: 1px solid #fff;
}

.service-area-text-overlay {
    position: absolute;
    bottom: 10%;
    right: 10%;
    background-color: #dcdcdcad;
    padding: 20px;
    font-weight: 400;
    text-align: center;
    color: #000;
}

.service-area-text-overlay p {
    font-size: 20px;
    line-height: 1.5em;
}

.service-area-text-overlay span {
    font-size:90%;
}

.service-area-bullets {
    font-size: 18px;
    font-weight: 500;
}

.service-area-bullets li {
    padding: .5em 0;
}

.service-area-stat h4 {
    text-align: center;
    color: #fff;
    line-height: 44px;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
}

.service-area-stat p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    margin-top: 8px;
}

.service-area-rent h5 {
    font-size: 25px!important;
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
}

.service-area-rent p {
    margin-bottom: 10px;
}

.service-area-highlights li {
    padding-bottom: 1.5em;
    line-height: 1.25em;
}

.service-area-links p {
    line-height: 1.25em;
}

.service-area-links a {
    color: #fff;
    text-decoration: underline;
}

.service-area-image-side {
    min-height: 220px!important;
}

@media (max-width: 767px) {
    .service-area-services-border-right {
        border-right: none;
        margin-bottom: -2em!important;
    }

    .service-area-stat p {
        margin-bottom: 1.5em;
    }

    .service-area-links p {
        padding-bottom: 1.5em;
    }
}

/* ===============
   Contact Page
   =============== */

.contact-lower-section {
    margin-top: 1em;
    margin-bottom: 1em;
}