.acf-map {
    width: 100%;
    height: 750px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

.acf-map img {
    max-width: inherit !important;
}

.property-props {
    font-size: 24px;
}

.mix-container {
    display: flex;
    padding: 0 0 0 15px;
    flex-wrap: wrap;
    width: 100%;
}

.prop-table {
    background-color: white;
}

.prop-table.prop-table-header {
    background-color: white;
    color: black;
}
.table thead.prop-table  th {
    background-color: #1d2437;
    color: #fff;
}
.position.pad {
    position: relative;
    overflow: hidden;
}

.mix-container:not(.rows) .mix {
    flex: 0 0 33%;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    padding: 5px 10px 0;
}

.mix-container .mix {
    padding: 5px;
}

.mw-properties-container {
    min-width: 100%;

}

#pagination-wrapper .mixitup-control {
    display: inline-block;
    position: relative;
    font-family: 'Raleway', sans-serif;
    /*min-width: 198px;*/
    height: 53px;
    font-weight: 500;
    font-size: 15px;
    line-height: 47px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: top;
    border: solid 2px #032241;
    transition: all 0.2s linear;
    outline: none;
    text-transform: uppercase;
    padding: 0;
    margin-top: 20px;
    border-radius: 0;
    padding: 0 15px;
    /*color: #fff;*/
}

/*#pagination-wrapper .mixitup-control:hover {
	background: transparent;
}*/

.mix .text {
    display: block;
    position: absolute;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-radius: 0 !important;
    padding-left: 30px;
    z-index: 2;
    color: #FFF;
    text-transform: uppercase;
    outline: none;
    transition: bottom 0.2s linear;
}

.mix h3 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 35px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    #map .mix h3 {
        font-size: 16px;
        margin: 5px;
    }
    .mix h3 {
        font-size: 20px;
        margin: 10px;
    }
}

.mix h4 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 38px;
    line-height: 30px;
    font-family: 'Barlow Semi Condensed', sans-serif;
}
@media screen and (max-width: 767px) {
    #map .mix h4 {
        font-size: 20px;
    }
    .mix h4 {
        font-size: 30px;
    }
}

.mix .position .logo-div {
    display: block;
    font-size: 20vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 0;
    opacity: 0;
    transition: transform 0.3s linear;
    background: url(../img/logo-514.png) 50% 50% no-repeat;
    width: 190px;
    height: 190px;
}

.mix .position:hover .text {
    bottom: 100px;
}

.mix .position:hover .logo-div {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.7;
}

.mix-container:not(.rows) .mix.api-msg {
    flex: 0 0 100%;
}

.mix .btn-text {
    display: block;
    /* background-color: rgba(3,34,65,0.93); */
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
    z-index: 3;
    overflow: hidden;
    transition: opacity 0.3s linear;
    opacity: 0;
    right: 50px;
    bottom: 30px;
    left: 50px;
}

.mix .position:hover .btn-text {
    opacity: 1;
}

#filter-wrapper .btn {
    min-width: 245px;
    margin-bottom: 10px;
}

.mix .btn:hover {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
}

.mix .position:hover .logo-div {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.7;
}

#search-props .input-box span {
    display: block;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 16px;
    background: #eee;
    color: #333333;
}

#search-props .input-box input {
    padding: 0 5px;
}

.jcf-list .jcf-option {
    font-size: 16px;
}

#search-props .input-box {
    padding: 10px 0;
    background: #eee;
}

#search-props {
    margin-bottom: 20px !important;
    border: 1px solid black;
    padding: 15px 15px;
}

#search-props h4 {
    text-transform: uppercase;
}

#search-props .input-box span.jcf-select-opener {
    background-color: #eee;

}

#search-props .input-box span.jcf-select.jcf-unselectable {
    background: #eee;
}

#search-props .input-box span {
}

#search-props .input-box span:hover {
    cursor: pointer;
}

#search-props .single-field p {
    font-weight: 500 !important;
}

