@font-face {
	font-family: 'opensans-bold-webfont';
	src: url('fonts/opensans-bold-webfont.eot');
	src: url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}
@font-face {
	font-family: 'opensans-regular-webfont';
	src: url('fonts/opensans-regular-webfont.eot');
	src: url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}
@font-face {
	font-family: 'opensans-semibold-webfont';
	src: url('fonts/opensans-semibold-webfont.eot');
	src: url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'roboto-bold-webfont';
	src: url('roboto-bold-webfont.eot');
	src: url('fonts/roboto-bold-webfont.woff') format('woff'), url('fonts/roboto-bold-webfont.ttf') format('truetype'), url('fonts/roboto-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

*{font-family: 'opensans-regular-webfont';}
html,body {overflow: hidden;position: relative; height: 100%;} 
body {display: block; margin: 0;overflow: hidden;}
#map {width:100%; height:600px;	position:relative;}
.view {position:absolute; top:100px; right:15px; overflow: hidden; text-align: left; height: 60px; display: table-cell; vertical-align: middle; color: rgb(0, 0, 0); font-family: Roboto, Arial, sans-serif; font-size: 15px;
      background-color: rgb(255, 255, 255);  padding: 0px 5px;  border-bottom-left-radius: 2px;  border-top-left-radius: 2px;  background-clip: padding-box; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2); /* box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; */font-weight: 500;}
.sidebar {height: 100%; width: 370px; overflow-y: scroll;-webkit-overflow-scrolling:touch; position: fixed;top: 0; left:157px; background-color:#f7fbff; transition: all 1s; padding: 15px 25px;}
.sidebar_main {/*display: none;*/display: block; width:100%;background-color:#f7fbff; box-shadow: 0 0 0; margin:0 auto;	padding: 30px 0px 51px;}
#mar_card_details p {display: inline-block; width: 20%;}
#mar_card_details p img {width: 100%;}
input[type=radio] {cursor:pointer;}
.latlng {font-size: 16px; line-height: 18px; margin: 0;	padding: 0px; letter-spacing: 1px;}
.latlng  p {padding: 2px 0px; letter-spacing: 1px;}
.mar_detail {margin-top:10px;}
.mar_website {margin-top:-32px; overflow-wrap: break-word;}
.search_div {margin:20px auto; box-shadow: 0 1px 5px 0 rgba(0,0,0,.13), 0 2px 4px 0 rgba(0,0,0,.2);cursor:pointer;padding:15px; background: #fff;border:2px solid #6CC6E5}
.search_div h4 {margin-top:0;margin-bottom: 10px;color:#0a2c69;}
.search_div p {padding:0 !important;color:#0a2c69 !important;}
.sidebar_icon { position:absolute;top: 333px;  left:0px; overflow: hidden; text-align: left; height: 54px; display: table-cell;  vertical-align: middle; color: #f7faff; font-family: Roboto, Arial, sans-serif; font-size: 30px;  padding: 0px; border-bottom-left-radius: 2px;  border-top-left-radius: 2px;  background-clip: padding-box;  font-weight: 500; cursor:pointer;}
.map_main_div {position:relative;}
.slickslider{margin: 10px;position: absolute;top: 48px; right: 0px;width: 310px; height: auto;}
.detailsdiv { width: 100%; text-align:left; margin: 0 auto; padding: 20px 0px;}
.detailsdiv  h1 {color:  #0a2c69; padding: 5px 0px;font-size: 19px; line-height: 24px;font-family: 'roboto',bold;}
.detailsdiv:first-child {padding:15px 0px 20px;}
.detailsdiv  h3 {color:  #c0c3c9; text-transform: uppercase; font-size: 14px;line-height:15px;  letter-spacing: 0.5px; margin: 0px;  padding: 0px 0px 8px; font-family: 'roboto',bold;}
.detailsdiv p { color: #000000; font-size: 14px; line-height: 18px;font-family: "opensans-regular-webfont"; letter-spacing: 0.5px;  margin: 0; padding: 4px 0px;}
.detailsdiv  b {color: black;letter-spacing:1px;}
.title {font-size: 20px; line-height: 23px; padding: 13px 0px; margin: 0; font-family: 'roboto',bold;}
.preloader{position: absolute; top: 0; left: 0;right:0;width: 100%; height: 100%; z-index: 9999; background-image: url('../img/loader_maptech.gif'); background-repeat: no-repeat; background-color:white;background-position:center;display:block;}
.gm-style .gm-style-iw-d { overflow: hidden; padding: 2px 5px; margin: 0; color: #256497;	border-radius: 0; text-align: center; -ms-overflow-style: none; }
.gm-style .gm-style-iw-d h3 { margin: 0; padding: 0px; font-size: 14px;  line-height: 16px; font-family: 'opensans-bold-webfont';}
.gm-style .gm-style-iw-c {border-radius: 0; padding: 10px 12px;}
.gm-style .gm-style-iw-c button { padding: 2px 0px !important;-webkit-appearance: none; -ms-overflow-style: none}
.side_bar_menu svg { display: block; padding: 0px;	margin:0 auto;}
.gm-style-iw gm-style-iw-c{
    padding-right: 0px;
    padding-bottom: 0px;
    max-width: 654px;
    max-height: 153px;
    padding: 7px 15px;
	}
#maptech_icon {border-bottom: 1px solid #f1f1f1; padding: 0px 0px 15px !important;}  
.side_bar_menu { height: 100%;/* width: 83px;*/ width: 154px;  position: fixed;  z-index: 1;top: 0; left: 0;  background-color: white; overflow-x: hidden;  padding-top: 17px; text-align: center; box-shadow: 3px 0 5px rgba(233,236,241,1);}
 #btn_satview {display:none;}
 #btn_roadview {display:none;}
 #btn_noaa {display:none;}
 #btn_harbour{display:none;}
.sidebar_icons label {display: block; color: #d5d6d8;  font-size: 12px; line-height: 20px; text-transform: uppercase; font-weight: 800;padding: 18px 0px 10px; margin: 0; cursor: pointer; background:transparent !important;}
.sidebar_icons label svg {height: 45px; width: 45px; display: block; margin: 0 auto;}
.sidebar_icons label span {display: block; margin: 3px auto 0px; color: #d5d6d8;}
.sidebar_icons label input:checked  + span { color: #0a2c69;}
#mar_back p {color:#337AB7;font-family: 'opensans-semibold-webfont';cursor: pointer;}
#mar_back  svg { height: 50px; width: 30px;}
.closeBackBtn {display:block; width:100%;}
#close_btn {display: inline-block;width: 5%;text-align: right;margin: 0;}
#close_btn svg {height: 50px; width: 30px;}
#close_btn a {color: gray;font-size:29px; display:block;}
.back_tosearch {width: 89%;display: inline-block;text-align: right;padding: 8px 0px;margin: 0;text-align: left;vertical-align: top;}
.searchButton {display: block; width:100%; padding: 10px 0px 0px; margin: 0; position: relative;}
.input_search { display: inline-block; width:100%;   padding: 0px;   margin: 0px;}
.search_btn { display: inline-block;  padding: 0px 0px; position: absolute; right: 7px; margin: 0;}
.search_btn  path { fill: #fff;}
#txt_search {width: 93%; padding: 5px 8px; border: 1px solid lightgray; margin: 0 auto; height: 27px;font-size: 14px;}
#btn_search {background: #337AB7; cursor: pointer; border: none;padding:8px 6px 11px; margin: 0; width: 28px; height: 20px;}
#btn_search svg {width: 20px; height: 22px; margin: 0 auto; display: block;}
.search_icon {display: block; width: auto; position: fixed; z-index: 1; top: 15px;/* left: 106px;*/left: 169px; background-color: white; padding: 0px; font-size: 4px; line-height: 5px; cursor: pointer; box-shadow: 0px 2px 3px lightgrey;}
.search_icon  img { padding: 11px 11px;}
.search_icon1 {display:none;}
#main {transition:0.5s; margin-left: 0px;}
#contact_details h1 {text-align: center;}
#mar_Amenties p {text-align: center; width: 33.33%;  display: inline-block; vertical-align: middle;}
#mar_Amenties p span {display: block; font-size: 12px; line-height: 15px; margin-top: 4px;margin-bottom: 13px;}
#mar_Amenties p img {width: 45px; height: 45px;  display: block; margin: 0 auto;}
#mar_title h5 {color:#0a2c69; font-size: 24px; line-height: 25px; text-align: center; text-transform: uppercase;  font-family:'roboto',bold;}
.detailsdiv a {color: #0a2c69; word-break: break-all;}
    
/*slick slider 27/01/2020*/
.slick-slide img {display: inline-block !important;vertical-align: top;}
.slider_heading {color: #0a2c69;padding: 5px 8px 10px 0px;font-size: 19px;line-height: 24px;font-family: 'roboto',bold;display: inline-block;width: 90%;margin: 0 auto;}
.slider_city {display: inline-block; vertical-align: middle;width: 70%;color: #000000;font-size: 17px;line-height: 21px;font-family: "opensans-regular-webfont";letter-spacing: 0.5px;margin: 0;padding: 0px 15px;}

.call_website_button {display: block; width: 90%;}
.call_btn  {display: block; padding: 8px 0px;}
.website_btn  {display: block;}
.call_btn a  {display: block;text-align: left;color: #000000;font-family: "opensans-regular-webfont";letter-spacing: 0.5px;text-decoration: none;}
.website_btn a {display: block;text-align: left;color: #000000;font-family: "opensans-regular-webfont";letter-spacing: 0.5px;text-decoration: none;}
.call_val {padding-left: 15px;vertical-align: middle;}
.website_val {padding-left: 15px;vertical-align: middle;}
.img_call {display: inline-block; vertical-align: top;}
.slider_address  {display: block; width: 100%;}
.advertise {display: block; width: 100%;padding:10px 20px; position: relative;}
.slider_phone,.slider_website{display: block;}
.website_icon {display: inline-block;}
.website_value {display: inline-block;}
/*.slick-slide  {margin: 0px 15px;}*/
.call_btn a:hover {text-decoration : none; color: #0a2c69;}
.website_btn  a:hover {text-decoration : none; color: #0a2c69;}
.slider_close_button > div .closebtn img{	
		width: 23px;height:20px;
}
.slick_slider {
	width:100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
	background: ghostwhite;
}
.slick_slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
/*slick slider 27/01/2020*/

/*search box two 28/01/2020*/
.search_box_two {display: block; width: 100%; padding: 10px 0px 0px;margin: 0;position: relative;}
.input_two  {display: block; width: 100%;padding: 0px;margin: 0px;}
.search_box_button {background: #337AB7;cursor: pointer;border-radius: 0px; border: none;padding: 8px 32px;margin: 0;color: white;-webkit-appearance: none;font-size: 16px;line-height: 18px;text-align: left;}
.input_search_two {width: 93%;padding: 5px 8px;border: 1px solid lightgray;margin: 0 auto;height: 27px;font-size: 14px;}
.text_btwn_search {display: block;width: 100%;margin: 0 auto;}
.text_btwn_search h2 {width: 98%;padding: 4px 0px;font-size: 17px;line-height: 0.1em; margin: 20px 0 14px;} 
.text_btwn_search h2 span {background: ghostwhite;padding: 0 7px;color: #337AB7;}
/*search box two 28/01/2020*/


              /*design change 02/06/2020*/
.logo_advertise {padding-left: 10px;}
#main_search_box {display: block;/*padding: 0px 12px 10px;*/padding: 30px 20px 10px 18px;}

.empty_search_box_div {display: none;}
/*.empty_search_box_div {background-color: ghostwhite !important; position: fixed;top: 63px;width: 30% !important;left: 41%;} */
.empty_search_box_div {background-color: ghostwhite !important;position: fixed;top: 0px;width: 32% !important;left: 0px; transition-duration: 1s;transition: 1s ease-in-out left;}

.Near_me_button {display: block;width: 100%; padding: 21px 0px 0px 0px;} 
.near_me_icon {display: inline-block;cursor: pointer;}
.near_me_txt  {display: inline-block;vertical-align: bottom;cursor: pointer;}
.nearby {background: none;border: none;color: white;font-size: 15px;line-height: 17px;padding: 0px 3px 4px;}
.near_div {display: inline-block;width: 33%;background-color: #373737;padding: 6px 0px;vertical-align: top;text-align: center;}	 
.near_div {display: inline-block;width: 33%;background-color: #373737;padding: 6px 0px;vertical-align: top;text-align: center;cursor:pointer;} 
.near_div {display: inline-block;width: 33%;background-color: #373737;padding: 6px 0px;vertical-align: top;text-align: center;}	 
.near_div:hover{background-color: #0A2C69;}
.near_div_active{display: inline-block;width: 33%;background:#337AB7;padding: 6px 0px;vertical-align: top;text-align: center;cursor:pointer;}
.near_div_active:hover{background-color: #0A2C69;}
.near_div_active input  {background-image: url("../img/near_me_icon.png");background-repeat: no-repeat;padding: 0px 3px 0px 19px;cursor: pointer;} 
.near_div  {padding: 6px 0px;}
/*.near_btn_search {display: inline-block; width: 33%; background-color: #373737; padding: 0px 0px; vertical-align: top;text-align: center;} */
.near_btn_search:hover{background-color: #0A2C69;} 
.nearby:focus{outline:0;} 
.search_button {display: inline-block;padding: 0px 0px 0px 27px;margin: 0;text-align: left;width: 44%;}
.near_div input  {background-image: url("../img/near_me_icon.png");background-repeat: no-repeat;padding: 0px 3px 0px 19px;cursor: pointer;} 
.start_search {display: block; width: 100%;}
.start_icon  {display: inline-block;padding: 0px;}
.start_text  {display: inline-block;color: #0a2c69;vertical-align: top;padding: 0px 4px;font-size: 16px;line-height: 21px;font-family: 'roboto',bold;}

/*velu 03/03/2020 */
.near_div:hover{background-color: #0A2C69;}
.near_div_active{display: inline-block;width: 33%;background:#337AB7;padding: 6px 0px;vertical-align: top;text-align: center;cursor:pointer;}
.near_div_active:hover{background-color: #0A2C69;}
.near_div_active input  {background-image: url("../img/near_me_icon.png");background-repeat: no-repeat;padding: 0px 3px 0px 19px;cursor: pointer;} 
/*velu 31/1/2020 */
/*.show_all_marina{
	background: ;
	color:white;
    position: absolute;
    top:15px;
    left:10px;
    background-color: #337AB7;
    padding: 0px;
    font-size:15px;
    line-height: 5px;
    cursor: pointer;
    box-shadow: 0px 2px 3px lightgrey;
	padding:0px 30px;


}*/
.all_and_preferred_marina{
    width: 44%;
	color:white;
    position: absolute;
    top:15px;
    left: 220px;
	/*   left: 20px; */
    font-size:15px;    
    cursor: pointer;
	padding: 0px;

}
.all_and_preferred_marina > div{background-color: #337AB7;width:49%;display:inline-block;text-align:center;line-height: 35px;}
.all_and_preferred_marina > div p{margin:0px;}
.result{
	color:#337AB7; 
	font-size: 24px; 
	line-height: 25px; 
	text-align: center; 
	text-transform: uppercase;  
	font-family:'roboto',bold;
}
.marina_search_field_button {display: none;}
.slider_close_button {display: none;} 
.slider_icon_div {display: none;padding: 0px;}
.slider_icon_div {top: 200px;right: 0px;background: ghostwhite;padding: 4px 5px;position: fixed;}
.sidebar_icon_two {
    position: absolute;
    top: 80px;
    left: 100%;
    overflow: hidden;
    text-align: left;
    height: 54px;
    display: table-cell;
    vertical-align: middle;
    color: #f7faff;
    font-family: Roboto, Arial, sans-serif;
    font-size: 30px;
    padding: 0px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    background-clip: padding-box;
    font-weight: 500;
    cursor: pointer;
}

.all_marina_div_one {
    display: block;
    margin-top: -7px;
    position: absolute;
    right: 0;  
}
.all_marina_div_two {
    display: block;
    margin-top: 54px;
    position: absolute;
    right: 0; 
}
.empty_search_box_div.animated {
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.all_and_preferred_marina:focus {outline:none;} 


.previ{
	background: #337AB7;
    cursor: pointer;
    border-radius: 0px;
    border: none;
    padding: 8px 30px;
    margin: 0;
    color: white;
    -webkit-appearance: none;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
}
.near_icon_anchor {cursor: pointer;} 
/* Velu 03/04/2020*/
.previ:hover{background-color: #0A2C69; }
/* */ 
.show_all_marina:hover  {background-color: #0A2C69;}
.show_adver_marina:hover {background-color: #0A2C69;}
.search_box_button:hover  {background-color: #0A2C69;}
.text_dec_non{text-decoration: none;}
.video_btn_div{margin-top: 20px;}
             /*design change 02/06/2020*/
@media only screen and (max-width: 4000px) {
    /* 17-07-2023 */
.prev_img{width: 5%;height: 56px;border-radius: 32px;}
.prev{max-width: 32%;}
.next_img{width: 5%;height: 56px;border-radius: 32px;}
.next{max-width: 32%;}
/* 17-07-2023 */
 }
 @media only screen and (max-width: 2000px) {
    /* 17-07-2023 */
.prev_img{width: 8%;height: 43px;}
.prev{max-width: 30%;}
.next_img{width: 8%;height: 43px;}
.next{max-width: 30%;}
/* 17-07-2023 */
 }
 @media only screen and (max-width: 1600px) {
    /* 17-07-2023 */
.prev_img{width: 8%;height: 34px;}
.next_img{width: 8%;height: 34px;}
/* 17-07-2023 */
 }


/*12/23/2020*/
.gm-style .gm-style-iw-d h3 > a {color:#256497;}
/*12/23/2020*/

@media only screen and (max-width: 1300px) {
   .slickslider {top: 12%;}
 /*  .all_and_preferred_marina {left: 42% !important;}   */
   .all_and_preferred_marina {width: 52%;} 

   /* 17-07-2023 */
.prev_next{display: block;text-align: center;}
.prev_img{display: inline-block;vertical-align: middle;text-align: center;margin: 10px;background-color: black;width: 5%;height: 22px;border-radius: 18px;}
.prev{max-width: 27%;}
.next_img{display: inline-block;vertical-align: middle;text-align: center;margin: 10px;background-color: black;width: 5%;height: 22px;border-radius: 18px;}
.next{max-width: 27%;}
/* 17-07-2023 */
  
}

@media only screen and (max-width: 1200px) {
    /* 17-07-2023 */
.prev_next{display: block;text-align: center;}
.prev_img{display: inline-block;vertical-align: middle;text-align: center;margin: 10px;background-color: black;width: 5%;height: 22px;border-radius: 18px;}
.prev{max-width: 27%;}
.next_img{display: inline-block;vertical-align: middle;text-align: center;margin: 10px;background-color: black;width: 5%;height: 22px;border-radius: 18px;}
.next{max-width: 27%;}
/* 17-07-2023 */
   .slickslider {top: 20%;}
   .empty_search_box_div {width: 31% !important;}
   .search_box_button {padding: 8px 26px;}
   .all_and_preferred_marina {width: 66%;}
   /* .all_and_preferred_marina {width: 60%;/* left: 46% !important;font-size: 12px;} */
   /* .all_and_preferred_marina > div {width: 46%; padding: 0px 4px;}  */
}
@media only screen and (max-width: 992px) {
    /* 17-07-2023 */
.prev_img{width: 7%;}
.prev{max-width: 25%;}
.next_img{width: 7%;}
.next{max-width: 25%;}
/* 17-07-2023 */
   .slickslider { width: 196px;}
   .slider_heading {padding: 5px 10px 5px 0px;font-size: 15px;line-height: 18px;width: 80%;margin: 0 auto;}
   .call_val {font-size: 13px;line-height: 17px;}
   .website_val {font-size: 13px;line-height: 17px;}
   .slider_city  {font-size: 13px;line-height: 17px;}
   .slickslider {top: 27% !important;}
  .show_adver_marina p {font-size: 12px;line-height: 14px;padding: 8px 0px;margin: 0;}
  .show_all_marina p {font-size: 12px;line-height: 14px;padding: 8px 0px;margin: 0;}
   /*  .all_and_preferred_marina {width: 60%;font-size: 12px;left: 52% !important;} */
   .all_and_preferred_marina > div {background-color: #337AB7;width: 49%;display: inline-block;text-align: center;line-height: 18px;padding: 10px; margin-left: 10px;margin-bottom: 10px;}
   .Near_me_button {padding: 20px 0px 5px 0px;}
   .search_button{padding: 0px 0px 0px 12px;}
   .search_box_button {padding: 8px 20px;}
   .near_div {width: 36%;}
   .empty_search_box_div {width: 38% !important;}
   .advertise .slider_close_button{right:35px;}
  
}
@media only screen and (max-width: 768px) {
    /* 17-07-2023 */
.prev_img{width: 8%;height: 23px;}
.prev{max-width: 30%;}
.next_img{width: 8%;height: 23px;}
.next{max-width: 30%;}
/* 17-07-2023 */
	.side_bar_menu {display: block; margin: 0; width: auto; position: static; z-index: 1; padding: 10px 20px; text-align: left;}
    .maptech_logo {width: 20%;display: inline-block; padding: 0px; margin: 0; vertical-align:middle}
    .maptech_logo img {max-width: 109px;width:100%;padding: 0px;}
    #maptech_icon {border-bottom: none; padding:0 !important;display: block;}
    .sidebar_icons { width:60%;display: inline-block; vertical-align: middle; padding: 0px; margin: 0 0 0 -4px; text-align: center;}		
    .sidebar_icons label {display: inline-block;line-height:20px; padding: 0px 15px; text-align: center; vertical-align: middle;}
	.sidebar_icons label svg { display: block; margin: 0 auto; height: 40px; width: 40px;}
	.sidebar_icons label span{font-size: 12px;}
    .search_icon {display:none !important; top: 260px;}
	.search_icon1 { display: inline-block; vertical-align: middle; width: 20%; z-index: 1; background-color: white; overflow-x: hidden; padding:0px; margin:0px 0 0 -5px;    text-align: right;}
	.search_icon1 img {cursor: pointer;border: 1px solid #0a2c69;padding: 12px;display: block; margin: 0 0 0 auto;}
    .sidebar_icon {display:none;top: 45%;}
	.sidebar{ width: 290px; position: fixed; top: 83px;left: 0px;}
    .sidebar_main {padding: 40px 0px 100px;}
	#mar_back p {color:#337AB7; font-family:'opensans-semibold-webfont'; cursor: pointer; font-size: 14px; line-height: 14px;}
	#mar_back  svg { height: 25px; width: 25px;}
	#close_btn a {font-size: 26px; line-height: 26px;}
	#close_btn svg {height: 25px; width: 25px;}
	.search_btn svg {height: 20px; width: 20px;}
	#btn_search {right: -2px;}
    .detailsdiv{ padding: 11px 0px 18px;}
	.detailsdiv h1 { padding: 10px 0px; font-size: 17px; line-height: 19px;}
	.detailsdiv h3 {color: #c0c3c9; font-size: 12px; line-height:14px; }
	.detailsdiv p {font-size: 13px; line-height: 15px; padding: 4px 0px;}
	.detailsdiv b {color: black; letter-spacing:1px;}
	.title{font-size: 20px; line-height: 23px; padding: 13px 0px; margin: 0; font-family:'roboto',bold;}
	.preloader {position: absolute; top: 0;left: 0; width:100%; height:100%; z-index: 9999; background-image: url('../img/loader_maptech.gif'); background-repeat: no-repeat; background-color: #FFF; background-position: center;}
    #mar_card_details p {width: 25%;}
	#mar_Amenties p img { width: 40px; height: 40px;}
    .gm-style .gm-style-iw-d h3 { font-size: 12px; line-height: 14px;}
	#mar_title h5 {font-size: 15px; line-height: 18px;}
	.call_btn a:hover {text-decoration : none !important;}
    .website_btn  a:hover {text-decoration : none !important;}
	.text_btwn_search h2 {width: 100%;}
	.search_button {left: 109px;}
	/*.slickslider {width: 216px;} */
   /* #close_btn{ width: 7%;}   
   .back_tosearch {width: 91%;}     */
   .closeBackBtn  {width: 95%;}
    .back_tosearch {width: 95%;}
	#close_btn {width:44%;;display: inline-block;width: 0%;text-align: right;padding: 13px 0px 0px;margin: 0;text-align:right;}
	.all_and_preferred_marina {width: 71%;}
	.all_and_preferred_marina > div {width: 48%;display: block;/*margin-top: 0px;*/font-size: 10px;text-align: center;line-height: 25px;}
	/* #main {transition:0.5s; margin-left: 340px;} */

           /* slider responsive 02072020  */
	.slider_close_button {
			display: inline-block;
			width: 100%;
			position: absolute;
			top: 4px;
			right: 23px;
			height: auto;
     }
	  .slider_close_button  svg {width: 23px; height: 23px;}
	 #slider_close  img {height: 23px; width:20px;}
	 #slider_close  img:focus{outline:0;} 
    .empty_search_box_div {top: 82px;width: 50% !important;left: 0px;}
    .input_search_two {width: 80%;}
	#txt_search {width: 80%;}
	.text_btwn_search h2 span {font-size: 14px;line-height: 15px;}
      .search_button {display: inline-block;padding: 0px 0px 0px 10px;margin: 0;text-align: left;width: 40%;}
	  .search_box_button {
		    background: #337AB7;
		    cursor: pointer;
			border-radius: 0px;
			border: none;
			padding: 7px 26px;
			margin: 0;
			color: white;
			-webkit-appearance: none;
			font-size: 14px;
			line-height: 17px;
			text-align: left;
         }
		 .near_div {
			display: inline-block;
			width: 35%;
			background-color: #373737;
			padding: 5px 0px;
			vertical-align: top;
			text-align: center;
        }
		.nearby {
			background: none;
			border: none;
			color: white;
			font-size: 14px;
			line-height: 16px;
			padding: 0px 3px 4px;
         }
		 .near_div input {padding: 0px 3px 0px 19px;}
		 .start_text {font-size: 14px;line-height: 21px;}
		 .slickslider {top: 25%;}
		 .slider_icon_div {top: 220px}
}

@media only screen and (max-width: 570px) {
    /* 17-07-2023 */
.prev_img{width: 10%;height: 21px;}
.prev{max-width: 31%;}
.next_img{width: 10%;height: 21px;}
.next{max-width: 31%;}
/* 17-07-2023 */
     .slickslider {opacity: 0.9;}
     .empty_search_box_div {width: 58% !important; top: 78px;}
	 .all_and_preferred_marina {width: 70%;top: 13px;}
	.all_and_preferred_marina > div {width: 60%;}
	.near_div {width: 35%;}
	.search_box_button {padding: 7px 23px;}
	#main_search_box  {padding: 30px 6px 10px 18px;}
	.closeBackBtn  {width: 89%;}
}

@media only screen and (max-width: 480px) {
    /* 17-07-2023 */
.prev_img{width: 12%;height: 22px;}
.prev{max-width: 28%;}
.next_img{width: 12%;height: 22px;}
.next{max-width: 28%;}
/* 17-07-2023 */
   .sidebar { top: 78px;}
   .gm-style .gm-style-iw-d h3 {font-size: 10px; line-height: 11px;}
   .maptech_logo img {max-width: 81px;}
   .sidebar_icons label {padding: 0px 12px;}
   .sidebar_icons label svg { height: 35px;width: 35px;}
   .sidebar_icons label span { font-size: 11px;}
   .search_icon1 img { padding: 10px;}
   .slickslider { width: 200px !important;}
   .slider_heading { font-size: 17px; line-height: 22px;}
   .text_btwn_search h2 span {font-size: 14px;}
   .start_icon img {padding: 0px 0px;height: 14px;}
   .search_button {padding: 0px 0px 0px 8px; width: 46%;}
   .near_div input {font-size: 12px;line-height: 17px;padding: 0px 0px 0px 18px;}
    #txt_search {padding: 2px 7px; width: 91%;}
   .input_search_two {padding: 2px 8px;}
   .near_div {padding: 4px 0px;}
   .search_box_button {padding: 7px 23px;font-size: 13px;line-height: 17px;}
   .input_search_two {width: 91%;}
   .slider_icon_div {display: inline-block;}
   .slickslider {display: none;}
   .near_div {width: 38%;} 
   .search_box_button {padding: 7px 18px;}
   .empty_search_box_div {top: 70px;}

    
}
@media only screen and (max-width: 375px) {
   .empty_search_box_div {top: 70px;width: 70% !important;}
   
   .near_div {width: 43%;}
   .sidebar {top: 71px;}
  

}

@media only screen and (max-width: 370px) {
	.sidebar { width:260px; padding:15px 20px;top: 72px;}
	.side_bar_menu {padding: 10px 15px;}
	.maptech_logo img {max-width: 60px;}
	.sidebar_icons label {padding: 0px 9px;}
    .sidebar_icons label svg {height: 33px;width: 33px;}
    .sidebar_icons label span {font-size: 10px;}
    .search_icon1 img {max-width: 15px;}
    #mar_Amenties p { width: 50%;}
	#txt_search {width: 93%;height: 23px;}
	#btn_search {padding: 9px 6px 6px;}
	#btn_search svg {width: 18px;height: 19px;}
	.slider_heading { font-size: 16px; line-height: 20px;}
	.all_and_preferred_marina > div {width: 79%;}
	.slickslider { margin: 10px 20px;}
	.search_box_button {padding: 7px 15px;}
	.empty_search_box_div {width: 72% !important;top: 70px;}
	.all_and_preferred_marina {width: 52%;/*left: 49% !important;*/}
	.result {font-size: 16px;}
	.near_div {width: 38%;}
	.search_button {width: 43%;}
}


@media only screen and (max-width: 350px) {

   .sidebar_icons label svg {height: 28px;width: 30px;}
   .sidebar_icons {width: 65%;}
   .search_icon1 {width: 15%;}
   .empty_search_box_div {top: 70px;}
    .near_div {width: 40%;}

	
}  


.side_bar_menu.mobile_header .sidebar_icons label svg {height: 28px;width: 30px;} 
.side_bar_menu.mobile_header .sidebar_icons {width: 65%;}
.side_bar_menu.mobile_header .search_icon1 {width: 15%;}
.empty_search_box_div.mobile_header {top: 70px;}
   
/*27/2/20 velu */
.maptech_main{display:none;}


   /*10/03/2020  velu*/
.slider_close_button{
    display: inline-block;
    width: 12%;
    position: absolute;
    top: 2px;
    right: 25px;
    height: auto;
	}
#slider_close  img {height: 23px; width:20px;}
#slider_close  img:focus{outline:0;} 
.slider_close_button svg {
    width: 23px;
    height: 23px;
	}
/*10/03/2020  velu*/
   
/*19-07-2023 Dhivi*/
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 25px;
    border: 1px solid #888;
    width: 50%;
  }
  #btn_video {
    margin-top:15px;
  }
  
  /* The Close Button */
  .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: -17px;
    margin-top: -33px;
}
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
/*19-07-2023 Dhivi*/

/* 17-07-2023 */
.prev_next{display: block;text-align: center;}
.prev_img{display: inline-block;vertical-align: middle;text-align: center;margin: 10px;background-color: black;width: 5%;height: 22px;border-radius: 18px;}
.prev{max-width: 27%;}
.next_img{display: inline-block;vertical-align: middle;text-align: center;margin: 10px;background-color: black;width: 5%;height: 22px;border-radius: 18px;}
.next{max-width: 27%;}
/* 17-07-2023 */
/*15-08-20232 Dhivi*/
#harborside {
    position: absolute;
    height: 100%;
    left: -1800px;
    width:94%;
  }

  #harborside.active {
    left: 154px;
  }

  .harbor {
    left: -1800px;
  }
/*15-08-2023 Dhivi*/

/*18-08-2023 Dhivi*/
#mySidebar1 {
    left: -1500px;
    width:357px;
}
/*18-08-2023 Dhivi*/