@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

:root{
    --primary : #55684B;
    --main: #55684B;
    --secondary: #2F586E;
    --dark : #05233B;
}

@font-face {
    font-family: 'TT-Commons';
    src: url('/themes/main/fonts/tt-commons-pro') format('otf'),
    url('/themes/main/fonts/tt-commons-pro/TT Commons Regular.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT';
    src: url('/themes/main/fonts/avenir-lt-pro') format('ttf'),
    url('/themes/main/fonts/avenir-lt-pro/Avenir LT 35 Light Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

body
{
    font-family: 'Avenir LT', sans-serif;
    color: #292929;
    font-size: 14px;
}

h1,h2
{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* pagination */
.pagination {
    width: 100%;
    text-align: center;
    margin-top: 20px;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination > li {
    display: inline-block;
}

.pagination > li > a
{
    transition: all 0.3s;
}

.pagination > li > a svg
{
    transition: all 0.3s;
}

.pagination > li > a:hover path
{
    fill: #fff !important;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: var(--main);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid var(--main);
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #fff !important;
    background-color: var(--main);
    border-color: var(--main);
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border: 1px solid var(--main);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: var(--main);
    border-color: var(--main);
}
/* pagination */

.breadcrumb
{
    background: initial !important;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.breadcrumb-item a
{
    color: #292929 !important;
    transition: all 0.3s;
}

.breadcrumb-item a:hover
{
    color: var(--main) !important;
}

.breadcrumb-item.active
{
    color: #292929;
    font-weight: 700;
}

.staticpages-view h1{
    font-size: 36px;
    font-weight: 700;
}

.staticpages-view .underline{
    margin-top: 17px;
    margin-bottom: 38px;
}

.staticpages-view{
    padding-top: 32px;
    padding-bottom: 20px;
}
@media(max-width: 1600px) and (min-width: 1200px){
    .staticpages-view.container{
        max-width: 1080px !important;
    }
}

@media(max-width: 767px){
    .staticpages-view h1{
        font-size: 24px;
    }
    
    .staticpages-view .underline{
        margin-top: 20px;
        margin-bottom: 29px;
    }
    
    .staticpages-view{
        padding-top: 15px;
        padding-bottom: 40px;
    }
    .price-inputs input{
        padding: 8px !important;
    }
}


.staticpages-content
{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 23px;
}

.staticpages-content img
{
    height: auto;
}

.staticpages-content table,
.staticpages-content tr,
.staticpages-content td
{
    border: 0px;
}

select {
    background-image: url(/img/select-icon.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 27px center !important;
    padding-right: 20px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
}

.select2-selection__arrow
{
    border: 0px !important;
    background-image: url(/img/select-icon.svg);
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.select2-selection__arrow b
{
    display: none;
}

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
}

input[type="checkbox"]::after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: 1px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #1C274C;
}

input[type="checkbox"]:checked::after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: 1px;
    left: -1px;
    position: relative;
    background-color: var(--main);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #1C274C;
}

header
{
    position: relative;
}

.mp-header
{
    background-image: url(/img/topbck.jpg);
    background-position: top 70% center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.mp-header-overlay
{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 100%;
    background: linear-gradient(180deg, #FFF 6.77%, rgba(255, 255, 255, 0.3) 100%);
}

.header-container
{
    position: relative;
}

@media (min-width: 1300px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1230px;
    }
}
@media (min-width: 1350px){
    .container-large{
        max-width: 1312px !important; 
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
a
{
    color: #292929 !important;
}

.tr-anim
{
    transition: all 0.3s;
}

.main-logo img
{
    max-width: 210px;
    max-height: 106px;
}

#navbarNav
{
    flex-grow: initial;
}

.navbar
{
    padding: 0;
}

.language-picker.dropdown-list span{
    color: #fff !important;
}

.menu-phone
{
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid var(--main) !important;
    background-color: var(--main) !important;
    color: #fff !important;
    font-weight: 600;
    padding: 5px 10px;
}

.menu-phone:hover
{
    color: var(--main) !important;
    background-color: #fff !important;
}

.menu-phone svg
{
    margin-right: 5px;
}

.menu-phone:hover path
{
    fill: var(--main) !important;
}

.nav-link
{
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.nav-link:hover{
    color: var(--primary) !important;
}

nav{
    height: auto;
    background: rgba(85, 104, 75, 0.70);
}


.menu-fb-btn
{
    width: 24px;
    height: 25px;
    border: 1px solid var(--main);
    background-color: var(--main) !important;
    border-radius: 50%;
}

.menu-fb-btn:hover
{
    background-color: #fff !important;
}

.menu-fb-btn:hover path
{
    fill: var(--main) !important;
}

.mp-header .menu-fb-btn
{
    border: 1px solid #292929;
    background-color: #292929 !important;
}
.mp-header .menu-fb-btn:hover
{
    background-color: #fff !important;
}
.mp-header .menu-fb-btn:hover path
{
    fill: #292929 !important;
}

.fir-facebook
{
    margin-top: 5px;
}

.footer-fb-link
{
    font-weight: 700;
    text-transform: uppercase;
}

.footer-fb-link span
{
    color: #fff !important;
    margin-left: 5px;
}

.footer-fb-link:hover span
{
    color: #FFC400 !important;
}

.footer-fb-btn
{
    width: 30px;
    height: 30px;
    border: 1px solid #FFC400;
    background-color: #FFC400 !important;
    border-radius: 50%;
}

.footer-fb-btn path
{
    fill: #1C274C !important;
    transition: all 0.3s;
}

.footer-fb-link:hover .footer-fb-btn
{
    background-color: #1C274C !important;
}

.footer-fb-link:hover .footer-fb-btn path
{
    fill: #FFC400 !important;
}

.header-filter-block
{
    padding: 60px 0px;
    text-align: center;
}

.hfb-title
{
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 20px;
}

.hfb-filter-row
{
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 10px;
}

.hfb-filters .dropdown-menu
{
    position: static !important;
    transform: none !important;
}

.hfb-more-btn
{
    background-color: #1C274C !important;
    color: #FFFFFF !important;
    font-weight: 600;
    border: 1px solid #1C274C !important;
    border-radius: 0px 0px 5px 5px;
    padding: 3px 6px;
    margin-right: 20px;
}

.hfb-more-btn:hover {
    color: #1C274C !important;
    background-color: #FFFFFF !important;
}

.hfb-filter-row
{
    width: 100%;
}

.hfb-more
{
    background: initial !important;
    border: 0px;
    padding-top: 15px;
}

.dropdown-menu.show.hfb-more
{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.filter-group-more-checkbox
{
    width: 220px;
}

.filter-group-checkbox label
{
    margin: 0px;
    margin-left: 5px;
}

.hfb-more label
{
    font-size: 14px;
    margin: 0px;
    margin-left: 3px;
}

.mp-filter-send-btn
{
    border: 1px solid #55684B !important;
    background: #292929 !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    min-width: 143px;
    height: 35px;
}

.mp-filter-send-btn path{
    fill: #fff;
}

.mp-filter-send-btn:hover path{
    fill: #292929;
}

.mp-filter-send-btn:hover
{
    color: #292929 !important;
    background-color: #292929 !important;
    background:#55684B !important;
}

.filter-radio-group-label
{
    font-weight: 400;
    font-size: 14px;
    color: #292929;
    margin:0px;
    border: 1px solid #D3D3D3;
    background: #FFF;
    width: 69px;
    height: 31px;
}

.filter-radio-group-label:last-child
{
    margin-left: 5px;
}

.filter-radio-group-label.active, .filter-radio-group-label:hover
{
    background:  #292929!important;
    border-color: #292929;
    color: #fff !important;
}

.filter-radio-group-label:hover
{
    cursor: pointer;
}

.hfb-filter-row input:not([type='checkbox']), .hfb-filter-row select, .hfb-filter-row .select2-selection
{
    border: 0px !important;
    background-color: #fff !important;
    height: 45px !important;
    width: 100% !important;
    border-radius: 5px !important;
    padding: 10px !important;
    text-align: left;
    font-weight: 700;
    box-shadow: none !important;
}

.hfb-filter-row .select2-selection__placeholder
{
    font-weight: 700 !important;
    color: #D7D8DA !important;
}

.hfb-filter-row input::-webkit-input-placeholder {
    font-weight: 700;
    color: #D7D8DA;
    opacity: 1 !important;
}
.hfb-filter-row input:-ms-input-placeholder {
    font-weight: 700;
    color: #D7D8DA;
    opacity: 1 !important;
}
.hfb-filter-row input::placeholder {
    font-weight: 700;
    color: #D7D8DA;
    opacity: 1 !important;
}

.filter-group
{
    position: relative;
    border: 1px solid #292929;
    border-radius: 5px;
    min-width: 100px;
}

.filter-group-label
{
    margin: 0px;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 0px 4px;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
    z-index: 9;
}

.filter-group-multiple input:not([type="checkbox"])
{
    width: 40px !important;
    text-align: center !important;
    padding: 10px 0px !important;
}

.fgm-separator
{
    margin: 0px 2px;
    background-color: #D7D8DA;
    display: block;
    width: 1px;
    height: 20px;
}

.filter-group .select2-container
{
    width: 100% !important;
}

.filter-group-checkbox
{
    margin: 0px 15px;
}

.filter-radio-group
{
    margin-right: 10px;
}

.fg-identity
{
    flex-grow: 1;
}

.fg-category
{
    width: 160px;
}

.fg-city
{
    width: 180px;
}

.fg-new
{
    min-width: 90px;
}

.mp-filter-identity-btn
{
    position: absolute;
    right: 5px;
    bottom: 50%;
    transform: translateY(50%);
    background: initial !important;
    border: 0px !important;
}

.menu-btn
{
    display: none;
    color: #fff !important;
    background-color: var(--main) !important;
    border: 1px solid var(--main) !important;
    border-radius: 5px;
    padding: 5px;
}

.menu-btn:hover
{
    background-color: #fff !important;
    color: var(--main) !important;
}

.menu-btn:hover path
{
    fill: var(--main) !important;
}

#mobile-menu
{
    background-color: rgba(0,0,0,0.9);
    position: absolute;
    top: 0px;
    right: 0px;
    min-height: 100vh;
    width: 0px;
    overflow: hidden;
    z-index: 999;
}

#mobile-menu.mobile-menu-open
{
    width: 100%;
}

.menu-close-btn
{
    background: initial !important;
    color: #fff !important;
    font-size: 25px;
    width: 36px;
    height: 36px;
    border: 0px;
    padding: 0px;
}

.mobile-menu-top
{
    margin-bottom: 30px;
    padding-top: 38px;
}

.mobile-menu-list a:not(.menu-fb-btn)
{
    margin-bottom: 15px;
    font-size: 20px;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
}

.mobile-menu-list .menu-fb-btn
{
    font-size: 20px;
    border: 1.5px solid #292929 !important;
    background-color: #fff !important;
    width: 35px;
    height: 35px;
}

.mobile-menu-list .menu-fb-btn svg
{
    transform: scale(2);
}

.mobile-menu-list .menu-fb-btn path
{
    fill: #292929 !important;
}

.gray-section
{
    background-color: #E9EBED;
}

.red-section
{
    background-color: var(--main);
}

.mp-section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.section-title
{
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.mp-section-info
{
    margin: 0px auto;
    margin-top: 15px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 860px;
}

.mp-infoblock
{
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    display: block;
    width: 100%;
    max-width: 860px;
    padding: 40px 0px;
    margin: 0px auto;
}

.section-subtitle
{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}

.section-content
{
    margin-top: 15px;
    display: block;
    width: 100%;
}

.section-contact
{
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    margin-top: 25px;
}

.sc-item
{
    margin-bottom: 10px;
    line-height: 17px;
}

a.sc-item, a.sc-item svg
{
    transition: all 0.3s;
}

a.sc-item:hover
{
    color: var(--main) !important;
}

a.sc-item:hover svg
{
    transform: scale(1.2);
}

.sc-icon
{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

#sites-map
{
    display: block;
    width: 100%;
    height: 350px;
}

.footer-bottom
{
    font-size: 10px;
    color: #FFFFFF;
    background-color: #1C274C;
    padding: 20px 0px;
    border-top: 0.5px solid #535383;
}

.footer-bottom a
{
    font-weight: 700;
    color: #FFFFFF !important;
}

.footer-separator
{
    margin: 0px 10px;
}

.footer-top
{
    background-image: url(/img/footer-bck.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 120px 0px;
    position: relative;
    color: #fff;
}

.footer-top-overlay
{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(0deg, rgba(28, 39, 76, 0.92), rgba(28, 39, 76, 0.92));
}

.footer-logo img
{
    width: 100%;
    max-width: 180px;
}

footer .top .contact-info{
    gap: 18px;
    font-size: 13px;
}

.contact-info a.d-flex{
    gap: 5px;
}

.contact-info svg{
    width: 30px;
    height: 30px;
}
.contact-info a.d-flex:hover{
    color: var(--primary) !important;
}

.contact-info a:not(.location):hover path{
    fill: #292929;
}

.contact-info a.location:hover path{
    stroke: #292929;
}

.footer-menu-title
{
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 40px;
}

.footer-info-rows
{
    margin-top: 25px;
    color: #D7D8DA;
    font-size: 14px;
    line-height: 17px;
}

.footer-info-row span
{
    font-weight: 700;
    padding-right: 4px;
}

.footer-info-row
{
    margin-top: 4px;
}

.fir-link a
{
    color: #D7D8DA !important;
}

.fir-link a:hover
{
    color: var(--main) !important;
}


.footer-menu
{
    padding: 0px;
    list-style: none;
}

.footer-menu a
{
    text-transform: uppercase;
    color: #F1F1F1 !important;
}

.footer-menu li
{
    margin-bottom: 10px;
}

.footer-menu a:hover
{
    color: var(--main) !important;
}

.section-services,
.section-salesmans
{
    margin-top: 30px;
    margin-bottom: 30px;
}



.si-img
{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.service-item img
{
    transition: all 0.3s;
}



.si-name
{
    padding: 0px 2px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    width: 100%;
    height: 36px;
    margin-bottom: 10px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.si-description
{
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    padding: 0px 4px;
    width: 100%;
    height: 60px;
    margin-bottom: 10px;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.si-next
{
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.si-bottom-image {
    position: absolute;
    left: -1px;
    bottom: -1px;
    right: -1px;

    height: 13px;
    width: calc(100% + 2px);

    mask: url(/img/service-bottom-img.svg) no-repeat center/contain;
    mask-repeat: no-repeat;
    mask-position-x: center;
    mask-position-y: center;
    mask-size: contain;
    mask-image: url("/img/service-bottom-img.svg");
    -webkit-mask-image: url(/img/service-bottom-img.svg);
    -webkit-mask-size: cover;
    -webkit-mask-position: top;
    -webkit-mask-repeat: no-repeat;
}


.salesman-item-outside
{
    width: 20% !important;
    padding: 5px;
    padding-bottom: 20px;
    height: auto !important;
}

.salesman-item
{
    position: relative;
    background-color: #E9EBED;
    border: 1px solid #E9EBED;
    border-radius: 0px 0px 5px 5px;
    padding-bottom: 20px;
}

.smi-img
{
    overflow: hidden;
    margin-bottom: 5px;
}

.smi-img img
{
    transition: all 0.3s;
}

.salesman-item:hover .smi-img img
{
    transform: scale(1.2);
}

.smi-name
{
    font-weight: 700;
    margin-bottom: 6px;
}

.smi-name, .smi-job, .smi-email, .smi-phone
{
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 6px;
}

.smi-email,
.smri-email
{
    word-break: break-all;
}

.smi-email svg, .smi-phone svg
{
    margin-right: 5px;
}

.smi-email path, .smi-phone path
{
    transition: all 0.3s;
}

.smi-email:hover, .smi-phone:hover
{
    color: var(--main) !important;
}

.smi-email:hover path, .smi-phone:hover path
{
    fill: var(--main) !important;
}

.smi-realestates
{
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%, 50%);
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF !important;
    background-color: var(--main) !important;
    border: 1px solid var(--main) !important;
    border-radius: 3px;
    padding: 3px 18px;
}

.smi-realestates:hover
{
    background-color: #FFFFFF !important;
    color: var(--main) !important;
}

.smv-img img
{
    border-radius: 10px;
    max-height: 238px;
    margin-bottom: 15px;
}

.smv-name
{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: left;
}

.smv-job
{
    margin-bottom: 15px;
}

.smv-email, .smv-phone
{
    margin-bottom: 5px;
}

.smv-job, .smv-email, .smv-phone
{
    font-size: 18px;
}

.smv-email svg, .smv-phone svg
{
    transform: scale(2);
    width: 20px;
}

.smv-email span, .smv-phone span
{
    margin-left: 8px;
}

.smv-email path, .smv-phone path
{
    transition: all 0.3s;
}

.smv-email:hover, .smv-phone:hover
{
    color: var(--main) !important;
}

.smv-email:hover path, .smv-phone:hover path
{
    fill: var(--main) !important;
}

.user-view
{
    margin-bottom: 30px;
}

.realstate-list
{
    margin-bottom: 30px;
}

.realstate-item-outside
{
    padding-bottom: 30px;
}

.realstate-item
{
    background-color: #fff;
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 5%), 0px 14px 14px 0px rgb(0 0 0 / 5%), 0px 31px 18px 0px rgb(0 0 0 / 3%), 0px 55px 22px 0px rgb(0 0 0 / 1%), 0px 85px 24px 0px rgb(0 0 0 / 0%);
    backdrop-filter: blur(5px);
    border-radius: 19px;
}
.ri-datas .wrapper{
    gap: 26px;
}
.ri-datas{
    padding: 16px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 128px;
    background-color: #fff;
    color: #333;

}
.group-left{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.card-footer{
    background: var(--primary);
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
    padding: 0 16px;
    height: 39px;
    border-radius: 0 0 19px 19px !important;
    border: none;
}
.sub-data-1 .price{
    font-size: 20px;
    font-weight: 600;
}
.sub-data-1 small{
    font-size: 16px;
    font-weight: 400;
}
.sub-data-1 .address{
    font-size: 18px;
}
.sub-data-2 .data-element{
    text-align: right;
    padding-right: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
}
.ri-img
{
    position: relative;
    overflow: hidden;
    border-radius: 19px 19px 0 0;
    height: 316px;
}

/*.premium :where(.ri-img, img){
    border-radius: 19px;
}*/

.ri-img img:not(.img-fluid)
{
    transition: all 0.3s;
    height: 316px;
    width: 100%;
    object-fit: cover;
}

.realstate-item:hover .ri-img img:not(.img-fluid)
{
    transform: scale(1.1);
}

.ri-type,
.ri-images
{
    position: absolute;
    z-index: 9;
    bottom: 24px;
    height: 26px;
    padding: 0px 15px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
}

.ri-type
{
    left: 10px;
    background-color: #F9FCFF;
}

.ri-type:before
{
    content: '';
    display: block;
    width: 3px;
    height: 26px;
    background-color: var(--main);
    position: absolute;
    left: -3px;
    top: 0px;
}

.ri-images
{
    color: #fff;
    right: 6px;
    background-color: var(--main);
}

.ri-name
{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 3px;
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ri-data{
    gap: 14px;
    font-size: 13px;
    margin-bottom: 20px;
}

.realstate-item-outside:hover :where(.ri-data, .ri-price, .ri-name){
    color: var(--primary) !important;
}

.ri-data path{
    transition: all 0.3s ease-in-out;
}

.realstate-item-outside:hover .ri-data path{
    fill: var(--primary);
}

.ri-description
{
    font-size: 10px;
    line-height: 12px;
    height: 36px;
    margin-bottom: 8px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ri-price
{
   font-size: 22px;
}

.ri-infos
{
    font-size: 13px;
    line-height: 16px;
}

.more-btn-row
{
    margin-bottom: 10px;
}

.more-btn
{
    border: 2px solid var(--primary);
    background-color: var(--primary);
    color: #FFFFFF !important;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px;
    gap: 10px;
    border-radius: 14px;
}

.more-btn:hover {
    color: var(--primary) !important;
    background-color: #FFFFFF !important;
}

.form-control:focus{
    border-color: var(--primary);
    box-shadow: 0 0 0 .2rem rgba(209,180,111,.25)
}

.more-btn svg{
    transition: all .3s ease-in-out;
}

.more-btn:hover svg{
    fill: var(--primary);
}

.section-realestates .slick-slide
{
    padding: 15px;
}

.section-realestates .realstate-item-outside
{
    width: 100%;
}

.realstate-item-outside{
    margin-right: 32px;
}

.realstate-item-outside:last-child{
    margin-right: 0px;
}

.slick-prev:before,
.slick-next:before
{
    display: none;
}

.slick-prev
{
    left: 15px;
}

.slick-next
{
    right: 15px;
}

.mp-section-realestates
{
    padding-left: 40px;
    padding-right: 40px;
}

.filter-dropdown-menu
{
    border: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.filter-dropdown-btn
{
    border: 1px solid #292929;
    border-radius: 5px;
    padding: 12px 20px;
    font-weight: 700;
    background-color: #fff;
}

.filter-dropdown-btn svg
{
    margin-left: 15px;
}

.realestate-list-title
{
    font-weight: 700;
    margin: 0px;
    text-transform: none;
}

.realestate-list-head
{
    margin-bottom: 20px;
}

#orderingMenuButton
{
    border: 0px;
    background-color: initial !important;
}

#orderingMenuButton svg
{
    margin-left: 11px;
}

.realestate-list-filters
{
    padding: 5px 15px;
}

.realestate-list-filters .filter-group
{
    width: 100% !important;
    margin: 0px !important;
    margin-bottom: 20px !important;
}

.realestate-list-filters .filter-group-label
{
    font-size: 14px;
    left: 25px;
    top: 0px;
    transform: translateY(-50%);
}

.realestate-list-filters .filter-group-multiple input:not([type="checkbox"])
{
    width: 48% !important;
}

.realestate-list-filters .filter-radio-group-inside
{
    margin-bottom: 20px;
}

.realestate-list-filters .filter-radio-group-label:last-child {
    margin-top: 0px !important;
    margin-left: 10px;
}

.fg-multiple
{
    padding: 15px;
}

.fg-multiple label
{
    margin: 0px;
    margin-left: 5px;
    font-size: 14px;
}

.realestate-list-filters .mp-filter-send-btn
{
    width: 100%;
}

.realestate-list-filters .filter-group-more-checkbox
{
    width: 100%;
}

.emptytext
{
    font-size: 20px;
    font-weight: 700;
}

.realestate-view-block
{
    margin-bottom: 30px;
}

.realestate-images
{
    padding: 10px;
    background-color: #E9EBED;
    border-radius: 5px;
}

.swiper-thumbs-row
{
    padding: 0px 40px !important;
    padding-top: 10px !important;
    position: relative;
}

.swiper-images-next, .swiper-images-prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-images-prev {
    left: 10px;
    right: auto;
}

.swiper-images-next.swiper-button-disabled, .swiper-images-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}

.swiper-images-next {
    right: 10px;
    left: auto;
}

.realestate-title
{
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 20px;
    text-transform: none;
    text-align: left;
}

.realstate-identity
{
    font-size: 16px;
    margin-bottom: 30px;
}

.realstate-identity span
{
    font-weight: 700;
    color: var(--main);
}

.realstate-main-infos
{
    margin-bottom: 30px;
}

.rmi-row
{
    font-size: 16px;
    padding: 10px 0px;
    border-bottom: 1px solid #E9EBED;
}

.rmi-row:last-child
{
    border: 0px;
}

.rmir-label
{
    width: 50%;
}

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

.realstate-price
{
    padding: 10px 45px;
    border: 3px solid #F5F5F5;
    border-radius: 5px;
    font-weight: 800;
    font-size: 22px;
    color: var(--main);
}

.realestate-infos-block
{
    margin-bottom: 20px;
}

.realestate-description-title
{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px;
}

.realestate-description
{
    font-size: 14px;
    line-height: 20px;
}

.realestate-buttons
{
    margin-bottom: 30px;
}

.realestate-button
{
    margin: 0px 4px;
    border: 1.5px solid #E9EBED;
    border-radius: 5px;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 10px;
    height: 38px;
}

.realestate-button svg
{
    margin-right: 5px;
    width: 18px;
    min-width: 18px;
}

.realestate-button:hover
{
    background-color: #E9EBED;
}
.news-view h1,.realestate-index h1{
    font-size: 36px;
    font-weight: 700;
}

.ri-row
{
    width: 33%;
    margin-bottom: 25px;
    border-left: 1px solid #E9EBED;
    padding-left: 5px;
    font-size: 14px;
    line-height: 17px;
}

.ri-value
{
    font-weight: 700;
    font-size: 16px;
}

.ri-extras-row
{
    width: 100% !important;
}

.salesman-realestate-item
{
    width: 235px;
    min-width: 235px;
    border-radius: 5px;
    background-color: var(--main);
    color: #fff;
    font-size: 14px;
    line-height: 17px;
}

.smri-title
{
    display: block;
    width: 100%;
    text-align: center;
    background-color: #2C2C5E;
    border-radius: 5px 5px 0px 0px;
    font-weight: 700;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.smri-job
{
    margin-bottom: 10px;
}

.salesman-realestate-item a
{
    margin-bottom: 10px;
}

.salesman-realestate-item a svg
{
    margin-right: 5px;
    transition: all 0.3s;
}

.salesman-realestate-item a path
{
    fill: #fff !important;
}

.salesman-realestate-item a:hover svg
{
    transform: scale(1.2);
}

.smri-img
{
    margin-bottom: 5px;
}

.smri-name
{
    font-weight: 700;
    font-size: 16px;
}

.smri-email, .smri-phone
{
    color: #fff !important;
}

.smri-realestates
{
    border: 2px solid #fff;
    background-color: #FFFFFF !important;
    color: var(--main) !important;
    border-radius: 3px;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    padding: 5px 12px;
}

.smri-realestates:hover
{
    color: #FFFFFF !important;
    background-color: var(--main) !important;
}

.back-btn
{
    position: relative;
    right: calc(235px / 2);
    transform: translateX(50%);

    font-weight: 600;
    font-size: 18px;
    line-height: 15px;
    color: #292929 !important;
    background-color: #E9EBED !important;
    border: 2px solid #E9EBED;
    border-radius: 3px;
    padding: 5px 18px;
}

.back-btn svg
{
    margin-right: 8px;
}

.back-btn:hover
{
    background-color: #fff !important;
}

.contact-form-container
{
    display: block;
    width: 100%;
    max-width: 100%;
}

.contact-form-title
{
    display: block;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
}

#contact-form .form-control{
    border-radius: 14px;
}

.contact-form-text
{
    display: block;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
}

.contact-agree-checkbox
{
    text-align: center;
}

#contact-message
{
    min-height: 130px;
}

#contact-box .alert-success
{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    background-color: #3d8c4f;
    border: 0px;
}

.footer-top-separator
{
    border-right: 0.5px solid
}

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

@media (min-width: 768px)
{
    .filter-dropdown-menu
    {
        display: block !important;
        position: static !important;
    }
}

@media (max-width: 1299px)
{
    .fg-identity {
        flex-grow: initial;
        width: 130px;
    }
}

@media (max-width: 1199px)
{
    .nav-link {
        margin: 0px 6px !important;
    }
    .main-logo img {
        max-width: 170px;
    }
    .hfb-title {
        font-size: 25px;
    }
    .ri-row
    {
        width: 50%;
    }
}

@media (max-width: 991px)
{
    .menu-phone
    {
        border: 1.5px solid #E9EBED !important;
        background-color: #E9EBED !important;
        color: #292929 !important;
    }
    .menu-phone path
    {
        fill: #292929 !important;
    }
    .menu-phone:hover
    {
        background-color: #292929 !important;
        color: #E9EBED !important;
    }
    .menu-phone:hover path
    {
        fill: #E9EBED !important;
    }
    .mp-header .menu-phone
    {
        border: 1.5px solid #292929 !important;
        background-color: #fff !important;
        color: #292929 !important;
    }
    .mp-header .menu-phone path
    {
        fill: #292929 !important;
    }
    .mp-header .menu-phone:hover
    {
        color: #fff !important;
        background-color: #292929 !important;
    }
    .mp-header .menu-phone:hover path
    {
        fill: #fff !important;
    }
    .menu-btn
    {
        display: block;
    }
    .footer-top
    {
        padding: 40px 0px;
    }
    .footer-menu-title {
        margin-bottom: 20px;
    }
    .footer-left
    {
        margin-bottom: 60px;
    }
    .salesman-item-outside {
        width: 25% !important;
    }
    .back-btn {
        position: static;
        transform: none;
    }
    .ri-type,
    .ri-images
    {
        padding: 0px 10px;
    }
    .menu-phone
    {
        background-color: #E9EBED !important;
        border-color: #E9EBED !important;
    }
    .footer-fb-btn
    {
        border: 1px solid #fff;
        background-color: #fff !important;
    }
    .footer-fb-btn path
    {
        fill: #2C2C5E !important;
    }
    .footer-fb-link:hover .footer-fb-btn
    {
        background-color: #2C2C5E !important;
    }
    .footer-fb-link:hover .footer-fb-btn path
    {
        fill: #fff !important;
    }
    .navbar-nav{
        position: relative;
        z-index: 12;
        background: #fff;
        text-align: center;
    }
    .navbar-nav .nav-item:not(.nav-item:last-child){
        border-bottom: 3px solid var(--primary);
    }
    .dropdown-divider{
        border-top: 3px solid var(--primary);
    }
    nav .dropdown-menu{
        border: none;
        border-top: 3px solid var(--primary);
        border-bottom: 3px solid var(--primary);
    }
    nav .dropdown-menu:last-child{
        border: none !important;
    }
    nav .dropdown-item{
        text-align: center;
    }
    .language-picker{

    }
    .navbar-toggler{
        margin-right: 18px;
        transition: all .3s ease-in-out;
    }
    .language-picker img{

    }
    .language-picker::after{
        margin-left: 6px !important;
    }
    .language-picker ul{
        min-width: 130px;
    }
    .navbar-toggler:not(.collapsed){
        transform: rotate(90deg);
    }
}

@media (max-width: 767px) {
    .hfb-title {
        font-size: 20px;
        line-height: 24px;
    }
    .hfb-more-btn, .hfb-more
    {
        display: none !important;
    }
    .sc-item
    {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 30px;
    }
    .sc-icon
    {
        margin: 0px;
        margin-bottom: 15px;
    }
    .sc-icon svg
    {
        transform: scale(1.5);
    }
    .section-title:not(.section-contact-title)
    {
        font-size: 20px;
    }
    #sites-map
    {
        height: 300px;
    }
    .mp-infoblock {
        font-size: 16px;
        line-height: 22px;
        padding: 15px 0px;
    }
    .service-item-outside {
        padding: 5px;
    }
    .section-services
    {
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .section-salesmans
    {
        margin-bottom: 10px;
    }
    h1
    {
        font-size: 22px;
    }
    .staticpages-content
    {
        font-size: 14px;
        line-height: 18px;
    }
    .breadcrumb
    {
        display: none;
    }
    .salesman-item-outside {
        width: 235px !important;
    }
    /* .main-container
    {
        padding-top: 20px;
    } */
    .filter-dropdown
    {
        padding: 0px !important;
        margin-bottom: 30px;
    }
    .filter-dropdown-menu
    {
        position: static !important;
    }
    .realestate-list-title {
        font-size: 24px;
    }
    .realestate-title
    {
        font-size: 22px;
        line-height: 27px;
    }
    .realstate-identity
    {
        margin-bottom: 0px;
    }
    .realstate-identity-sm
    {
        margin-bottom: 10px;
    }
    .realestate-images
    {
        margin-bottom: 10px;
    }
    .realstate-main-infos
    {
        margin-bottom: 10px;
    }
    .realstate-price {
        width: 100%;
        text-align: center;
    }
    .realestate-description-title
    {
        text-align: center;
    }
    .realestate-view-block {
        margin-bottom: 20px;
    }
    .realestate-description {
        margin-bottom: 40px;
    }
    .mp-section-realestates {
        padding-left: 12px;
        padding-right: 12px;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
    }
    .mp-slider-realestate
    {
        display: none !important;
        width: 50% !important;
        padding-left: 12px;
        padding-right: 12px;
    }
    .mp-slider-realestate:nth-child(-n+8) {
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
    }
    .salesman-realestate-item {
        width: 320px;
        min-width: 320px;
    }
    .smri-name
    {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .smri-job {
        margin-bottom: 20px;
    }
    .smri-realestates {
        font-size: 14px;
        line-height: 18px;
        padding: 5px 20px;
    }
    .salesman-realestate-item a {
        margin-bottom: 20px;
    }
    .salesman-realestate-item a svg {
        margin-right: 0px;
        margin-bottom: 12px;
        transform: scale(2);
    }
    .salesman-realestate-item a:hover svg {
        transform: scale(2.2);
    }
    section.realestates h2{
        font-size: 24px !important;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 50px !important;
    }
    section.realestates{
        padding: 30px 0 !important;
    }
    .ri-name{
        font-weight: 700 !important;
    }
}

@media (max-width: 575px)
{
    .main-logo img {
        max-width: 90px;
    }
    .mobile-menu-top {
        padding-top: 18px;
    }
    .mp-filters .filter-radio-group,
    .mp-filters .filter-group
    {
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;
        border: 0px;
    }
    .mp-filters .filter-group
    {
        background-color: #fff;
        border: none;
    }
    .mp-filters .hfb-filter-row
    {
        background-color: initial !important;
    }
    .mp-filters .filter-group-label
    {
        position: static;
        transform: none;
        font-size: 12px;
        font-weight: 400;
        padding: 0px 10px;
        min-width: 125px;
        text-align: left;
    }
    .mp-filters .filter-group-multiple input:not([type="checkbox"]) {
        width: calc((100% - 220px) / 2) !important;
        text-align: left !important;
    }
    .mp-filters .filter-group-multiple:last-child
    {
        text-align: center;
    }
    .mp-filters .fgm-separator
    {
        margin: 0px;
        margin-left: 25px;
        margin-right: calc((100% - 220px) / 2) !important;
    }
    .mp-filters .hfb-filter-row input:not([type="checkbox"]), .mp-filters .hfb-filter-row select, .mp-filters .hfb-filter-row .select2-selection
    {
        padding-left: 0px !important;
    }
    .mp-filters .filter-radio-group-label
    {
        padding: 5px 20px;
    }
    .mp-filters .filter-radio-group-label:last-child
    {
        margin: 0px !important;
        margin-left: 10px !important;
    }
    .mp-filters .fg-new {
        min-width: 105px;
        margin: 0px;
        padding: 0px 5px;
        background-color: #fff;
        border-radius: 5px;
        height: 30px;
    }
    .mp-filters .mp-filter-send-btn
    {
        width: 100%;
    }
    .footer-bottom
    {
        font-size: 12px;
        padding: 12px 0px;
    }
    .footer-bottom-copyright
    {
        margin-bottom: 8px;
    }
    .footer-top {
        text-align: center;
        padding: 0px;
        padding-top: 25px;
    }
    .footer-menu-title {
        margin-bottom: 10px;
    }
    .footer-left
    {
        margin-bottom: 0px;
    }
    .footer-row
    {
        margin-bottom: 25px;
    }
    .footer-logo img
    {
        max-width: 160px;
    }
    .smv-img img
    {
        max-width: 235px;
    }
    .ri-list-item
    {
        max-width: 400px;
    }
    .realestate-button {
        font-size: 10px;
        line-height: 12px;
    }
    .contact-agree-checkbox
    {
        text-align: left;
    }
    .smv-job, .smv-email, .smv-phone
    {
        font-size: 16px;
    }
    .header-filter-block {
        padding: 20px 0px;
    }
    .mp-header .main-logo img
    {
        filter: grayscale(100) brightness(1000%);
    }
    .mp-header .hfb-title
    {
        color: #fff;
    }
    .mp-header-overlay {
        height: 100%;
        background: linear-gradient(180deg, #1C274C 50%, rgba(28, 39, 76, 0.6) 100%);
    }
    .mp-header {
        background-image: url(/img/mp-header-bck-m.jpg);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .mp-header .menu-phone
    {
        border: 1.5px solid #fff !important;
        background-color: #1C274C !important;
        color: #fff !important;
    }
    .mp-header .menu-phone path {
        fill: #fff !important;
    }
    .mp-header .menu-phone:hover
    {
        border: 1.5px solid #1C274C !important;
        background-color: #fff !important;
        color: #1C274C !important;
    }
    .mp-header .menu-phone:hover path
    {
        fill: #1C274C !important;
    }
    .footer-menu li {
        margin-bottom: 7px;
    }
    .footer-menu a,
    .footer-menu-title
    {
        font-size: 20px;
    }
    .footer-bottom
    {
        border-top: 0px;
    }
    .fir-facebook {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .navbar-brand img{
        max-width: 101px !important;
    }

    nav{
        max-height: 58px !important;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        margin: 15px auto;
        padding: 10px 0;
    }

    #carouselMainpage .carousel-indicators{
        display:none;
    }
    #carouselMainpage .carousel-caption .left{
        font-size: 25px;
        font-weight: 700;
        min-width: 300px;
        max-width: 355px;
    }
    #carouselMainpage .carousel-caption{
        bottom: 0;
    }
    .filter :where(input, select){
        width: 150px !important;
    }
}


@media (max-width: 505px)
{
    .mp-slider-realestate
    {
        width: 100% !important;
    }
}

.navbar-brand img{
    height: 140px;
}
@media(min-width: 1200px){
    .navbar-nav{
        gap: 15px;
    }
}

.navbar-top{
    padding-top: 6px;
    padding-bottom: 6px;
    background: var(--primary);
} 

.navbar-top .content{
    gap: 30px;
    align-self: center;
}

.navbar-top .content a:not(.download-btn){
    gap: 10px;
    font-size: 13px;
    transition: all .3s ease-in-out;
    color: #fff !important;
}
.navbar-top .content a path{
    transition: all .3s ease-in-out;
    fill: #fff !important;
}

.navbar-top .content a:not(.language-picker a,.dropdown-item):hover{
    color: #fff !important;
}

.navbar-top .content a:hover path{
    fill: #fff !important;
}

.language-picker::after{
    color: #fff !important;
}
#dropdownCurrency, #dropdownCurrencyMobile,#dropdownCurrency::after, #dropdownCurrencyMobile::after{
    color: #fff !important;
}
.nav-link{
    color: #fff !important;
    font-size: 18px;
}
.navbar-top .content .dropdown-menu a, .navbar-top .content .language-picker ul a{
    color: #292929 !important;
    display: block;
    min-width: 115px;
    padding: 5px;
}
.language-picker img{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.language-picker ul{
    min-width: 120px;
}

.navbar-toggler-icon{
    background-image: url(/img/hamburger.png);
}

.language-picker::after{
    display: none !important;
    margin-left: 12px;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.language-picker{
    align-items: center;
}

@media(max-width: 330px){
    .language-picker img{
        margin: 2px !important;
        
    }
    .language-picker a{
        font-size: 12px !important;
        align-items: center;
    }
    .language-picker::after{
        display: none !important;
    }
}

footer{
    padding: 40px 0 18px 0;
}

footer .bottom{
    margin-top: 22px;
    font-size: 10px;
    line-height: 20px;
    gap: 8px;
}

footer .bottom a{
    font-weight: 500;
}

footer .menu .title{
    font-size: 24px;
    margin-bottom: 8px;
}

footer .underline{
    color: var(--main);
    margin: 0px 0 14px 0;
}

footer .menu{
    max-width: 160px;
    margin-top: 5px;
}

footer .menu .items a{
    font-size: 15px;
    margin: 5px 0;
}

footer .soc-wrapper{
    gap: 5px;
}

footer .soc-wrapper a{
    background: #171515;
    padding: 5px;
    width: 34px;
    height: 34px;
    border-radius: 7px;
}

footer .soc-wrapper a:hover{
    transform: scale(1.1);
}

footer .socials{
    max-width: 203px;
    margin: auto 0;
}

footer .socials h2{
    font-size: 33px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 27px;
    text-transform: initial !important;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 3px;
    padding-right: 3px;
}
.contact-info a.d-flex{
    max-width: 250px;
}
@media(min-width: 1040px){
    .rent-sale .filter-label{
        font-size: 13px !important;
    }
    .rent-sale .filter-label.active{
        padding: 5px !important;
    }
    .search-bar{
        padding-left: 12px !important;
    }
}
@media(min-width: 1399px) and (max-width: 1600px){
    footer.container{
        max-width: 960px !important;
    }
}
@media(max-width: 1399px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 16px;
    }
}
@media(max-width: 1299px){
    .navbar-brand img{
        height: 110px;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 15px;
        padding: 0;
    }
    .navbar-nav{
        gap: 20px;
    }
}
@media(max-width: 992px){
    .navbar-brand img
    {
        height: 110px;
    }
    .nav-link{
        color: #292929 !important;
    }
    .nav-link:hover{
        color: var(--primary) !important;
    }
    .navbar-nav{
        border-radius: 22px;
    }
    .navbar-collapse.show{
        margin-bottom: 25px;
    }
}

@media(max-width: 767px){
    footer .top{
        gap: 50px;
    }
    .contact-info a.d-flex{
        font-size: 18px;
    }
    .contact-info svg{
        width: 40px;
        height: 40px;
    }
    footer .menu .title{
        font-weight: 700;
    }
    footer .socials{
        margin-right: 10px;
    }
    footer .menu{
        margin-right: 85px;
    }
}

@media(max-width: 415px){
    footer .bottom{
        flex-direction: column;
    }
}

@media(max-widht: 300px){
    footer .socials{
        margin-right: 0px;
    }
    footer .menu{
        margin-right: 0px;
    }
}

.newslettersubscribed-form :where(.subs-title, .subs-text){
    max-width: 656px;
}

.subs-title{
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
}

.subs-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 125%;
    margin-bottom: 26px;
}

.newslettersubscribed-form input[type="text"]{
    width: 443px;
    height: 31px;
    border-radius: 14px 0 0 14px;
}

.newslettersubscribed-form input[type="text"]::placeholder{
    color: #292929;
}

.btn-subscribe{
    width: 120px;
    height: 31px;
    border: 1px solid #292929;
    background: #292929;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin-bottom: 1rem;
    border-radius: 0 14px 14px 0;
}

.btn-subscribe:hover{
    background-color: #fff;
}

.newslettersubscribed-form .invalid-feedback{
    display: none !important;
}

section.newsletter .container{
    background-color: #F7F7F7;
    padding: 39px 17px;
}

@media(min-width: 1399px) and (max-width: 1600px){
    section.newsletter .container{
        max-width: 1180px;
    }
    section.blog .container{
        max-width:  1280px !important;
        padding: 0 !important;
    }
}

@media(max-width: 767px){
    section.newsletter .container{
        max-width: unset !important;
        width: 100% !important;
    }
}

@media(max-width: 600px){
    .newslettersubscribed-form :where(.subs-title, .subs-text){
        max-width: 380px;
    }
    .subs-title{
        font-size: 24px;
    }
    .subs-text{
        line-height: normal;
    }
    .newslettersubscribed-form input[type="text"]{
        width: 259px;
    }
    .btn-subscribe{
        width: 120px;
    }
}

@media(max-width: 400px){
    .newslettersubscribed-form input[type="text"]{
        width: 209px;
    }
}

.custom-chechbox .custom-control-label{
    color: #292929;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}

.filter-radio-group {
    margin-bottom: 20px;
}

.custom-label{
    background: #55684B;
    max-width: 116px;
    width: 100%;
    height: 31px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    padding: 7px 15px;
}

.c-select{
    border: 1px solid #55684B;
    background: #FFF;
    font-size: 11px;
    height: 35px;
    width: 375px;
    border-radius: 0 !important;
    padding-left:39px;
    color: #292929 !important;
}

.filter-group .wrapper{
    width: 175px;
    height: 31px;
    justify-content: space-evenly;
    border: 1px solid #55684B;
}

.filter-group .wrapper input{
    border: none !important;
}

.filter input::placeholder{
    color: #292929 !important;
}

.filter-group{
    border: none !important;
}

.filter>.d-flex{
    gap: 8px;
}

.grey-section{
    background: #F7F7F7;
}

section.realestates h2{
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 39px;
    text-transform: none !important;
}

section.realestates{
    padding: 43px 0 32px 0;
}

@media(max-width: 488px){
    .slick-list{
        padding-left: 0px !important;
    }
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 43px; 
    flex-wrap: wrap;
    gap: 8px;
}

.slick-dots li {
    width: 60px; 
    height: 2px; 
    background: #292929;
    margin: 0 5px; 
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.slick-dots li.slick-active {
    background: #55684B;
}

/* Hide the default dot content */
.slick-dots li button:before {
    content: none !important;
}

@media(min-width: 1600px){
    section.services .top{
        justify-content: center !important;
    }
}

section.services .top .title{
    font-size: 30px;
    gap: 5px;
    font-weight: 700;
    line-height: 125%;
    max-width: 343px;
}

@media(min-width: 350px){
    section.services .top .title{
        min-width: 313px;
    }
}

section.services .top .lead{
    border-left: 2px solid var(--main);
    padding: 11px 0 11px 21px;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
}

section.services .top{
    gap: 34px;
    margin-bottom: 46px;
}

section.services .bottom{
    gap: 19px;
}

section.services{
    padding: 62px 0 49px 0;
}

@media(min-width: 1300px){
    .services .container, .projects .container{
        max-width: 1287px !important;
        padding: 0 !important;
    }
    .service-item{
        max-width: 307px !important;
    }
}

@media(min-width: 1299px){
    .blog .container{
        max-width: 1280px !important;
        padding: 0 !important;
    }
}


.service-item{
    max-width: 263px;
    width: 100%;
    border: none;
    background-color: #fff;
    
}

.service-item a:hover img{
    transform: scale(1.2);
}

.service-item a:first-child{
    margin-bottom: 14px;
}

.service-item a:hover div{
    color: var(--primary);
}

.service-item .prefix{
    font-size: 12px;
}

.service-item .name{
    font-size: 22px;
    font-weight: 700;
}

.service-item .yellow-line{
    margin-top: 6px;
    background: var(--main);
    height: 2px;
    max-width: 160px;
    width: 100%;
}

@media(max-width: 991px){
    section.services .top .title{
        max-width: unset;
        font-size: 24px;
        line-height: 28px; 
    }
    section.services .top{
        gap: 21px;
    }
    .service-item{
        max-width: 308px;
    }
    section.services .top .lead{
        font-size: 14px;
        line-height: normal;
        margin-bottom: 21px;
        padding: 6px 0 20px 20;
    }
}

@media(max-width: 992px) and (min-width: 578px){
    section.services .top .title{
        font-size: 30px;
    }
}

@media(max-width: 767px){
    .service-item{
        max-width: 307px;
    }
    .service-item .name{
        font-size: 22px;
    }
    section.services .top{
        gap: 16px;
    }
}

section.projects{
    background: var(--dark);
    color: #fff;
    padding: 70px 0 60px 0;
}

.projects .title{
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 55px;
}

.projects .content{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-bottom: 35px;
    padding: 15px 0 18px 23px;
    border-left: 2px solid var(--primary);
}

.projects .left{
    max-width: 683px;
}
.projects .right{
    max-width: 531px;
}

.projects .left img{
    width: 100%;
}

.projects .container{
    gap: 57px;
}

.projects .intro-btn{
    color: #fff !important;
    margin-left: 28px !important;
    border-radius: 14px;
}

.projects .intro-btn:hover {
    background: #fff !important;
    color: var(--dark) !important;
}
.realstate-item-outside  .anim{
    transition: all .3s ease-in-out;
}
.realstate-item-outside:hover .anim{
    color: var(--primary) !important;
}
@media(max-width: 1199px) and (min-width: 992px){
    .projects .left img{
        min-height: 335px;
        object-fit: cover;
    }
}

@media(max-width: 992px){
    .realestate-index h1{
        font-size: 24px !important;
    }
    .realestate-index .dropdown.ordering {
        right: 0px !important;
    }
    .ri-datas{
        height: auto;
    }
    .group-left{
        width: 100%;
        flex-wrap: wrap;
        gap: 15px;
    }
}

@media(max-width: 576px){
    .projects .title{
        font-size: 24px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 21px;
    }
    .projects .right{
        max-width: 358px;
    }
    .projects .content{
        font-size: 14px;
    }
    .projects .left{
        max-width: 380px;
    }
    .projects .left img{
        max-width: 380px;
    }
    .projects .container{
        gap: 32px;
    }
    .projects{
        padding: 25px 0 !important;
    }

}

@media(max-width: 350px){
    .btn-subscribe{
        max-width: 120px;
        width: 100%;
    }
    .newslettersubscribed-form input[type="text"]{
        max-width: 209px;
        width: 100%;
    }
}

/* @media(min-width: 1350px){
    .main-container{
        max-width: 1310px !important;
    }
} */

.load-more,.end-page{
    margin-top: 66px;
    width: auto !important;
    display: inline-block !important;
    padding: 8px 26px;
    height: auto !important;
    cursor: pointer;
}

.news-view{
    padding: 32px 0 66px 0;
}



div.publish-date{
    text-align: justify;
    font-size: 13px;
    margin: 21px 0;
}

.news-view .staticpages-content strong{
    font-weight: 700;
    margin-bottom: 18px;
}

.news-view .staticpages-content{
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 48px;
}

.news-view .intro-btn{
    margin: 0;
}

.news-view .more-news-side h2{
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}




@media(max-width: 767px){
    .news-view{
        padding: 0px 0 41px 0;
        gap: 43px;
    }
   
    div.publish-date{
        margin-top: 10px;
    }
    .news-view .more-news-side h2{
        margin-top: 0;
    }

    .realestate-index .dropdown.ordering{
        font-size: 12px !important;
        top: 0px !important;
    }

}



/* ingatlanok olda */

.realestate-index{
    padding: 32px 0 40px 0;
}
.realestate-index .underline{
    margin: 17px auto;
}

.realestate-index .dropdown.ordering{
    right: 38px;
    top: 10px;
}

.realestate-index .realstate-item-outside{
    width: calc(33% - 12px);
    margin-right: 0;
}
@media(min-width: 1350px){
    .large-container{
        max-width: 1310px;
    }
}

@media(min-width: 1199px) and (max-width: 1349px){
    .large-container{
        max-width: 960px;
        padding: 0 !important;
    }
}

.realestate-index .grey-section{
    padding: 33px 0;
}

.realestate-index .load-more,.end-page{
    margin-top: 32px;
}
.end-page{
    cursor: initial !important;
}

/*.realestate-view{
    padding: 32px 0;
}*/

.realestate-view .title{
    font-size: 36px;
    font-weight: 700;
    max-width: 934px;
    text-transform: none;
}
.realestate-view .underline{
    margin: 17px auto !important;

}
.realestate-view img{
    width: 100%;
}

.realestate-view .gallery #mainpic{
    max-width: 782px;
    height: 525px;
    object-fit: cover;
}

.realestate-view .gallery .right a{
    max-width: 254px;
    height: fit-content;
}

.nopic-small{
    width: 254px !important;
    height: 169px !important;
}

.nopic{
    width: 782px !important;
    height: 525px !important;

}

.realestate-view .gallery .right{
    max-width: 517px;
    width: 100%;
    height: 525px;
}

.realestate-view .gallery{
    gap:15px;
}

.realestate-view .grey-section{
    padding: 32px 50px;
    width: 100%;
}

.realestate-view .description{
    max-width: 639px;
    font-size: 16px;
    line-height: 23px;
}

.realestate-view .icons{
    max-width: 331px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 71px;
}

.realestate-view .icons a{
    gap: 10px;
    max-width: 146px;
}

.realestate-view .icons a:hover{
    color: var(--primary) !important;
}

.realestate-view .icons a path{
    transition: all 0.3s ease-in-out;
}

.realestate-view .icons a:hover path{
    fill: var(--primary);
}

.properties{
    gap: 24px;
}

.properties .property{
    gap: 130px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}

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

.property :where(.name,.value){
    width: 192px;
}

.description-container{
    padding-top:  24px;
    padding-bottom: 96px;
}

.description-container.more{
    padding-top: 39px !important;
    padding-bottom: 29px !important; 
}

#dropdownCurrency,#dropdownCurrencyMobile{
    border: none;
    box-shadow: none;
    background: transparent;
}
@media(max-width: 992px){
    .currency-dropdown.mobile{
        display: flex;
        margin-right: 15px;
    }
}

.currency-dropdown :where(.dropdown-item:focus,  .dropdown-item:hover){
    background-color: transparent !important;
}
.currency-dropdown .dropdown-menu.show{
    min-width: auto;
}


@media(min-width: 1300px){
    .realestate-view .description-container{
        max-width: 1240px !important;
        margin-left:auto;
        margin-right:auto;
        padding: 24px 0 96px 0;
    }
}

@media(max-width: 1199px){
    .realestate-view .gallery .right{
        max-width: 782px;
        height: auto;
    }
    .realestate-view .gallery .right a:nth-child(odd){
        display: none;
    }
    .property{
        gap: 40px !important;
    }
}

@media(max-width: 992px){
    .realestate-view .gallery .right a{
        max-width: 215px;
    }
    .realestate-view .gallery .right{
        gap: 4px;
    }
    .property{
        gap: 4px !important;
    }
}

@media(max-width: 767px){
    .realestate-view .gallery .right a{
        max-width: 125px;
    }
    .realestate-view .gallery .right{
        max-width: 385px;
    } 
    .realestate-view .gallery #mainpic{
        max-width: 385px;
        height: 258px;
    }
    .realestate-view .grey-section{
        padding: 20px 0;
    }
    .realestate-view .title{
        max-width: 540px;
        font-size: 24px;
        margin-bottom: 13px;
        padding: 0 28px;
    }
    /*.realestate-view{
        padding: 14px 0 43px 0;
    }*/
    .description-container{
        gap: 33px;
    }
    .property :where(.name,.value) {
        max-width: 140px;
        width: 100% !important;
    }
    .property {
        gap: 15px !important;
    }
    .description-container.more .underline{
        max-width: 370px !important;
        width: 100%;
    }
    .description-container.more {
        padding-top: 21px !important;
        padding-bottom: 43px !important;
    }
}

@media(max-width: 480px){
    .realestate-view .title{
        padding: 0 15px;
    }
    
}

@media(max-width: 767px) and (min-width: 476px){
    .description-container{
        align-items: center;
    }
}

.description-container.more .title h1{
    font-size: 36px !important;
    text-transform: none !important;
}
.description-container.more .title{
    text-transform: none !important;
}

.realestate-view .intro-btn{
    margin: 33px auto 0 auto!important;
}

@media(min-width: 1390px){
    .main-container{
        max-width: 1345px !important;
        padding: 0 !important;
    }
}

.realestate-view :where(.right img, .left img){
    object-fit: cover;
}

@media(max-width: 488px){
    .slick-dots li{
        width: 10px;
    }
}

@media(max-width: 576px){
     .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .realestates .container{
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
}

.service-item .lead{
    font-size: 14px;
    color: #000;
    max-width: 276px;
    margin-top: 15px;
}

@media(max-width: 1399px){
    .nav-link{
        padding: 0 !important;
    }
}

@media(max-width: 991px){

    .language-picker ul{
        padding-left: 15px !important;
        padding-right: 15px !important;
        min-width: 160px !important;
    }
}

.realstate-item-outside img{
    width: 100%;
}

@media(max-width: 576px){
    .realstate-item-outside{
        margin-right: 16px;
    }
    .navbar
    {
        padding: 0px;
        margin-top: 0;
        margin-bottom: 0;
        border: none;
    }
    .navbar-brand
    {
        padding: 0px;
    }
    .navbar-brand img {
        height: 75px;
    }
    nav {
        max-height: 75px !important;
    }
    .navbar-top .content
    {
        gap: 10px !important;
    }
    .navbar-top .content a svg{
        width: 20px;
        height: 20px;
    }
    .navbar-top{
        padding-top: 5px;
        padding-bottom: 5px;
        height: auto;
    }
}

@media(max-width: 410px){
    .language-picker span{

    }
    .language-picker img{
        margin-right: 0;
    }
}
#dropdownCurrencyMobile{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media(max-width: 380px) {
    .navbar-top .content {
        gap: 5px !important;
    }
}

@media(max-width: 340px){
    .filter :where(input, select){
        width: 100px !important;
    }
}

.navbar-collapse{
    z-index: 99;
}

header{
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}

.add-space{
    margin-top: 175px;
}
.services-view.add-space{
    margin-top: 200px;
}
@media(max-width: 576px){
    .add-space{
        margin-top: 130px;
    }
    .services-view.add-space{
        margin-top: 170px;
    }
}

@media(max-width: 1024px){
    .realestate-index .realstate-item-outside{
        max-width: 688px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

.rounded-corner{
    border-radius: 19px !important;
}
.filter.filter-inputs{
    z-index: 10;
    display: block;
    height: 85px;
}
.search-wrapper-inner{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.rent-sale-select{
    border-radius: 61px 0px 0px 61px;
    border: 1px solid #FFF;
    background: #333;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    height: 61px;
    margin-top: 12px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    display: flex;
}
.search-rent.active, .search-sale.active, .search-rent:hover, .search-sale:hover,.search-rent.active, .search-sale.active, .search-rent:focus, .search-sale:focus{
    color: #333;
    background: rgba(255, 255, 255);
}
.search-rent, .search-sale{
    color: #FFF;
    padding: 0 8px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.10);
    transition: all 0.3s ease-in-out;
}
.cursor-pointer{
    cursor: pointer !important;
}
.separator{
    padding: 0 4px;
}
.search-bar{
    margin-left: -20px;
    width: calc(100% - 153px);
    border-radius: 30px;
    border: 1px solid #333;
    background: #FFF;
    backdrop-filter: blur(5px);
    padding: 12px 12px 12px 28px;
    height: 85px;
    position: relative;
    z-index: 99;
}
.search-form-inner{
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
    height: 60px;
}
.search-block{
    width: calc((100% - 212px) / 5);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.search-block.alt{
    flex-direction: row;
    height: 100%;
}
.separator.alt{
    color: #333;
    font-size: 16px;
}
.search-block.alt .active{
    background: var(--primary);
    color: #fff !important;
    border-radius:  10px;
    padding: 5px 10px;
}
.search-rent-alt,.search-sale-alt{
    font-size: 17px !important;
}
.search-block.show .search-fields{
    display: flex;
    width: auto;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 40px;
    z-index: 99;
    right: 40px;
    bottom: -69px;
    padding: 11px 16px;
    border-radius: 0px 0px 30px 30px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    background: #FFF;
    box-shadow: 0px 2px 5px 0px rgba(161, 161, 161, 0.11) inset, 0px 9px 9px 0px rgba(161, 161, 161, 0.10) inset, 0px 21px 12px 0px rgba(161, 161, 161, 0.06) inset, 0px 37px 15px 0px rgba(161, 161, 161, 0.02) inset, 0px 57px 16px 0px rgba(161, 161, 161, 0.00) inset;

}
.filter-label{
    position: relative;
    color: #333;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    width: 100%;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.search-block-subtitle{
    box-shadow: none;
    border: 0 none;
    height: auto;
    padding: 0;
    margin: 0;
    color: #7F7F7F;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    width: 100%;
}
.search-separator{
    margin: 0 12px;
    width: 1px;
    height: 59px;
    background: #C6C6C6;
}
.search-form-btn{
    width: 100px;
    min-width: 100px;
    margin-left: 12px;
    border-radius: 20px;
    height: 59px;
    border: 2px solid var(--primary);
    background-color: var(--primary);
    transition: all .3s ease-in-out;
}
.search-form-btn path{
    transition: all .3s ease-in-out;
}
.search-form-btn:hover{
    background: #fff
}
.search-form-btn:hover path{
    fill: var(--primary);
}
.carousel-caption{
    left: 0;
    right: 0;
}
.search-fields{
    display: none;
    width: auto;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
    padding: 12px 16px;
    bottom: auto;
    top: 84px;
}
.room-element{
    color: #7F7F7F;
    background: #FFF;
    border: 1px solid #7F7F7F;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    border-radius: 50px;
    padding: 8px 16px;
    height: 45px;
    transition: all .3s ease-in-out;
}
.carousel-inner{
    overflow: initial !important;
}
.room-element:hover, .room-element.selected{
    background: #7f7f7f;
    color: #fff;
}
.search-block.show{
    border-radius: 7px;
    background: #EFEFEF;
    cursor: pointer;
}
.search-block.show .search-block-subtitle{
    display: none;
}
.show .filter-label{
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    cursor: pointer;
}
.price-inputs{
    width: calc((100% - 190px) / 2);
    text-align: center;
}
.price-inputs input{
    border-radius: 50px;
    border: 1px solid #C6C6C6;
    margin: 0;
    color: #7F7F7F;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    height: 45px;
    width: 100%;
    padding: 8px 16px;
}
.price-separator{
    background: #C6C6C6;
    width: 6px;
    height: 2px;
    margin: 0 16px;
}
.select-currency{
    border-radius: 50px;
    background: #7F7F7F;
    padding: 8px;
    margin-left: 16px;
}
.currency-option{
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    border-radius: 50px;
    padding: 5px 12px;
    margin: 0;
    display: block;
}
.currency-option.selected{
    color: #7F7F7F;
    background: #FFF;
}
.search-fields input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
}

.search-fields input[type=number]::-webkit-inner-spin-button,
.search-fields input[type=number]::-webkit-outer-spin-button {
    display: none;
}

.search-fields input[type=number]:hover,
.search-fields input[type=number]:focus {
    outline: none;
}
.apartment svg,.realestate-type:last-child path{
    transition: all .3s ease-in-out;
}
.realestate-type{
    color: #7F7F7F;
    background: #FFF;
    border: 1px solid #C6C6C6;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50px;
    padding: 8px 16px;
    height: 45px;
    width: 48%;
    gap: 8px;
}
.realestate-type:hover, .realestate-type.selected{
    color: #fff;
    background: #c6c6c6;
}
.apartment:hover svg, .apartment.selected svg{
    fill: #fff;
}
.realestate-type:last-child:hover path, .realestate-type:not(.apartment).selected path{
    stroke: #fff;
}
.realestate-index .mobile-filter{
    position: initial !important;
}
.mobile-filter{
    border-radius: 50px;
    background: #FFF;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 16px;
    z-index: 4;
    margin: 0;
    padding: 16px;
    height: 74px;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}
.sub-data-2{
    margin-left: auto;
}
.mobile-filter-btn{
    border: 1px solid #333;
    background: #FFF;
    color: #000 !important;
    padding: 8px 16px;
    border-radius: 100px;
    width: calc((100% - 16px)/2);
    gap: 10px;
}
.mobile-filter-btn.alt{
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff !important;
}
.mobile-filter-btn.alt img{
    max-width: 20px;
}

.mobile-filter-btn path{
    fill: #000;
}
.contact-placeholder{
    position: relative;
    top: -250px;
}
@media(max-width: 767px){
    .search-wrapper-inner {
        border-radius: 22px;
        background: #FFF;
        padding: 70px 16px 24px 16px;
        padding-bottom: 0;
        flex-flow: column;
        justify-content: start;
        align-items: center;
        height: 850px;
        position: relative;
        z-index: 999;
        bottom: 380px;
    }
    .rent-sale-select {
        padding: 12px;
        height: 58px;
        margin: 0 0 16px 0;
        border-radius: 58px;
        width: 100%;
        display: flex;
        gap: 10px;
    }
    .type-option{
        padding: 7px 8px;
        transition: none;
        width: 50%;
    }
    .type-option.active, .type-option:hover,.type-option:focus{
        color: #333;
        background: rgba(255, 255, 255);
    }
    .search-bar{
        margin-left: 0;
        width: 100%;
        padding: 0;
        width: 100%;
        backdrop-filter: none;
        border: 0 none;
        border-radius: 0;
    }
    .search-form-inner {
        flex-flow: column;
        justify-content: flex-start;
        margin-bottom: 8px;
        /* padding-bottom: 28px; */
    }
    .search-block {
        padding: 0;
        height: auto;
        margin-bottom: 16px !important;
        display: block;
        overflow: visible;
        width: 100%;
    }
    .search-separator,.search-block-subtitle{
        display: none;
    }
    .search-fields {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }
    .filter-label{
        text-align: left;
        font-size: 18px;
        margin-bottom: 7px;
        display: block;
        height: auto !important;
    }
    .room-element{
        padding: 8px 8px;
        font-size: 14px;
        height: 36px;
        box-shadow: 0px 12px 6.9px -12px rgb(0 0 0 / 25%);
        border-radius: 50%;
        max-width: 36px;
        width: 100%;
    }
    .room-element.alt{
        width: auto;
        max-width: initial;
        border-radius: 50px;
    }
    .price-inputs input{
        font-size: 14px;
        height: 100%;
        box-shadow: 0px 12px 6.9px -12px rgba(0, 0, 0, 0.25);
        width: 100% !important;
        min-width: 64px;
    }
    .search-rooms{
        gap: 10px;
    }
    .price-inputs{
        min-width: 64px;
    }
    .select-currency{
        margin-left: 8px;
        width: 107px;
        justify-content: space-between !important;
    }
    .currency-option{
        font-size: 14px;
        padding: 0px 8px;
    }
    .realestate-type{
        font-size: 14px;
        height: 36px;
        box-shadow: 0px 12px 6.9px -12px rgb(0 0 0 / 25%);
    }
    .search-form-btn{
        color: #fff;
        width: 100%;
        height: 52px;
        border-radius: 52px;
        font-size: 20px;
        font-weight: 400;
        line-height: normal;
        padding: 10px 20px 10px 20px;
        margin: 0;
        margin-bottom: 24px;
        gap: 15px;
    }
    .search-form-btn:hover{
        color: var(--primary);
    }
    .search-wrapper-close{
        color: #6C6C6C;
        text-align: right;
        font-family: 'Jost', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: normal;
        position: absolute;
        top: 24px;
        right: 16px;
        cursor: pointer;
        height: 30px;
        display: flex;
    }
    .search-wrapper-close img{
        max-width: 25px;
    }
    .price-separator{
        margin: 0 8px;
        width: 4px;
        height: 1px;
    }
     .search-wrapper-inner{
        position: absolute;
        bottom: initial;
        width: 90%;
        transform: translateX(-50%);
        left: 50%;
        height: auto;
         border: 1px solid #ddd;
    }
    .search-form-inner,.search-bar{
        height: auto;
    }
    .filter-inputs{
        position: relative;
    }
    .sub-data-1 .address{
        font-size: 14px;
    }
}
@media(max-width: 440px){
    .room-element:not(.alt){
        max-width: 28px;
        min-width: 28px;
    }
    .room-element{
        height: 28px;
    }
    .search-fields{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .label-thousand, .label-million{
        font-size: 12px;
    }
}

.services-placeholder{
    top: -190px;
}
.team-card{
    width: fit-content;
    max-width: 225px;
    background: #ddd;
    border-radius: 10px;
}
.team-card .image-wrapper img{
    max-width: 225px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.employee-name{
    font-weight: 700;
    font-size: 16px;
}
.team-card .card-body{
    padding: 6px 10px;
}
.team-card:hover .image-wrapper img{
    scale: 1.1;
}
.team-card:hover{
    opacity: .8;
}
.team-wrapper{
    gap: 20px;
}
.team-card .image-wrapper{
    border-radius: 10px 10px 0 0;
}
.about-us-page img{
    border-radius: 10px;
}
.cursor-pointer{
    cursor: pointer;
}
.leaflet-pane{
    z-index: 1 !important;
}

.team-card a:hover{
    color: var(--primary) !important;
}
.team-card a path{
    transition: all .3s ease-in-out;
    fill: #000;
}
.team-card a:hover path{
    fill: var(--primary);
}
.employee-position{
    font-size: 14px;
    line-height: 20px;
}

@media(max-width: 1300px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 17px;
    }
}

@media(max-width: 1200px) and (min-width: 993px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 15px;
    }
    .nav-link{
        padding: 0 .2rem !important;
    }
}

@media(max-width: 1040px) and (min-width: 768px){
    .search-form-btn{
        min-width: 60px;
        width: 60px;
    }
    .search-separator{
        margin: 0 3px;
    }
    .filter-label{
        font-size: 18px;
    }
    .search-block-subtitle{
        font-size: 13px;
    }
    .search-bar{
        padding: 12px;
    }
    .search-block{
        width: fit-content;
    }
}

@media(max-width: 767px){
    .search-block.alt{
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap;
        align-items: center !important;
    }
    .search-block.alt{
        width: auto;
    }
    .rent-sale{
        width: 100% !important;
        max-width: 100% !important;
        justify-content: start !important;
        gap: 10px;
    }
    .navbar-top .content {
        max-width: 100% !important;
    }
    .rent-sale .filter-label{
        max-width: 100px;
        width: 100%;
        text-align: center;
    }
    .select2-selection__rendered{
        padding: 10px !important;
    }
    .select2-selection__choice{
        font-size: 12px !important;
        max-width: 100%;
    }
}

@media(max-width: 576px){
    .room-element{
        font-size: 12px;
    }
    footer .socials h2{
        font-size: 28px;
    }
}

.social-sub-wrapper{
    gap: 15px;
}

.gap-35{
    gap: 35px;
}

.team-card .image-wrapper img, .team-card{
    max-width: 300px;
}
.w-fitcontent{
    width: fit-content;
}
.h-fitcontent{
    height: fit-content;
}
.field-separator{
    width: 1px;
    height: 325px;
    background: #C6C6C6;
    margin: 0 16px;
}
.district-list{
    max-width: 433px;
    width: 100%;
    gap: 15px;
    row-gap: 8px;
    height: fit-content;
}
.district-list.alt{
    max-width: initial;
}
.district-list :where(.district,.city-button){
    border-radius: 10px;
    font-size: 16px;
    color: var(--primary);
    background: transparent;
    padding: 5px 10px;
}

.district-list .district.selected, .district-list .district:is(:hover,:focus){
    background: var(--primary);
    color: #fff;
}

.district-list .city-button.selected, .district-list .city-button:is(:hover,:focus){
    background: var(--primary);
    color: #fff;
}

.map-wrapper path{
    transition: all .3s ease-in-out;
}

.map-wrapper path:not(:nth-last-child(-n+2)):hover,
.map-wrapper path:not(:nth-last-child(-n+2)).map-selected {
    fill: var(--primary) !important;
}

.search-fields .select2-selection{
    border-radius: 50px;
}

.search-fields .select2.select2-container{
    width: 100% !important;
}

#contact-box.alert-success{
    background-color: var(--primary) !important;
    text-align: center;
    font-size: 20px;
    color: #fff !important;
}

.row-gap-35{
    row-gap: 35px;
}

.download-btn{
    color: var(--primary) !important;
    background-color: #fff;
    padding: 3px 8px;
    border-radius: 10px;
    border: 1px solid #fff;
}

.download-btn:hover{
    color: #fff !important;
    background-color: var(--primary);
}

.modal-backdrop{
    z-index: 10 !important;
}
@media(max-width: 992px){
    .services-placeholder{
        top: -160px;
    }
}

.modal-send-btn{
    border: 1px solid var(--primary);
    color: #fff !important;
    background: var(--primary);
    border-radius: 10px;
    font-size: 16px;
    padding: 5px 10px;
}
.modal-send-btn:hover{
    background: #fff;
    color: var(--primary) !important;
}

@media(max-width: 490px){
    .download-btn{
        font-size: 12px;
    }
    .navbar-top .content{
        gap: 20px;
    }
}
.team-more-realestate{
    border-radius: 10px;
    background: var(--primary);
    color: #fff !important;
    border: 2px solid var(--primary);
    font-size: 18px;
    font-weight: 700;
    max-width: 55%;
    margin: 10px auto 5px auto;
    padding: 8px;
}

.team-more-realestate:hover{
    color: var(--primary) !important;
    background: #fff;
}

@media(max-width: 576px){
    .team-more-realestate{
        font-size: 16px;
        font-weight: 600;
        padding: 6px;
        max-width: 70%;
    }
}

.realestate-list.large-container{
    gap: 20px;
}

.label-thousand, .label-million{
    font-size: 14px;
    color: #333;
}
header.shrink :where(.navbar-brand, .navbar-brand img){
    height: 80px;
}
header.shrink .navbar{
    padding-bottom: 5px;
}
.anim{
    transition: all .3s ease-in-out;
}

.show-btn{
    position: relative;
    z-index: 2222;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    background: var(--primary);
    padding: 3px 4px;
}
.team-card{
    position: relative;
    z-index: 1;
}
.employee-phone{
    cursor: pointer;
}
.second-phone{
    margin-left: -4px;
}
#download-form .form-group{
    width: 100%;
}
.realestate-index .dropdown.ordering{
    position: initial !important;
    font-size: 18px;
    font-weight: 800;
}
.languages-list
{
    color: #fff;
    gap: 10px;
}
.languages-list-items
{
    gap: 10px;
}
.languages-list-items a
{
    gap: 5px;
}
.languages-list img
{
    height: 18px;
}
.languages-list a
{
    color: #fff !important;
}
@media(max-width: 1299px) {
    .navbar-top .content {
        gap: 20px;
    }
}
@media(max-width: 1199px) {
    .languages-list {
        margin: 0px;
        margin-top: -10px;
    }
}
@media(max-width: 767px){
    .languages-list {
        gap: 5px;
        padding: 0px 5px;
    }
}
@media(max-width: 575px){
    .languages-list img
    {
        height: 14px;
    }
}
.language-wrapper img{
    width: 25px;
    height: 25px;
    object-fit: contain;
}
.language-wrapper{
    gap: 5px;
}