.mix .position .logo-div {
    display: block;
    font-size: 20vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 0;
    opacity: 0;
    transition: transform 0.3s linear;
    background: url(../../../../themes/agent-514/img/logo-514.png) 50% 50% no-repeat;
    width: 190px;
    height: 190px;
}

.read_more.btn {
    color: #fff;
    border-color: #b88f2a;
    background: #b88f2a;
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px #292b2c5e !important;
    box-shadow: 0 0 0 2px #292b2c5e !important;
}

.read_more.btn:hover, .read_more.btn:active {
    color: #fff;
    /*border-color: transparent;*/
    /*background: transparent;*/
}

.read_more.btn:focus {
    color: #fff;
    /*	border-color: #D2B66C;
        background: #D2B66C;*/
}

#mapTab iframe,
#streetTab iframe {
    width: 100% !important;
    height: 500px !important;
}

.mixitup-control.btn {
    background-color: #b88f2a;
    border-color: #b88f2a;
    color: #fff;
}

.mixitup-control.btn.active, .mixitup-control.btn:hover {
    /*background-color: transparent;*/
    /*background: transparent;*/
}

.mix-container.rows .mix > .row .col-md-8 {
    flex: 1;
    height: 225px;
}

.mix-container.rows .mix .property-props {
    position: absolute;
    bottom: 15px;
    width: 90%;
}

@media only screen and (max-width: 768px) {
    .mix-container:not(.rows) .mix {
        flex: 0 0 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 5px;
        position: relative;
    }
    .mix-container {
    padding-right: 10px}

}

.single-properties-area table tr th {
    background-color: var(--main-color);
    color: #fcfcfc;
}

.single-properties-area .table-hover > tbody > tr:hover > th {
    color: #fcfcfc;
}

.table-hover > tbody > tr:hover > th {
    color: #000;
}

.single__block ul.nav-tabs li:before,
.single__block ul.social-network li:before {
    content: '';
}

.single__block ul.nav-tabs li,
.single__block ul.social-network li {
    padding: 0;
}

.m0 {
    margin: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.single__table th,
.single__table td {
    line-height: 2.1;
    text-align: left;
}

.single__slider .slick-next,
.single__slider .slick-prev {
    width: 380px;
}

.prop-label {
    position: absolute;
    width: 145px;
    top: 35px;
    /*left: -40px;*/
    text-align: center;
    color: #f0f0f0;
    /* transform: rotate(-45deg); */
    background: #1d1d1df2;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    text-transform: uppercase;
    font-size: 14px;
    z-index: 2;
    margin: 0 auto 10px;
}

.sold .prop-label,
.sold.prop-label {
    background: #EE0000;
}

.w-100 {
    width: 100% !important;
}

.api-msg {
    width: 100% !important;
}

.api-msg h2 {
    color: #1d2437;
}

.slick-slide .portfolio-item {
    padding: 0 5px;
}

.property-price p {
    margin: 0 !important;
}

.slick-next:before,
.slick-prev:before {
    content: '';
}

.slick-next,
.slick-prev,
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: #000;
    font-size: 24px;
}

.prop-thumb {
    height: 250px;
}

#map,
#streetMap {
    width: 100%;
    height: 500px;
}

.mix {
    overflow: hidden;
}

#map .portfolio-item {
    background: #fff;
    width: 650px;
    max-width: 95vw;
}

#map .mix .col-md-8 {
    height: 225px;
}

.gm-style-bg {
    display: none;
}

.gm-style-close {
    /*background: #fff;*/
}

#map .property-props {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
}

#map .property-props div {
    width: 50%;
    float: left;
    font-size: 28px;
    margin-bottom: 15px;
}

#map a.read_more2 {
    text-transform: uppercase;
    font-weight: bold;
    border: 0;
    border-radius: 0;
    min-width: auto;
    width: auto;
    line-height: 100%;
    text-align: center;
    padding: 20px 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    display: block;
    font-size: 16px;
    z-index: 1;
    background-color: #333;
    color: #fff;
}

