.modal-open .modal.eventModal { overflow:hidden !important; }

.top_filtter { padding: 12px 0 }
.top_filtter .wrapper { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; max-width: 1920px; margin: 0 auto; padding: 0 20px; }
.top_filtter .wrapper .sale_location_wrap { flex: 1; display: flex; flex-flow: row wrap; align-items: center; }
.top_filtter .wrapper .sale_location_wrap .sale_location.sale_select select.form-control:not([size]):not([multiple]) { min-width: 128px; height: auto; border-radius: 10px; font-size: 14px; font-weight: 500; line-height: 18px; border: 1px solid rgba(49, 87, 76, 1); padding: 8px 15px; cursor: pointer; color: rgba(49, 87, 76, 1); }
.top_filtter .wrapper .sale_location_wrap .sale_location button.location__btn { padding: 0; height: 100%; position: absolute; top: 0; right: 20px; background: transparent; border: none; color: #606060; }
.top_filtter .wrapper .sale_location_wrap .sale_location.sale_search { margin: 0 0 0 20px; }
.top_filtter .wrapper .sale_location_wrap .sale_location .location__form .location__field { border: 1px solid rgba(222, 222, 222, 1) !important; outline: 0 !important; box-shadow: none; height: 40px; border-radius: 10px; padding: 5px 40px 5px 20px; width: 648px; max-width: 648px; color: rgba(118, 118, 118, 1); }
.top_filtter .wrapper .sale_location_wrap .sale_location .location__form .location__field::-webkit-input-placeholder { color: rgba(118, 118, 118, 1) }
.top_filtter .wrapper .sale_location_wrap .sale_location .location__form .location__field::-moz-placeholder { color: rgba(118, 118, 118, 1) }
.top_filtter .wrapper .sale_location_wrap .sale_location .location__form .location__field:-ms-input-placeholder { color: rgba(118, 118, 118, 1) }
.top_filtter .wrapper .sale_location_wrap .sale_location .location__form .location__field:-moz-placeholder { color: rgba(118, 118, 118, 1) }
.top_filtter .wrapper .sale_location_wrap .sale_location .location__form { position: relative; }
.top_filtter .wrapper .list_map_toggle ul { margin: 0; padding: 0; list-style: none; display: flex; flex-flow: row wrap; align-items: center; }
.top_filtter .wrapper .list_map_toggle ul li a { text-decoration: none !important; color: rgba(49, 87, 76, 1); border-radius: 6px; font-size: 14px; font-weight: 500; line-height: 18px; border: 1px solid rgba(49, 87, 76, 1); padding: 9px 10px; min-width: 80px; display: flex; align-items: center; }
.top_filtter .wrapper .list_map_toggle ul li a img { width: 20px; height: 20px; display: block; margin: 0 10px 0 0; }
.top_filtter .wrapper .list_map_toggle ul li+li { margin: 0 0 0 15px; }
.top_filtter .wrapper .list_map_toggle ul li.map-icon a { background: rgba(49, 87, 76, 1); border-color: rgba(49, 87, 76, 1); color: #fff !important; }
.top_filtter .wrapper .list_map_toggle ul li.map-icon a img { filter: invert(1) brightness(100); }
.top_filtter .wrapper .close_btn>a { text-decoration: none !important; padding: 6px 12px; border-radius: 30rem; text-align: center; color: #606060; font-size: 14px; font-weight: 500; line-height: 22px; border: 1px solid #919191; display: inline-flex; align-items: center; }
.top_filtter .wrapper .close_btn>a img { transform: rotate(180deg); min-width: 15px; width: 15px; height: 15px; object-fit: contain; -webkit-transition: all .5s; transition: all .5s; }
.top_filtter .wrapper .close_btn>a span { display: inline-block; margin: 0 0 0 7px; }
.top_filtter .wrapper .close_btn>a:is(:hover, :focus) { background: #8dc63f; color: #fff; border-color: #8dc63f; }
.top_filtter .wrapper .close_btn>a:is(:hover, :focus) img { filter: invert(1); }
.top_filtter .wrapper .near_toggle { margin: 0 0 0 30px; display: flex; align-items: center; font-size: 14px; font-weight: 500; line-height: 18px; border: 1px solid rgba(222, 222, 222, 1); padding: 10px 12px; border-radius: 10px; cursor: pointer; color: rgba(49, 87, 76, 1); }
.top_filtter .wrapper .near_toggle .switch { position: relative; display: inline-block; width: 28px; height: 15px; margin: 0 0 0 12px; }
.top_filtter .wrapper .near_toggle input { opacity: 0; width: 0; height: 0; }
.top_filtter .wrapper .near_toggle .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(221, 221, 221, 1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15) inset; -webkit-transition: .4s; transition: .4s; }
.top_filtter .wrapper .near_toggle .slider:before { position: absolute; content: ""; height: 11px; width: 11px; left: 3px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.top_filtter .wrapper .near_toggle .slider.round { border-radius: 34px; }
.top_filtter .wrapper .near_toggle .slider.round:before { border-radius: 50%; }
.top_filtter .wrapper .near_toggle input:checked + .slider { background-color: rgba(49, 87, 76, 1); }
.top_filtter .wrapper .near_toggle input:focus + .slider { box-shadow: 0 0 1px rgba(49, 87, 76, 1); }
.top_filtter .wrapper .near_toggle input:checked + .slider:before { -webkit-transform: translateX(11px); -ms-transform: translateX(11px); transform: translateX(11px); }

.equipment_section { background: rgba(255, 255, 255, 1); }
.equipment_section main.wrapper { display: flex; flex-flow: row wrap; background: rgba(255, 255, 255, 1); max-width: 1920px; margin: 0 auto; }
.equipment_section main.wrapper .equipment_lst_tlt { width: 450px; padding: 20px 20px; height: 100vh; -webkit-transition: all .5s; transition: all .5s; }
.equipment_section main.wrapper .equipment_lst_tlt .fltr-grp>ul { display: flex; align-items: center; flex-flow: row wrap; margin: 0; padding: 0; }
.equipment_section main.wrapper .equipment_lst_tlt .tlt_grp { display: flex; flex-flow: row wrap; align-items: center; margin: 0 0 20px 0; justify-content: space-between; }
.equipment_section main.wrapper .equipment_lst_tlt .fltr-grp>ul li { width: 26px; height: 26px; }
.equipment_section main.wrapper .equipment_lst_tlt .fltr-grp>ul li a,
.equipment_section main.wrapper .equipment_lst_tlt .fltr-grp>ul li a img { display: block; width: 100%; height: 100%; }
.equipment_section main.wrapper .equipment_lst_tlt .fltr-grp>ul li+li { margin: 0 0 0 18px; }
.equipment_section main.wrapper .equipment_lst_tlt .tlt_grp>h2 { font-size: 20px; padding-bottom: 0; font-weight: 700; color: #222; margin: 0 }
.equipment_section main.wrapper .equipment_lst_tlt .tlt_grp a i { font-size: 22px; }
/*.equipment_section main.wrapper .equipment_lst_tlt .list_grp { height: calc(100% - 50px); overflow-y: scroll; padding: 0 10px 0 5px; display: flex; flex-flow: row wrap; gap: 20px; }*/
.equipment_section main.wrapper .equipment_lst_tlt .list_grp .media { width: 100%; background-color: #fff; border: 1px solid #D8D8D8; border-radius: 10px; align-items: normal; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp::-moz-focus-inner { border: 0 }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp::-webkit-scrollbar { width: 5px; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 15px; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #999; -webkit-box-shadow: inset 0 0 6px #1f4b3f; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp::-moz-focus-inner { border: 0 }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-left { width: 140px; height: 140px; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-left img { aspect-ratio: 1/1; width: 100%; display: block; object-fit: cover; border-bottom-left-radius: 10px; border-top-left-radius: 10px }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-body { width: calc(100% - 140px); padding: 12px 20px; display: inline-flex; flex-flow: column wrap; flex: auto; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-body>span { display: block; width: 100%; margin-bottom: 5px; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-body h5 { width: 100%; font-weight: 700; font-size: 1.025rem; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-body>a { padding: 2px 8px; border-radius: 5px; text-align: center; color: #000; font-size: 15px; font-weight: 500; line-height: 22px; border: 1px solid #000; width: 110px; }
.equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-body>a:is(:hover, :focus) { background: #47ad1d; border-color: #47ad1d; text-decoration: none; color: #fff }
.equipment_section main.wrapper .map_iframe { width: calc(100% - 450px); position: relative; -webkit-transition: all .5s; transition: all .5s; }
.equipment_section main.wrapper .map_iframe .close_iframe { position: absolute; top: 50px; right: 50px; }
.equipment_section main.wrapper .map_iframe .close_iframe a { width: 40px; height: 40px; border: 2px solid #31574c; padding: 0; color: #31574c; border-radius: 30rem; background: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none !important; }
.equipment_section main.wrapper .map_iframe iframe { border: 0; margin: 0; padding: 0; width: 100%; height: 100%; z-index: 99 }

.map_markPopup_wrapper { width: 100%; height: 100% }
.map_markPopup_wrapper .map-modal { position: absolute; left: 50px; right: 50px; max-width: 443px; }
.map_markPopup_wrapper .map-modal .port_img { max-width: 443px; }

.equipment_section.active_map main.wrapper .equipment_lst_tlt { width: 810px; }
.equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media { border-radius: 10px; flex-direction: column; box-shadow: 0px 0px 2px 0px #00000040; border: none; }
.equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-left { width: 100%; height: auto;  }
.equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-left img { aspect-ratio: 16 /9; border-radius: 10px; }
.equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-body { width: 100%; padding: 15px 10px; }
.equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-body>span { margin-bottom: 0; }
.equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-body>a { border: 1px solid #31574c; background: #31574c; color: #fff; }
.equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-body>a:is(:hover, :focus) { background: #47ad1d; border-color: #47ad1d; text-decoration: none; color: #fff }
.equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-body h5 { max-height: 46px; font-size: 1rem; line-height: 22px; flex: auto; }
.equipment_section.active_map main.wrapper .map_iframe { width: calc(100% - 810px); }
.equipment_section main.wrapper .equipment_lst_tlt .fltr-grp>ul li a.activeButton img { filter: brightness(0) saturate(100%) invert(29%) sepia(39%) saturate(359%) hue-rotate(112deg) brightness(94%) contrast(96%); }
.equipment_section.active_map main.wrapper div#map { width: 100%; height: 100%; }

.property_icon>a { position: relative; }
.property_icon>a img { width: 22px; height: 24px; }

.gridGroup { display: block; }
.listGroup { display: none; }
.property_icon>a::after { content: ""; position: absolute; width: 100px; height: 100px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; transform: scale(0); animation: ripple-animation 0.6s linear; opacity: 0; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); }
.property_icon>a:hover::after { animation: ripple-animation 0.6s linear; }

div#map { width: 100%; height: 100%; }
.map-modal { display:none; }
.map-modal { box-shadow: 0px 0px 5px 0px #00000033; position: absolute; top: 48px; right: 69px; background: #fff; border-radius: 10px; }
.map-modal> button.close { position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; opacity: 1; }
.map-modal .port_img img { border-radius: 10px; height: 194px; width: 100%; }
.map-modal .port_detail { padding: 17px 28px 28px; }
.map-modal .port_detail .tlt_part { display: flex; align-items: center; border-bottom: 1px solid #ECECEC; margin: 0 0 14px 0;    padding: 0 0 14px 0; }
.map-modal .port_detail .tlt_part img { width: 25px; height: 28px; margin: 0 22px 0 0; }
.map-modal .port_detail .tlt_part h4 { font-size: 20px; font-weight: 700; line-height: 24px; color: #0F172A; margin: 0; }
.modabg-add .modal-backdrop { opacity: 0.5; z-index: 0; }

.destination_part form .frm_cnt { margin-top: 15px }
.destination_part form label { font-weight: 500; font-size: 14px; line-height: 17px; letter-spacing: 0px; color: #6F6F6F; margin: 0 0 15px 0; }
.destination_part form input[type=text] { background: #ECECEC; box-shadow: none; height: 40px; border-radius: 10px; border: 0; padding: 12px 15px; color: #6F6F6F !important; }
.destination_part form input[type=submit] { font-size: 14px; font-weight: 500; line-height: 20px; color: #484848; text-align: center; background: #8DC63F; border: 1px solid #8DC63F; border-radius: 4px; padding: 9px 15px; -webkit-transition: all .5s; transition: all .5s; }
.destination_part form input[type=submit]:is(:hover, :focus) { background: rgba(49, 87, 76, 1); border-color: rgba(49, 87, 76, 1); text-decoration: none; color: #fff }
.route_map>a { display: inline-block;font-size: 14px; font-weight: 500; line-height: 20px; color: #484848; text-align: center; background: transparent; border: 1px solid #DEDEDE; border-radius: 4px; padding: 9px 15px; }
.route_map>a:is(:hover, :focus) { background: #47ad1d; border-color: #47ad1d; text-decoration: none; color: #fff }
.route_map .route_list { margin: 10px 0 15px 0; }
.route_map .route_list ul { display: flex; flex-direction: column; margin: 0; padding: 0; }
.route_map .route_list ul li { font-weight: 700; font-size: 14px; line-height: 15px; letter-spacing: 0px; color: #6F6F6F; margin: 12px 0; padding: 0 0 0 34px; }
.route_map .route_list ul li.active { color: #5DA8CB; }
.route_map .route_list ul li.active:before { background: #5DA8CB; }
.route_map .route_list ul li:after { content: ''; position: absolute; top: 0; left: 0; width: 23px; height: 23px; }
.route_map .route_list ul li.circle:after { top: -4px; }
.route_map .route_list ul li:after { background: url(../images/green_small_dot.svg) no-repeat center / 12px 12px; }
.route_map .route_list ul li.active:after { background: url(../images/blue_small_dot.svg) no-repeat center / 12px 12px;}
.route_map .route_list ul li.vehicle:after { background: url(../images/map_truck.svg) no-repeat center / 23px 23px; }
.route_map .route_list ul li.ship:after { background: url(../images/port_ship.svg) no-repeat center / 23px 23px;  }
.route_map .route_list ul li.location:after { background: url(../images/blue_map_pin.svg) no-repeat center / 20px 20px; }
.route_map .route_list ul li:last-child:before { display: none; }

.filterModal.modal { padding:0; overflow: auto !important; }
.filterModal.modal .modal-content { border-radius: 20px; }
.filterModal.modal .modal-dialog .modal-title { font-size: 27px; font-weight: 700; color: #222; letter-spacing: 0; margin-bottom: 0; }
.filterModal.modal .modal-dialog .modal-body { max-height: 600px; height: 100%; overflow-y: auto; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .accordion { font-weight: 500; font-size: 15px; color: #373737; border-bottom: 1px solid #D9D9D9; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .accordion:after { font-size: 12px; margin-top: 1px; width: 20px; height: 20px; text-align: center; align-items: center; vertical-align: middle; display: flex; justify-content: center; border: 1px solid #4CAD2A; border-radius: 50%; padding-top: 1px; padding-left: 1px; color: #4cad2a }
.filterModal.modal .modal-dialog .modal-body .accordion--container .panel { padding: 0 1px !important; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .panel .checkbox_select_categories .check_box_select label { display: flex; margin-bottom: 5px; align-items: flex-start; margin-bottom: 10px; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .panel ul.menu_show_list { margin-top: 15px; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .accordion-item_row { border-bottom: 1px solid transparent; padding: 0 !important; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .accordion-item_row input[type="checkbox"]:not(.switch) { border-radius: 4px; background: #D9D9D9; border: none; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .accordion-item_row input[type="checkbox"]:not(.switch),
.filterModal.modal .modal-dialog .modal-body .accordion--container .accordion-item_row input[type="radio"]:not(.switch) { width: 19px; height: 19px; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .panel span.content_lineHeight { color: #686868; overflow: hidden; position: relative; display: inline-block; margin: 0 5px 0 5px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; }
.filterModal.modal .modal-dialog .modal-body .accordion--container .accordion-item_row input[type="checkbox"]:not(.switch):checked:after { transform: rotate(43deg); color: #4CAD2A; position: absolute; margin-left: -3px; width: 11px; height: 6px; border-bottom: solid 1px currentColor; border-left: solid 1px currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@keyframes ripple-animation {
    to { transform: translate(-50%, -50%) scale(4); opacity: 0; }
}

@media (min-width: 601px){
    .equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media { width: calc(100% / 2 - 14px); }
}

@media (max-width: 991px) and (min-width: 768px){
    .equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media { width: calc(100% / 3 - 14px); }
}
@media (min-width: 992px){
    .modabg-add .modal-backdrop { display:none !important; }
}
@media (min-width: 1440px){
    .equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media { width: calc(100% / 3 - 14px); }
}
@media (min-width: 1630px){
    .top_filtter .wrapper { padding-right: calc(100% / 2 - 1440px / 2 + 20px); }
}
@media (max-width: 1366px){
    .equipment_section.active_map main.wrapper .equipment_lst_tlt { width: 600px; }
    .equipment_section.active_map main.wrapper .map_iframe { width: calc(100% - 600px); }
    .map-modal { top: 10px; width: 350px; }
    .map-modal .port_detail { padding: 15px 20px 20px; }
    .equipment_section main.wrapper .equipment_lst_tlt .fltr-grp>ul li { width:20px; height:20px; }
    .equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-left { width: 120px; height: 120px; }
    .equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-body { width: calc(100% - 120px); padding: 10px 15px; }
    .equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-body h5 { font-size: 1rem; line-height: 20px; }
    .equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-body {padding: 10px 15px; }
    .filterModal.modal .modal-dialog .modal-body .accordion--container .accordion { font-size: 14px;}
}

@media (max-width: 1199px){
    .top_filtter .wrapper .near_toggle,
    .top_filtter .wrapper .sale_location_wrap .sale_location.sale_search { margin: 0 0 0 15px; }
    .top_filtter .wrapper .sale_location_wrap .sale_location .location__form .location__field { width: 400px; max-width: 100%; }
    .equipment_section.active_map main.wrapper .equipment_lst_tlt { width: 500px; }
    .equipment_section.active_map main.wrapper .map_iframe { width: calc(100% - 500px); }
    .filterModal.modal .modal-dialog .modal-body .accordion--container .accordion {padding:7px 0;}
    .equipment_section.active_map main.wrapper .equipment_lst_tlt .list_grp .media .media-body h5{font-size:0.95rem;line-height:20px;}
    .equipment_section main.wrapper .equipment_lst_tlt .list_grp .media .media-body>a { font-size:0.95rem; } 
}

@media (max-width: 991px){
    .top_filtter .wrapper .sale_location_wrap .sale_location .location__form .location__field  { width:250px  }
/*    .top_filtter .wrapper .sale_location_wrap .sale_location.sale_search { width: calc(100% - 158px - 113px - 20px); }*/
    .equipment_section main.wrapper { flex-flow:column-reverse wrap; }
    .equipment_section.active_map main.wrapper .equipment_lst_tlt,
    .equipment_section main.wrapper .equipment_lst_tlt { height: 550px; width: 100%; padding: 20px 10px; }
    .equipment_section.active_map main.wrapper .map_iframe,
    .equipment_section main.wrapper .map_iframe { height: 380px; width: 100%; }
        .equipment_section main.wrapper .map_iframe div#mapModal { z-index: 9;  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
}
@media (max-width: 767px){
    .top_filtter { padding:8px 0 }
    .top_filtter .wrapper { flex-flow: column wrap; padding: 0 15px; }
    .top_filtter .wrapper .sale_location_wrap { width:100% }
    .top_filtter .wrapper .sale_location_wrap .sale_location.sale_search { flex:1 }
    .top_filtter .wrapper .sale_location_wrap .sale_location .location__form .location__field { width: 100%; }
    .top_filtter .wrapper .sale_location_wrap .sale_location.sale_select select.form-control:not([size]):not([multiple]) { min-width:90px }
    .top_filtter .wrapper .sale_location_wrap .sale_location.sale_search,
    .top_filtter .wrapper .near_toggle{ margin: 0 0 0 10px; }
    .top_filtter .wrapper .list_map_toggle ul li { margin:0 5px; width:calc(100% / 2 - 5px ); }
    .top_filtter .wrapper .list_map_toggle ul li+li { margin:0 }
    .top_filtter .wrapper .list_map_toggle ul li a img { width: 18px; height: 18px; margin: 0 7px 0 0; }
    .top_filtter .wrapper .list_map_toggle { margin-top: 8px; width: 100%; }


}
@media (max-width: 600px){
    .top_filtter .wrapper .sale_location_wrap { width:100% }
    .top_filtter .wrapper aside.sale_near { width:100%; margin:0; }
    .top_filtter .wrapper .near_toggle { margin:8px 0 0 0  }
    .top_filtter .wrapper .sale_location_wrap .sale_location.sale_search { width: calc(100% - 113px - 10px); }
    .equipment_section.active_map main.wrapper .map_iframe,
    .modal.filterModal .modal-header { padding: 12px 15px }
    .modal.filterModal .modal-dialog { width: 90%; margin: 0 auto; }
    .filterModal.modal .modal-dialog .modal-title { font-size: 24px; }
}