header{ grid-area: header;  position:relative; }
    .header-uper-wrap{ background-color:#fff; border-bottom:1px solid #c1c0c0; }
        .header-uper{ display: flex; flex-direction: row; justify-content: flex-start; height:54px; }
            .header-burger{ display: block; width:53px; height:54px; border-right:1px solid #e2e1e1; background-image: url(../img/burger.svg); background-size:21px 16px; background-repeat:no-repeat;
            background-position:center; }
            .header-logo{ display:block; width: 148px; height: 29px; margin: 15px 0 0 15px; background-image:url(../img/footer-logo-text.svg); background-repeat:no-repeat; background-size:148px 29px; }
            .header-menu{  margin-left:auto; display: flex; justify-content: center; align-self: center; font-size: 15px; line-height: 15px; font-weight: 500; 
                text-transform: uppercase; font-weight:600;  }
                .header-menu a{ margin:0 5px 0 5px; color:#000; text-decoration:none; }
            .header-favorites{ margin-left:auto; display: flex; flex-direction: column; justify-content: center; align-items: center;  height: 54px; width: 38px;  
                background-image:url( ../img/favorites-icon.svg); background-size:28px 25px; background-repeat:no-repeat; background-position:center 16px; font-size:11px; color:#000;
                font-weight: 600; text-decoration:none; }
            .header-user{ height: 54px; width: 38px;  display: flex; flex-direction: column; justify-content: center; align-items: center;  font-size:11px;  }
            .header-phones{ display: flex; flex-direction: column; justify-content: center; align-items:flex-end;  height: 54px; padding-left: 9px; margin-right: 8px; border-left: 1px solid #e2e1e1; }
                .header-phones div{ font-size:10px; line-height:10px; text-transform:uppercase; font-weight:600; }
                .header-phones a{ margin-top: 1px; font-size:16px; line-height:16px; color:#000; text-decoration:none; font-weight:600; }
            /* burger menu */
             .burger-menu-wrap{ position:absolute; visibility: hidden; top:55px; left: 0px; width:100%;  z-index:100; background-color:#f5f5f5; border-bottom:1px solid #e0dfdf;
            transition: visibility 0.4s ease 0.1s;  }
            .header-burger:hover .burger-menu-wrap{ visibility: visible; transition: visibility 0.4s ease 0.3s; }
            
                .burger-menu{ display: flex; width:1920px; margin:-1px auto 0;  padding: 21px 0 32px 2.8%; background-color:#fff; border-top: 1px solid #bebdbd;
                 /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/ }

                    ul.burger-menu-col{ display: block; list-style-type: none; width:13.885%; }
                        ul.burger-menu-col li{ margin-bottom: 11px; font-size:15px; line-height:15px;  font-family: 'Figtree', sans-serif; }
                            ul.burger-menu-col li:nth-child(1){ font-size:16px; line-height:15px; font-weight:700; text-transform:uppercase;  }
                            ul.burger-menu-col li a{text-decoration:none; color:#000;}
                    .burger-menu-contacts{ /* width:13.885%;*/ width: 27.77%; display:flex;  }
                        .bmc-left{width: 50%;}
                        .bmc-right{ width:50%; }
                            .burger-menu-contacts h5{ margin:0; padding:0;  font-size:16px; line-height:15px; font-weight:700; text-transform:uppercase;  }
                            .bmc-phone{ display: block; margin-top: 15px; font-size:15px; line-height:15px; font-weight:700; color:#000; }
                            .bmc-email{ display: block; margin-top: 7px; font-size:15px; line-height:15px; color:#234d85;  }
                            .bmc-calls{ display:flex;  }
                                .bmc-calls a{ display:block; width:20px; height:20px; margin: 10px 8px 0 8px; background-repeat:no-repeat; background-position:center; }
                                .bmc-whatsapp{ background-image:url(../img/watsapp.svg); }
                                .bmc-skype{ background-image:url(../img/skype.svg);  }
                                .bmc-telegram{background-image:url(../img/telegram.svg); }
                            .bmc-number{  margin-top: 15px; font-size:14px; line-height:14px; }
                            .bmc-separator{ height:1px; width:60%; margin: 20px 0 0 0; background-color:#e0dfdf; }
                            .bmc-follow-title{ margin-top: 14px; height: 15px; line-height: 15px;  font-family: 'Figtree', sans-serif;}
                            .bmc-follow{ display:flex; margin-top:17px; }
                                .bmc-follow a{ display:block; width:34px; height:28px; margin-right: 2px; border:1px solid #e5e5e5; background-repeat:no-repeat; background-position:center;  }
                                .bmc-facebook{ background-image:url(../img/bmc-facebook.svg); background-size:9px 17px; }
                                .bmc-instagram{ background-image:url(../img/bmc-insta.svg); background-size:16px 16px; }
                                .bmc-youtube{ background-image:url(../img/bmc-youtube.svg); background-size:18px 12px; }
                                .bmc-twitter{ background-image:url(../img/bmc-twitter.svg); background-size:16px 14px; }
                            .bmc-about-us{ display: block; margin-top: 14px; font-size:16px; line-height:16px; color:#000; }

                
    .header-lower-wrap{ background-color:#32343a; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15); }
    .header-lower{  display: flex; flex-direction: row; justify-content: flex-start; height:49px;  }
        .search-box{ align-self: center;width:430px; height:34px; margin: 0 13px 0 5px; background-color:#fff; border-radius:3px;}
        .search-box form{display: flex; flex-direction: row; justify-content: flex-end; align-self: center; width:100%; padding: 0px; margin: 0px}
         .search-icon{ width: 30px; height: 34px; background-image: url(../img/search-icon.svg); background-size:15px 15px; background-repeat:no-repeat; background-position:left 7px center; }
         .search-box input{ display: block; height:32px; width:100%;  border:0px; padding:0px; margin:0px; }
         .search-clear{ display: block; width: 30px; height: 34px; background-image:url( ../img/clear-icon.svg); background-size:22px 22px; background-position:center;  background-repeat:no-repeat; }
         .header-menu-item{ position: relative; flex-shrink: 0; padding: 0 34px 0 18px; font-size:14px; line-height: 49px; font-weight:600; color:#fff; }
            .header-menu-item:after{ position: absolute; top: 50%; bottom: 50%; right: 0px; width: 2px; height: 24px; margin-top: -12px; content: ' ';  background-image:url(../img/separator-menu.svg); }
            /*
            .header-menu-item span{ position:relative; }
                .header-menu-item span:after{ position:absolute; display: block; top:5px; right:-16px; width: 11px; height: 6px; content: ' ';  background-image:url(../img/check-icon.svg); background-repeat:no-repeat; }
            */
            .header-menu-item .header-menu-name{ position:relative; cursor:pointer;  }
                .header-menu-item .header-menu-name:after{ position:absolute; display: block; top:5px; right:-16px; width: 11px; height: 6px; content: ' ';  background-image:url(../img/check-icon.svg); background-repeat:no-repeat; }
        .header-menu-save{height:49px; white-space: nowrap; padding: 0 0px 0 18px; font-size:12px; line-height: 49px; font-weight:600; color:#fff; text-decoration:underline; }
        .header-menu-clear{height:49px; padding: 0 34px 0 18px; font-size:12px; line-height: 49px; font-weight:600; color:#fff; text-decoration:underline; }
    .show-modes{ margin-left:auto; display: flex;  align-items: center; margin-right: 8px;}
        .show-modes a{  height: 26px; margin-left: 2px; padding: 0 11px 0 11px; color:#fff; font-size:12px; line-height: 26px; font-weight: 600;   text-decoration:none; }
        .show-modes .sm-active{background-color:#0373b3;}
    .map-search-btn{margin-left:auto; display: flex;  align-self: center; margin-right: 8px; height: 26px;  padding: 0 11px 0 11px; color:#fff; font-size:12px; line-height: 26px; font-weight: 600;   text-decoration:none;
     background-color: #ff6600;}

/*header options */
.header-options{ height:44px; background-color:#5d5f63; }
    .header-opt-wrap{ }
            .header-opt-wrap ul{ display:flex; list-style-type:none; }
                    .header-opt-wrap li{ display: flex; align-items: center; height: 30px; margin: 7px 6px 0px 0; padding: 0 6px 0 9px; border-radius: 5px; background-color:#3e4148; }
                            .header-opt-wrap li span{ font-size: 14px; line-height: 14px; color:#fff; font-family: 'Figtree', sans-serif; cursor: default;}
                            .header-opt-wrap li a{ display: block; width:18px; height:18px; margin-left: 6px;  border-radius:100%; background-color:#2b2d33;
                            background-image:url(../img/options-close-icon.svg); background-size:8px 8px; background-position:center; background-repeat:no-repeat;  }

.ftForm{ display:flex; }
/* header search */
.map-mob-price-range {
    display: flex;
    flex-direction: row;
    margin-top: 11px;
    width: 100%;
}
    .map-opt-pricerange{color:#000; border:1px solid #d5d5d5; z-index:2;position: absolute; top: 49px; left: -110px; width:283px;  padding: 12px; background-color:#fff; border-radius:5px;  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/ }
        .map-opt-pricerange h5{margin-top: 1px; font-size:16px; line-height:16px; font-weight:700; color:black;}
        .map-opt-pricerange::after{position: absolute; top:-10px; left: 50%; margin-left: -10px; display: block; width:21px; height:11px; content:' '; background-image:url(../img/map-options-arrow.svg); background-size:21px 11px;}
        .map-opt-pricerange .map-mob-price-min select, .map-opt-pricerange .map-mob-price-max select{  height:31px; width:100%; font-size: 15px;  padding:0 5% 0 5%;  }
        .map-opt-pricerange .map-mob-price-to{ width:10%; font-size:15px; line-height:31px;  }
        .map-opt-pr-aplly.map-opt-aplly{  margin:11px 0 0 0; }
        .map-opt-pr-aplly .map-opt-apply{  width:45%; }
        .header-menu-item{         position:relative; font-family: 'Figtree', sans-serif;  }
.map-opt-aplly {
    display: flex;
    margin: 19px 0 0 0;
}       
        .map-opt-apply {
            display: block;
            width: 120px;
            height: 31px;
            margin-left: auto;
            text-align: center;
            font-size: 14px;
            line-height: 31px;
            color: #fff;
            background-color: #059af0;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 700;
        }
        .map-opt-clear {
            padding: 7px 0 0 5px;
            font-size: 14px;
            line-height: 14px;
            color: #047fc5;
        }

.map-opt-bedbath{color:#000; border:1px solid #d5d5d5; z-index:12;position: absolute; top: 49px; left: -70px; width:283px;  padding: 12px; background-color:#fff; border-radius:5px; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/}
    .map-opt-bedbath::after{position: absolute; top:-10px; left: 50%; margin-left: -10px; display: block; width:21px; height:11px; content:' '; background-image:url(../img/map-options-arrow.svg); background-size:21px 11px;}
    .map-opt-bedbath h5{margin-top: 1px;  font-size:16px; line-height:16px; font-weight:700;}


/*hometype */
.map-opt-hometype { position: absolute; top: 49px; left: -60px; width: 250px; padding: 12px; background-color: #fff; border-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
            border:1px solid #d5d5d5;  color:black; z-index:10;  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);}   
            .map-opt-hometype::after { position: absolute;  top: -10px;  left: 50%;  margin-left: -10px;  display: block;  width: 21px;  height: 11px;  content: ' ';  background-image: url(../img/map-options-arrow.svg);  background-size: 21px 11px;}
            .map-opt-hometype h5{margin-top: 1px;  font-size:16px; line-height:16px; font-weight:700;}
            .map-opt-hometype .custom-checkbox+label::before {  width: 18px; height: 18px;  }
            .map-opt-hometype .checkbox { margin-bottom: 0px; }
                .map-mob-check.map-opt-check2{ margin:10px 0 0 0px;  }
                .map-mob-check.map-opt-check2 label{ text-transform:none; }
            .map-opt-hm-line{ display:flex; margin-bottom:12px; }
                .map-opt-hm-rent{ margin-left:20px!important; }


.custom-checkbox { position: absolute; z-index: -1;  opacity: 0; }
.custom-checkbox+label { display: inline-flex; align-items: center;  user-select: none; font-size: 15px; line-height: 15px; text-transform:uppercase;    }
.custom-checkbox+label::before {  content: ''; display: inline-block; width: 24px; height: 24px;  flex-shrink: 0;  flex-grow: 0;  border: 1px solid #adb5bd; border-radius: 0.25em;
      margin-right: 0.5em; background-repeat: no-repeat;  background-position: center center;  background-size: 50% 50%; }
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {  border-color: #b3d7ff;  }
.custom-checkbox:not(:disabled):active+label::before { background-color: #0096ec;  border-color: #b3d7ff;  }
.custom-checkbox:focus+label::before {  box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.1); }
.custom-checkbox:focus:not(:checked)+label::before {  border-color: #80bdff; }
.custom-checkbox:checked+label::before { border-color: #0b76ef; background-color: #047fc5; background-image: url(../img/check-box-icon.svg); background-size: 16px 12px;}
.custom-checkbox:disabled+label::before { background-color: #e9ecef; }
.checkbox { /*margin-bottom: 1em; */ line-height: 0px;}

/* filters */
.map-opt-filters { position: absolute; top: 49px; line-height: 1px; left: -326px; width: 740px; height: auto; padding: 12px; background-color: #fff; border-radius: 5px; 
            z-index: 11; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  border:1px solid #d5d5d5;  color:black; z-index:3; font-family: 'Figtree', sans-serif;
             box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);}
    .map-opt-filters::after { position: absolute;  top: -10px;  left: 50%;  margin-left: -10px;  display: block;  width: 21px;  height: 11px;  content: ' ';  background-image: url(../img/map-options-arrow.svg);  background-size: 21px 11px;}

 .map-filters-1st-line{ margin-top:0px!important; }
    .map-opt-filters::after{position: absolute; top:-10px; left: 50%; margin-left: -10px; display: block; width:21px; height:11px; content:' '; background-image:url(../img/map-options-arrow.svg); background-size:21px 11px;}
    .map-opt-filters h5{margin-top: 1px; font-size:16px; line-height:16px; font-weight:700;}
    .map-filters-line-1, .map-filters-line-2{ display:flex; flex-wrap:wrap; }
        .map-filters-line-1{margin-top: 10px;}
        .map-filters-line-1 .map-mob-check{ width:31.33%; padding: 0 2% 0 0; }
        .map-filters-line-1 .map-mob-check label{ text-transform:none; font-size:14px; }
        .map-opt-filters .custom-checkbox+label::before {  width: 18px; height: 18px;  }
        .map-mob-check .checkbox{ margin-bottom:0; }
    .map-filters-line-2{ margin-top:17px; }
        .map-filters-half-line-wrap{  width:47.5%;  }
        .map-filters-margin5{ margin-left: 5%;}
            .map-filters-half-line{display:flex; margin-top:10px; }
                .map-filters-line-2 .map-filters-dropdown{ margin-top:0px; width: 48% ; }
                .map-filters-dropdown select{height:31px; width:100%; font-size: 15px;  padding:0 5% 0 5%; background-color:#fff; border:1px solid #9b9b9b; border-radius:5px; }
                .map-filters-to{width:6%;  font-size:14px; line-height:29px; text-align:center; }
    .map-filters-line-3{ margin-top:17px; }
    .map-opt-filters h5.map-filters-title{ margin-top:17px; }
    .map-opt-filters h5.map-filters-title2{ margin-top:17px; }
/**/
.m-opt-price-range{ display:flex; flex-direction:row;  margin-top:11px; width: 100%;}
    .m-opt-price-min{  width:45%;}
        .m-opt-price-min select, .m-opt-price-max select{ display:block; height:32px; width:100%; border:1px solid #9b9b9b; border-radius:5px; background-color:#fff; font-size: 15px; color:#727272; padding:0 3% 0 3%; margin:0px; }
        .m-opt-price-range select.as-select, .map-opt-filters select.as-select{ background-position: right 4px center; background-size: 10px 6px;}
    .m-opt-price-to{ width:10%; font-size:18px; line-height:32px; text-align:center; font-weight:400; }
    .m-opt-price-max{width:45%;}
h5.m-opt-bath{ margin-top:18px; }

.map-filters-wrapper{width:100%}
    .map-filters-wrapper > ul{ display:flex; flex-wrap:wrap; }
        .map-filters-wrapper > ul > li{ width:32%; margin-right: 2%; margin-top: 9px;}
            .map-filters-wrapper > ul > li:nth-child(3n){ margin-right:0px; }

        .as-select2-wrapper label{ display:block;  }
        .as-select2-wrapper select{ display:block;  }


.map-opt-filters .as-select2-wrapper .select2.select2-container .selection{background-color: transparent; box-sizing: border-box; -webkit-user-select: none;  cursor: pointer;  display: block; }
.map-opt-filters .as-select2-wrapper .select2.select2-container .selection .select2-selection{background-color: transparent; z-index:2;  padding-top: 2px;  padding-bottom: 2px;}

.map-opt-filters .as-select2-wrapper .dropdown-wrapper{ position:absolute; right:0px; z-index:1; }
.map-opt-filters .as-select2-wrapper .dropdown-wrapper::after{ position: absolute; top: 0px; right: 0px; width: 10px; height: 6px; content: ' '; background-image: url(../img/dropdown-arrow-1.svg)!important; background-size: 10px 6px!important; 
 right:4px; top: -21px; }

.map-opt-filters .as-select2-wrapper .select2.select2-container{ width:100%!important; margin-top:6px; }
.map-opt-filters span.selection{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

.map-opt-filters .select2-container--default .select2-selection--multiple .select2-selection__choice{ width:auto; font-size: 14px;   font-weight: 400;}
.map-opt-filters .as-select2-wrapper label{ font-size:15px; line-height:15px; font-weight: 500;}

/* r */
.map-opt-filters .select2-container--default .select2-selection--multiple .select2-selection__choice{ width: auto !important; line-height: 25px;  padding: 0px 6px 0px 18px !important;  margin: 2px 0px 1px 3px !important; }
.map-opt-filters .select2-selection__choice__display{ line-height:28px;  height: 26px;}
.map-opt-filters .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {line-height: 1.7em !important;}

/*
.map-opt-filters .select2-container--default .select2-selection--multiple{ padding-bottom:0px!important; }
.map-opt-filters .select2-container .select2-search--inline .select2-search__field{ margin-top:0px!important; height: 28px; line-height: 28px; }
.map-opt-filters .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ height:25px; top: -2px; }
*/

/* search bar */
    .tsr-home{
                border-left:solid 1px #e8e8e8;
                border-right:solid 1px #e8e8e8;
                border-bottom:solid 1px #e8e8e8;
                border-bottom-left-radius:3px;
                border-bottom-right-radius:3px;
                width:100%;
                position:absolute;
                max-height:400px;
                top:50px;
                left:0px;
                z-index:1;
                background-color:#fff;
                box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
                overflow-y:scroll;
                overflow-x:hidden;
                

            }
            .tsr-home div a{
                font-size:12px;
                text-decoration:none;
                color:#454f59;              
            }
            .tsr-home div a span{
                font-weight:bold;
                color:#FFD700;              
            }   
            .tsr-all{
                position: relative;
                border-left:solid 1px #e8e8e8;
                border-right:solid 1px #e8e8e8;
                border-bottom:solid 1px #e8e8e8;
                border-bottom-left-radius:3px;
                border-bottom-right-radius:3px;
                width:100%;
                position:absolute;
                max-height:650px;
                top:30px;
                left:0px;
                z-index:1;
                background-color:#fff;
                box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
                overflow-y:scroll;
                overflow-x:hidden;
                padding-bottom: 20px;
                z-index: 3;
                 /**/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; /**/
             
            }
            .tsr-all::before{ position:absolute; top: 0px; content:" "; width:100%; height:5px; background-color:#fff;  }
            .tsr-all div a{ font-size:14px; text-decoration:none; color:#454f59; }
            .tsr-all div a span{ font-weight:bold; color:#000;}
            .txt-search-row{ width:100%; padding: 4px 3px 3px 34px;}
            .txt-search-row-homes, .txt-search-row-condo, .txt-search-row-lease, .txt-search-row-income, .txt-search-row-land{ position: relative; padding: 6px 6px 3px 34px; margin-top: 22px; width:100%;
             font-weight:bold; background-repeat: no-repeat; font-size:15px;  }

            .txt-search-row-homes{ margin-top: 5px; background-image: url(../img/lv3-tab-homes-icon.svg);  background-size: 18px 15px; background-position:left 8px center; }
            .txt-search-row-condo{background-image: url(../img/lv3-tab-condos-icon.svg);  background-size: 18px 16px; background-position:left 8px center; }
                .txt-search-row-condo::after{position: absolute;  content: " ";  height: 1px;  width: 80%;  margin: 0 auto;  background-color: #dadada;  top: -8px;  left: 0;  margin-left: 34px;}
            .txt-search-row-lease{background-image: url(../img/lv3-tab-lease-icon.svg); background-size: 18px 18px; background-position:left 8px center;  }
                .txt-search-row-lease::after{position: absolute;  content: " ";  height: 1px;  width: 80%;  margin: 0 auto;  background-color: #dadada;  top: -8px;  left: 0;  margin-left: 34px;}
            .txt-search-row-income{background-image: url(../img/lv3-tab-income-icon.svg);  background-size: 18px 15px; background-position:left 8px center; }
                .txt-search-row-income::after{position: absolute;  content: " ";  height: 1px;  width: 80%;  margin: 0 auto;  background-color: #dadada;  top: -8px;  left: 0;  margin-left: 34px;}
            .txt-search-row-land{background-image: url(../img/lv3-tab-land-icon.svg);  background-size: 19px 19px; background-position:left 8px center; }
                .txt-search-row-land::after{position: absolute;  content: " ";  height: 1px;  width: 80%;  margin: 0 auto;  background-color: #dadada;  top: -8px;  left: 0;  margin-left: 34px;}

nav#menu{ display: none; }