#map .prop-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map .prop-thumb::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
}

#map .mix {
    padding: 20px;
}

#map .mix .prop-desc,
#map .prop-thumb::after {
    opacity: 0;
    transition: opacity 0.25s;
}

#map .mix:hover .prop-desc,
#map .mix:hover .prop-thumb::after {
    opacity: 1;
}

.mix a {
    color: #000;
}

.mix a:hover {
    color: #666;
}

#pagination-wrapper {
    text-align: center;
    clear: both;
}

.featured .bg-white {
    background: #fff;
    padding: 0;
    overflow: hidden;
    box-shadow: -2px -4px 13px #ddd;
    height: auto;
    margin: 0;
}


.homeEvalutation {
    padding: 20px;
    border-radius: 10px;
   
    background-color: #3f51b5;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.5);
    min-height: 455px;
}

@media only screen and (min-width: 800px) and (max-width: 1025px) {
    .homeEvalutation {
        min-height: 455px;
    }
}

.homeEvalutation h2.title {
    font-size: 20px !important;
}

.homeEvalutation h1 {
    font-size: 49px;
}

.homeEvalutation #progressbar {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.homeEvalutation fieldset {
    display: none;
    padding: 20px;
    margin-top: 30px;
}

.homeEvalutation #first {
    display: block;
}

.homeEvalutation input[type=text],
.homeEvalutation select {
    width: 100%;
    margin: 10px 0;
    height: 40px;
    padding: 5px;
    padding-left: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 1px rgba(255, 255, 255, 0.4);
}

.homeEvalutation input[type=submit],
.homeEvalutation input[type=button] {
    width: 110px;
    margin: 15px 25px;
    padding: 5px;
    height: 40px;
    background-color:  rgb(209, 18, 66);
    border: none;
    border-radius: 4px;
    color: white;
    font-weight: 900;
}

.homeEvalutation #map {
    width: 45%;
    height: 350px;
    float: left;
    border-radius: 5px;
}

.homeEvalutation h2, .homeEvalutation p {
    text-align: center;
    font-size: 1rem;
}

.homeEvalutation li {
    margin-right: 52px;
    display: inline;
    color: #fff;
    display: inline-block;
    font-weight: bold;
}

.homeEvalutation li.s1:before {
    text-align: center;
    content: '';
    height: 57px;
    display: none;
}

.homeEvalutation li.active.s1:before {
    text-align: center;
    content: '';
    height: 57px;
    display: none;
}

.homeEvalutation li.s2:before {
    text-align: center;
    content: '';
    height: 57px;
    display: none;
}

.homeEvalutation li.active.s2:before {
    text-align: center;
    content: '';
    height: 57px;
    display: none;
}

.homeEvalutation li.s3:before {
    text-align: center;
    content: '';
    height: 57px;
    display: none;
}

.homeEvalutation li.active.s3:before {
    text-align: center;
    content: '';
    height: 57px;
    display: none;
}

.homeEvalutation .active {
    /*color: #00BAAB;*/
    color: #D11242;
}

.homeEvalutation .map, .homeEvalutation .info {
    display: inline-block;
    width: 48%;
}

.homeEvalutation .agent-profile {
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
}

.homeEvalutation .agent-profile img {
    float: left;
    /*padding: 15px;*/
    width: 150px;
    border-radius: 30px;
    background: #032241e0;
}

.homeEvalutation .agent-profile p {
    color: black;
    text-align: left;
    font-weight: 600;
}

.homeEvalutation .agent-profile div {
    display: inline-block;
    float: left;
}

.homeEvalutation .agent-profile div.agent-info {
    width: 230px;
    border-right: 2px solid #ddd;
    margin: 30px;
}

.homeEvalutation .agent-profile div.info p {
    margin: 0 0 13px;
}

.homeEvalutation .agent-profile div.text {
    width: 90%;
    margin: 30px;
}

#homeEval p {
    margin: 0;
}

.homeEvalutation .map, .homeEvalutation .info {
    padding: 25px;
}

#filter-wrapper {
    margin-bottom: 15px;
}

#map .gm-style .gm-style-iw-c {
    padding: 0;
    box-shadow: none;
    max-width: none !important;
    border-radius: 0;
}

#map .gm-style-iw-d {
    max-width: none !important;
}

#search-props input,
#search-props select {
    background-color: transparent;
    border: 0;
    /*border-bottom: 1px solid black;*/
    width: 100%;
}

#search-props {
    padding: 15px;
    margin-bottom: 0;
}

.jcf-radio,
.jcf-radio span {
    border-radius: 0;
}

.jcf-select {
    position: relative;
    padding-right: 25px;
    background-color: transparent;
    border: 0;
    min-width: 100px;
    /*border-bottom: 1px solid black;*/
}

.jcf-select .jcf-select-opener,
.jcf-scrollbar-vertical .jcf-scrollbar-dec {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.2 5.2"><path class="potion_code_fill" d="M8 .2a.7.7 0 0 1 1 0 .68.68 0 0 1 0 1L5.09 5a.7.7 0 0 1-1 0L.2 1.17a.68.68 0 0 1 0-1 .7.7 0 0 1 1 0l3.4 3.17z"/></svg>') no-repeat center / 25%;
}

.jcf-scrollbar-vertical,
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc,
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    width: 5px;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #222;
}

.jcf-select .jcf-select-text {
    margin: 0 0 0 9px;
    text-align: left;
}

.jcf-radio + label {
    margin-right: 10px;
}

.camera_thumbs_cont ul li > img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.camera_thumbs_cont ul {
    display: flex;
}

.camera_thumbs_cont ul li {
    display: block;
}

.nav-tabs a {
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 3px solid transparent;
    display: block;
    transition: border-bottom-color 0.25s;
}

.nav-tabs a.active {
    font-weight: bold;
    border-bottom: 3px solid var(--main-color);
}

.property-gallery img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.property-gallery.owl-carousel .owl-stage {
    padding: 0;
}

#overview h5 {
    text-transform: capitalize;
}

.vr-svg svg {
    width: 60px;
    margin-left: 10px;
    fill: var(--main-color);
}

.panel-toggle {
    position: relative;
    display: block;
}

.panel-toggle:after {
    font-family: 'lined-icons';
    content: "\e115";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: var(--main-color);
}

.collapsed.panel-toggle:after {
    content: "\e114";
}

.mw-properties-container {
    position: relative;
    transition: all 0.5s;
}


.mw-properties-container .css3-spinner-zig-zag {
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translate(-50%);
}

.royalSlider {
    width: 100%;
    height: 700px;
}

.rsDefault .rsThumb.rsNavSelected {
    background: #a18654;
}

.props-section .img-ctn img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}
#info-new h3::before{
    display: none;
}
.related-pros h3::before{
    display: none;
}
.title-h4{
    font-size: 30px;
    color: #333;
    margin: 20px 0 10px;
}
.propDetails p{
    color: black;
    font-size: 15px;
}
#info-new .table td{
    color: #333;
}
.mixitup-control{
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    color: #1d2437;
    padding: 12px 35px;
    font-size: 18px;
    line-height: 1.5;
    border: 1px solid #1d2437;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.mixitup-control:hover, .mixitup-control:focus, .mixitup-control-active{
    background-color: #D11242;
    color: #FFFFFF!important;
    border-color: #D11242;
    outline: none;
}

.Caption__Announcement {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 20px;
    background: #000;
    font-weight: 400;
    margin-bottom: 20px;
}

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

ul.social-network li {
    display: inline-block;
    margin: 0px 5px;
}

.si-colored.si-facebook, .si-facebook:hover {
    background-color: #3b5998 !important;
}

.social-circle li a{
    color: #fff;
}

.social-circle li i {
    margin: 0;
    line-height: 37px;
    text-align: center;
}

.si-colored.si-linkedin, .si-linkedin:hover {
    background-color: #0e76a8 !important;
}

.si-colored.si-twitter, .si-twitter:hover {
    background-color: #00acee !important;
}

.si-colored.si-pinterest, .si-pinterest:hover {
    background-color: #c8232c !important;
}

.si-colored.si-print, .si-print:hover {
    background-color: #ca9e32 !important;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    border-radius: 50%;
    text-align: center;
    width: 35px;
    height: 35px;
    font-size: 20px;
}

#info-new .nav-tabs .nav-link.active, #info-new .nav-tabs .nav-link:hover {
    background-color: #D11242;
    border-color: #ddd #ddd #fff;
    color: #fff!important;
}

.table thead.prop-table th {
    background-color: #000;
    font-weight: 500!important;
}

.single-pro-info {
    /*background-color: #ea002a;*/
}

.single-pro-info h4{
    color: #fff;
}

.homeEvalutation {
    background: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0 / 60%)), url(/wp-content/uploads/2021/05/Featured.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.font-18 {
    font-size: 18px;
    font-weight: 600;
}
.font_24, .Caption__Price span {
    font-size: 24px;
    font-weight: 600;
    color: #D11242;
    margin-top: 60px;
}

button.min-size {
    min-width: 310px;
    margin-bottom: 20px;
}

.royalSlider {
    height: 70vh;
    margin-top: 80px;

}
@media only screen and (max-width: 576px) {
    .royalSlider {
        margin-top: 70px;
    }
}
    #properties .fp-address {
        font-size: 15px;
    }
    #properties .other-details {
        font-size: 15px;

    }


#maps .title h5 {
    font-size: 30px;
    line-height: 1.5;
    color: #D11242;
}
.brokers-sidebar .prop-design {
    font-size: 15px;
    padding: 10px 15px;
    color: #D11242;
    border: 1px solid #D11242;
}
.brokers-sidebar .prop-design:hover {
    color: #fff;
}
h3.mt-1 {
    font-size: 24px;
    color: #D11242;
    font-weight: 600;
}
h4.title-h4 {
    color: #D11242;
}
.l-info .table {
    margin-bottom: 20px!important;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}
h5.modal-title {
    font-size: 24px;
    text-transform: uppercase;
    color: #D11242;
}
#info-contact .modal-body input, #info-request .modal-body input {
    display: inline-block;
    width: 100%;
    padding: 0;
    height: 44px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #d8dde6;
    margin-bottom: 20px;
    outline: none;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
}
#info-contact .modal-body textarea, #info-request .modal-body textarea {
    display: inline-block;
    width: 100%;
    background: #fff;
    height: 108px;
    padding-left: 20px;
    font-size: 14px;
    color: #6c757d;
    border: 1px solid #d8dde6;
    margin-bottom: 20px;
    box-shadow: none;
    outline: none;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    padding-left: 20px;
    padding-top: 15px;
}
.modal-header .close {
    margin-top: 10px;
    font-size: 15px;
}
.brokers-sidebar img {
    max-width: 250px;
}
.brokers-sidebar a:hover {
    color: #D11242;
}
.brokers-sidebar i {
    margin-right: 10px;
}
@media only screen and (max-width: 576px) {
    .homeEvalutation .agent-profile img {
        float: unset;
    }

    .homeEvalutation .info {
        width: 100%;
        padding: 25px 5px;
    }

    .homeEvalutation h1 {
        font-size: 39px;
    }

    .homeEvalutation #map {
        width: 100%;
    }

    .homeEvalutation .agent-profile div.text {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 576px) {
#filter-wrapper .mixitup-control {
    min-width: 225px;
    margin-bottom: 20px;
}
    .modal-content {
        margin-top: 70px;
    }
}

.brokers-sidebar a{
    transition: 0.4s all ease;
}