details-marine-epoxy-hardeners-adhesive-systems<br/>details-anchor-chains-Anchor-Chains<br/>details-ballast-water-test-kits-ballast-systems<br/>details-bilge-cleaning-compounds-bilge-cleaning<br/>details-bilge-alarm-sensor-cables-bilge-monitoring-systems<br/>details-bilge-pump-switch-gaskets-bilge-pump-systems<br/>details-boiler-water-test-kits-boiler-systems<br/>details-cargo-securing-buckles-cargo-handling<br/>details-cash-to-master-services-cash-to-master<br/>details-chemical-injection-skids-chemical-handling-systems<br/>details-deck-cleaning-microfiber-cloths-cleaning-supplies<br/>details-marine-gelcoat-spray-guns-coating-systems<br/>details-emergency-radio-microphones-communication-systems<br/>details-marine-air-compressor-parts-compressed-air-systems<br/>details-refrigerant-cylinders-refillable-containers<br/>details-inhibited-cooling-water-treatment-cooling-chemicals<br/>details-marine-generator-coolant-pumps-cooling-systems<br/>details-corrosion-protection-wax-corrosion-control<br/>details-hatch-cover-seal-replacement-deck-and-safety-equipment<br/>details-deck-cranes-deck-cranes<br/>details-ship-railing-post-caps-deck-hardware<br/>details-marine-composite-flooring-deck-systems<br/>details-material-safety-data-sheets-documentation<br/>details-ship-door-lock-kits-door-systems<br/>details-deck-drain-strainer-baskets-drainage-systems<br/>details-cable-tray-repairs-electrical-and-automation<br/>details-marine-grade-copper-lugs-electrical-systems<br/>details-propeller-entanglement-removal-emergency-propeller-services<br/>details-emergency-ship-repair-services-emergency-ship-repair<br/>details-marine-emission-test-kits-emission-control<br/>details-ship-engine-parts-Engine-Parts<br/>details-engine-head-stud-kits-engine-systems<br/>details-marine-generator-exhaust-mufflers-exhaust-systems<br/>details-structural-welding-repairs-fabrication-and-structure<br/>details-marine-toggle-bolts-fastening-systems<br/>details-fire-damage-ship-repair-services-fire-damage-ship-repair<br/>details-fire-alarm-sounders-fire-safety-systems<br/>details-fire-hose-nozzle-tips-firefighting-systems<br/>details-fuel-transfer-couplings-fuel-systems<br/>details-hydrogen-sulfide-test-kits-gas-detection<br/>details-marine-central-gas-distribution-gas-systems<br/>details-mono-propylene-glycol-mpg-glycols<br/>details-ship-hatch-cover-lock-bars-hatch-systems<br/>details-marine-hose-adapters-hose-systems<br/>details-hull-deformation-correction-hull-and-structure-services<br/>details-anti-fouling-gold-paint-hull-coatings<br/>details-marine-hull-cleaning-chemicals-hull-maintenance<br/>details-hydraulic-pressure-control-valves-hydraulic-systems<br/>details-control-panel-refurbishment-industrial-electrical<br/>details-conveyor-roller-replacement-industrial-material-handling<br/>details-centrifugal-pump-overhaul-industrial-rotating<br/>details-pressure-vessel-plate-renewal-industrial-structural<br/>details-heat-exchanger-tube-bundle-cleaning-industrial-thermal<br/>details-marine-polyurethane-foam-insulation-materials<br/>details-ship-wall-plates-interior-systems<br/>details-marine-led-high-bay-lights-lighting-systems<br/>details-marine-lube-oil-supply-lube-oil-supply<br/>details-ship-grease-cartridges-lubrication-systems<br/>details-marine-bearing-puller-sets-maintenance-tools<br/>details-marine-epoxy-adhesives-marine-adhesives<br/>details-crane-and-hoist-spares-marine-cargo-equipment<br/>details-cargo-pump-rebuild-marine-cargo-systems<br/>details-ship-galley-equipment-marine-catering<br/>details-marine-fuel-additives-marine-chemicals<br/>details-bilge-water-detergent-marine-cleaning-chemicals<br/>details-deck-cleaning-machines-marine-cleaning-equipment<br/>details-cargo-hold-cleaning-brushes-marine-cleaning-tools<br/>details-marine-communication-radios-marine-communication<br/>details-corrosion-inhibitor-spray-marine-corrosion-control<br/>details-deck-non-slip-coating-marine-deck-coatings<br/>details-winch-and-windlass-parts-marine-deck-equipment<br/>details-marine-electrical-cables-marine-electrical<br/>details-fuel-oil-viscosity-regulator-marine-engine-controls<br/>details-engine-coolant-fluids-marine-engine-fluids<br/>details-marine-diesel-generator-parts-marine-engine-spares<br/>details-emergency-fire-pumps-marine-fire-safety<br/>details-fuel-oil-purifiers-marine-fuel-systems<br/>details-corrosion-resistant-bolts-marine-hardware<br/>details-marine-hose-couplings-marine-hoses<br/>details-marine-air-conditioning-units-marine-hvac<br/>details-hydraulic-pump-seals-marine-hydraulics<br/>details-marine-insulation-materials-marine-insulation<br/>details-ship-interior-paneling-marine-interior<br/>details-marine-led-floodlights-marine-lighting<br/>details-ship-engine-oil-20w50-marine-lubricants<br/>details-marine-bearing-puller-tools-marine-maintenance-tools<br/>details-marine-plywood-sheets-marine-materials<br/>details-ship-medical-supplies-marine-medical<br/>details-bilge-alarm-sensors-marine-monitoring-systems<br/>details-navigation-radar-equipment-marine-navigation<br/>details-magnetic-compass-adjustment-marine-navigation-and-communication<br/>details-marine-generator-sound-enclosures-marine-noise-control<br/>details-hempalin-enamel-product-code-52140-color-code-20300-marine-paints<br/>details-anti-fouling-hull-paint-marine-paints-coatings<br/>details-marine-pipe-fittings-marine-piping<br/>details-marine-air-compressors-marine-pneumatics<br/>details-oil-water-separators-marine-pollution-control<br/>details-propeller-shaft-seals-marine-propulsion<br/>details-bilge-pump-impellers-marine-pumps<br/>details-marine-refrigerant-gases-marine-refrigerants<br/>details-cargo-refrigeration-units-marine-refrigeration<br/>details-marine-fiberglass-repair-kit-marine-repair-materials<br/>details-marine-wire-rope-marine-rigging<br/>details-lifeboat-davit-overhaul-marine-safety<br/>details-solas-approved-lifejackets-marine-safety-equipment<br/>details-marine-toilet-chemicals-marine-sanitation<br/>details-marine-cctv-cameras-marine-security<br/>details-dynamic-positioning-calibration-marine-specialized<br/>details-hull-plate-renewal-marine-structural  <br/>details-emergency-water-maker-marine-survival-equipment<br/>details-cargo-tank-cleaning-chemicals-marine-tank-cleaning<br/>details-engine-room-tools-marine-tools<br/>details-marine-growth-removal-marine-underwater-services<br/>details-ball-valves-bronze-marine-valves<br/>details-ballast-water-treatment-system-marine-water-treatment<br/>details-marine-welding-equipment-marine-welding<br/>details-marine-vibration-absorbers-mechanical-systems<br/>details-ship-winch-Mooring-Winches<br/>details-emergency-strobe-light-accessories-navigation-lighting<br/>details-radar-mast-brackets-navigation-systems<br/>details-Paint-Holds-RED-primer-hardener-thinner-minimum-paint-thinner-split-painting-supplies<br/>details-marine-pipe-clamps-piping-systems<br/>details-marine-pneumatic-fittings-kits-pneumatic-systems<br/>details-turbine-overhaul-power-and-machinery<br/>details-pre-docking-inspection-services-pre-docking-inspection-services<br/>details-cooling-water-treatment-repairs-process-industry<br/>details-dynamic-propeller-balancing-propeller-balancing<br/>details-ship-propeller-cleaning-propeller-cleaning<br/>details-propeller-hub-repair-propeller-hub-services<br/>details-underwater-propeller-inspection-propeller-inspection<br/>details-propeller-efficiency-analysis-propeller-performance-optimization<br/>details-ship-propeller-repair-propeller-repair<br/>details-propeller-removal-and-installation-propeller-replacement<br/>details-propeller-inspection-propeller-services<br/>details-shaft-line-alignment-propulsion-and-engine-services<br/>details-stern-bearing-seal-installation-tools-propulsion-systems<br/>details-cargo-pump-coupling-guard-nuts-pump-systems<br/>details-r134a-refrigerant-gas-refrigeration-gases<br/>details-marine-refrigeration-oil-refrigeration-supplies<br/>details-marine-refrigeration-capillary-tubes-refrigeration-systems<br/>details-marine-cold-repair-kits-repair-kits<br/>details-marine-shackle-clevises-rigging-systems<br/>details-hoist-system-repairs-safety-and-access<br/>details-emergency-whistle-lanyard-clips-safety-equipment<br/>details-marine-cctv-systems-security-systems<br/>details-ship-anchor-recovery-services-ship-anchor-and-chain-recovery<br/>details-bunker-fuel-supply-ship-bunker-supply<br/>details-ship-fresh-water-supply-services-ship-fresh-water-supply<br/>details-underwater-ship-propeller-cleaning-ship-propeller-cleaning<br/>details-emergency-propeller-repair-ship-propeller-repair<br/>details-ship-sludge-removal-sludge-removal<br/>details-a-frame-structural-repairs-specialized-services<br/>details-high-purity-nitrogen-gas-specialty-gases<br/>details-bilge-oil-absorbent-socks-spill-response<br/>details-rudder-stock-seal-kits-steering-systems<br/>details-silo-coating-renewal-storage-and-handling<br/>details-ullage-system-repairs-tank-and-cargo-systems<br/>details-tank-cleaning-detergents-tank-cleaning<br/>details-cargo-tank-level-sensors-tank-monitoring-systems<br/>details-cargo-tank-pressure-relief-valves-tank-systems<br/>details-underwater-hull-cleaning-services-underwater-hull-cleaning<br/>details-underwater-hull-inspection-services-underwater-hull-inspection<br/>details-underwater-ship-repair-services-underwater-ship-repair<br/>details-uwild-survey-services-uwild-surveys<br/>details-ball-valves-bronze-gate-valve-systems<br/>details-marine-centrifugal-fan-motors-ventilation-systems<br/>details-marine-waste-compactors-waste-management<br/>details-ship-waste-removal-waste-removal<br/>details-pH-test-strips-water-testing<br/>details-chlorine-based-biocides-water-treatment<br/>details-marine-welding-electrodes-welding-supplies<br/>details-marine-winch-brake-shoes-winch-systems<br/>details-ship-window-seal-replacement-kits-window-systems<br/><!DOCTYPE html><html><head>
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap" rel="stylesheet">
<style type="text/css">

a.gflag {vertical-align:middle;font-size:22px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/32.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(/images/32a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}

author-page author{
    display:none;
}
</style>
<!--<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
-->
<style>
/* CUSTOM CSS */

html, body {width: auto!important; overflow-x: hidden!important} 

html, body {
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #fff !important;
      }


.navbar {
    border-radius: 0px !important;
    min-height: 110px !important;
    margin-bottom: 0px !important;
}

.clogo img {
    height: 60px !important;
    position: relative;
    padding: 0px 5px;
}

.title{
    background: transparent !important;
}

.ui-block-title{
    background: #efefef !important;
    border-radius: 0 !important;
    border-bottom: none !important;
}

/* ------------- */



  .author-page {
    margin-left: 0px !important;
}
 .success {
  color: #fff;
  background: green;
  text-align: center;
  padding: 5px;
}


.error {
  color: #fff;
  background: red;
  text-align: center;
  padding: 5px;
}

.majorports {
  position: absolute !important;
  right: 4%;
  top: 10px;
  z-index: 1;
  width: 50%;
}

.majorports div div a {
  padding: 5px;
  background: #fff;
  color: #000 !important;
  border: 1px solid #fff;
  margin-right: 1%;
}

.mobile {
  padding-top: 29px;
  z-index: 9;
  flex-shrink: 0;
  /*left: 30px;*/
 /* box-shadow: 0 0 20px 10px rgba(0, 0, 0, .2);*/
  width: 100%;
  height: calc(100%);
  background: white;
  align-self: center;
  margin: 0 auto;
  /*position: absolute;*/
  box-sizing: border-box;
  display:block !important;
}
    
    .displayports{
      overflow-y:scroll;
      display:none;
      background-color:white;
      position:absolute;
      z-index:11111;
      top:0px;
      left:1px; 
      width:40%;
      padding: 5px;
      font-size:15px;
    }
    
    .displayports option:hover {
      background-color:#06c;
      color:#fff;
    }
    
    .displayports option {
      padding: 5px 0px 5px 0px;
    }

header .control-block {
  position: absolute;
  right: 22px;
  top: 1px;
}
header .form-group {
  margin-bottom: 0px !important;
}

.servicetitle p a {
  font-size: 13px;
  color: gray;
}

.mobileinner {
  height: 100vh !important;
  padding: 5px;
  overflow-y: hidden;
  overflow-x: hidden;
}
    
.mobileinner_cargo_tab{
  height: 450px !important;
}
    
.mobileinner_posts_tab {
  height: 500px !important;
  padding: 5px;
  overflow-y: hidden;
  overflow-x: hidden;
}

.mobilesocialnetwork {
  height: auto;
}

.clogo img {
  height: 44px;
  position: relative;
}

.clogo {
  top: -30px;
  /* position: absolute !important; */
  left: 0px;
  position: absolute;
  /* height: 50%; */
  z-index: 9;
}

.widget-pane-toggle-button-container-close {
  position: absolute;
  z-index: 99;
  top: 15px;
  left: 27%;
  width: 6%;
  display: none;
}

.widget-pane-toggle-button-container-open {
  position: absolute;
  z-index: 99;
  bottom: 10px;
  left: 16%;
  width: 360px;
  height: 36px;
  display:none;
}

.widget-pane-toggle-button-close {
  width: 100%;
  height: 28px;
  cursor: pointer;
  padding: 00;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #fff;
  transition: 0s;
  outline: none !important;
}

.widget-pane-toggle-button-close p {
  border-top: 5px solid grey;
  width: 50%;
  margin: 0 auto;
}

.widget-pane-toggle-button-open p {
  border-top: 5px solid grey;
  width: 13%;
  margin: 0 auto;
}

.widget-pane-toggle-button-open {
  width: 100%;
  height: 60px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  transition: 0.1s;
  outline: none !important;
}

.custom-combobox {
  position: relative;
  display: inline-block;
}

.custom-combobox-input {
  margin: 0;
  padding: 0.3em;
  width: 100%;
}

.mapboxgl-canvas {
  width: 100% !important;
  height: calc(100%-2px);
}

.mydiv {
  width: 100%;
  padding: 15px;
}

#map_canvas {
  width: 100%;
  height: 100vh;
  position: relative;
}

.sidepanel {
  z-index: 99999999;
}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 36px;
}

.sidelabel {
  font-size: 11px;
  z-index: 99999999;
  cursor: pointer;
  background-color: #06c;
  color: white;
  padding: 8px 5px 9px 2px;
  border: none;
  position: absolute;
  right: 1.7%;
  width: 92px;
  text-align: center;
  top: 2%;
}

.sidelabelfront {
 font-size: 12px;
    cursor: pointer;
    background-color: #06c;
    color: white;
    padding: 5px 0px 0px 0px;
    border: none;
    position: absolute;
    right: 3%;
    width: 86px;
    text-align: center;
    top: 0%;
    height: 25px;
    z-index: 9;
}

.openbtn {
  font-size: 13px;
  z-index: 99999;
  cursor: pointer;
  background-color: #06c;
  color: white;
  padding: 5px 5px;
  border: none;
  position: absolute;
  right: 25%;
  top: 11%;
  display: none;
}

.openbtn:hover {
  background-color: #000;
}

.openbtn:focus {
  background-color: #000;
  border: none;
}

.posfixed {
  position: absolute;
  top: 0;
}

.posfixedmobile {
  display: none;
}

a .glyphicon {
  color: #fff !important;
}

.list-group-item:not(:active) {
  background: #06c;
}

section.our-contacts h4 {
  padding-bottom: 0px;
}

.list-group-item.active,
.list-group-item.active:hover,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon {
  background: #06c !important;
}

.list-group-item {
  padding: 0% !important;
}

.logout {
  font-size: 15px !important;
  padding: 10px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 200000;
  color: #fff;
}

.logout1 {
  background: #fff none repeat scroll 0 0;
  font-size: 15px;
  padding: 10px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 200000;
}

.logout a {
  color: #fff;
}

.logout1 a {
  color: #000;
}

.logout a:hover {
  color: #fff;
}

.logout1 a:hover {
  color: #fff;
}

.logout:hover {
  background: #06c none repeat scroll 0 0;
  color: #fff !important;
}

.logout1:hover {
  background: #06c none repeat scroll 0 0;
  color: #fff !important;
}

.rate-base-layer {
  color: #ff9900;
}

.rate-hover-layer {
  color: #06c;
}

.rate {
  font-size: 30px;
  color: #ff9900;
}

.form-group {
  margin-top: 1px !important;
  margin-bottom: 8px !important;
}

.homeloader {
  position: absolute;
  top: 25%;
  left: 18.5%;
  display: none;
  z-index: 500000;
}

.breakdownloader {
  z-index: 500000;
  text-align: right;
  display: none;
}

<!------------------------ CUSTOM CSS----------------------->.popup {
  display: none !important;
}

.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.25);
  z-index: 123456789;
}

/* Inner */

.popup-inner {
  width: 95%;
  height: 95%;
  padding: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0px #000;
  border-radius: 3px;
  background: #fff;
  z-index: 123456789;
}

/* Close Button */

.popup-close {
  width: 30px;
  height: 30px;
  padding-top: 4px;
  display: inline-block;
  position: fixed;
  top: 5%;
  right: 30px;
  transition: ease 0.25s all;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.8);
  font-family: "DM Sans", sans-serif;
 
  font-size: 20px;
  text-align: center;
  line-height: 100%;
  color: #fff;
}

.popup-close:hover {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
  background: rgba(0, 0, 0, 1);
  text-decoration: none;
}

.loader {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#loader {
  height: 50px;
  margin-top: 3.5%;
}

.map_ports {
  padding: 0;
  position: absolute !important;
  z-index: 99;
  left: 16px;
}

<!-------------END-------------------->.servicetitle a {
  color: #000 !important;
}

.ailoader {
  position: absolute;
  top: 0;
  right: -30px;
  width: 4%;
  display: none;
}

</style><link rel="stylesheet" href="/css/bootstrap.min.css?v=1"/><link rel="stylesheet" href="/css/style.css?v=32"/><link rel="stylesheet" href="/css/jquery.mCustomScrollbar.css"/><link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<style>
 body {
  height: 100vh !important;
   font-family: "DM Sans", sans-serif;
 
  font-weight: 400 !important;
}

#calendar,
#calendar2,
#calendar3 {
  border: 1px solid #dfdfdf;
   font-family: "DM Sans", sans-serif;  
  font-size: 14px;
  color: #404040;
}

.design {
  position: fixed;
  top: 45%;
  right: 1%;
  z-index: 1234567;
}

.hide {
  display: none;
}

.popover-content {
  width: 100%;
  background: #337ab7;
  border-radius: inherit;
}


#closer_videopopup {
  top: 18% !important;
  color: #ff9900 !important;
}

video {
  top: 20% !important;
}

.alert-warning {
  width: 99%;
}

.html5-endscreen {
  display: none;
}

.video-responsive {
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
  width: 100%;
  height: 0;
}

.video-responsive iframe {
  height: 100%;
  width: 100%;
  position: absolute;
}



.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #000 !important;
  font-size: 16px;
  font-weight: 1000;
  background-color: #fff !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 3px solid #06c !important;
  padding:2px;
}

.nav-tabs>li>a {
    color: grey !important;
    font-size: 16px;
    font-weight: 500;
}

.control-label {
  text-align: left;
}

.rate {
    pointer-events: none;
  }
  .main .nav li {
    width: 33% !important;
  }
  /* Global */

/* Thumbnail Box */

.caption h5 {
  font-weight: bold;
  color: #fff;
  background: #06c;
  padding: 5px;
}

.box-part {
  background: #FFF;
  border-radius: 0;
  padding: 5px !important;
  margin: 0px !important;
  color: #797979 !important;
}

.text {
  text-align: left;
}

.fa-3x {
  font-size: 3em;
}

.caption p {
  color: #999;
}

.thumbnails li {
  border-radius: 4px;
  margin: 5px;
}

/* Carousel Control */

.control-box {
  text-align: right;
  width: 100%;
  border: 1px solid lightgrey;
}

.carousel-control {
  background: #666;
  border: 0px;
  border-radius: 0px;
  display: inline-block;
  font-size: 34px;
  font-weight: 200;
  line-height: 18px;
  opacity: 0.5;
  padding: 4px 10px 0px;
  position: static;
  height: 30px;
  width: 15px;
}

li {
  list-style-type: none;
}

::selection {
  background: #ff5e99;
  color: #FFFFFF;
  text-shadow: 0;
}

::-moz-selection {
  background: #ff5e99;
  color: #FFFFFF;
}

.footer-p1 {
  color: #fff !important;
  font-size: 20px !important;
}

.white {
  color: #fff !important;
}

.marquee {
  width: 50%;
  margin: 0 auto;
}

.login-form-1 {
  padding: 3% !important;
}

.login-form-1 h3 {
  text-align: center;
  color: #333;
}

.login-form-2 {
  padding: 2%;
  background: #06c;
}

.login-form-2 h3 {
  text-align: center;
  color: #fff;
}

.login-container form {
  padding: 3%;
}

.btnSubmit {
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  border: none;
  cursor: pointer;
}

.login-form-1 .btnSubmit {
  font-weight: 600;
  color: #fff;
  background-color: #06c;
}

.login-form-2 .btnSubmit {
  font-weight: 600;
  color: #fff !important;
  background-color: #000;
}

.login-form-2 .ForgetPwd {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.login-form-1 .ForgetPwd {
  color: #06c;
  font-weight: 600;
  text-decoration: none;
}

.title {
    background: #06c !important;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    text-align: left;
    line-height: 1;
}

.subtitle {
    color: #000;
    padding: 5px;
    font-size: 12px;
    text-align: left;
    line-height: 1;
}
    
.title_new{
  background: #06c;
  color: #fff;
  padding: 10px;
  font-size: 30px;
  text-align: left;
  line-height:1;
}

.servicetitle {
  text-align: center;
  text-decoration: none;
  color: #06c !important;
}

.porttitle {
  background: #06c;
  color: #fff;
  padding: 5px;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.positionwp {
  position: fixed !important;
  bottom: 0% !important;
  right: 1% !important;
}

.ui-datepicker {
  z-index: 99999 !important;
  display: none;
}

.grandtotal {
  font-size: 20px;
  color: #000 !important;
}

input::placeholder {
  color: #000 !important;
}

#loader {
  position: fixed;
  top: 35%;
}

.mapboxgl-popup {
  max-width: 600px !important;
}

.mapboxgl-popup-content {
  overflow-y: scroll;
  padding: 0 !important;
}

.mapboxgl-popup-close-button {
  position: fixed !important;
  right: 0px !important;
  top: 0px !important;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent;
  z-index: 999999;
  background: #000 !important;
  color: #fff !important;
  font-size: 20px !important;
  padding: 5px !important;
  font-weight: bold !important;
  display:none;
}

.mapboxgl-popup-close-button:hover {
  background-color: #06c !important;
}

.navbar-toggler {
    left: 5% !important;
    background-color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

.ml-auto {
  margin-left: inherit !important;
}

.roundstatus {
  height: 11px;
  width: 6%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 48px;
}

.ui-autocomplete {
  padding: 0;
  list-style: none;
  background-color: #fff;
  width: 218px;
  border: 1px solid #B0BECA;
  max-height: 350px;
  overflow-x: hidden;
  z-index: 9999;
}

.ui-autocomplete li {
  padding: 10px;
  font-size: 18px;
}

.ui-autocomplete li:hover,
.ui-autocomplete li:focus,
.ui-autocomplete li:active {
  background-color: #06c;
  color: #fff;
}

.ui-autocomplete .ui-menu-item {
  border-top: 1px solid #B0BECA;
  display: block;
  padding: 4px 6px;
  color: #353D44;
  cursor: pointer;
}

.ui-autocomplete .ui-menu-item:first-child {
  border-top: none;
}

.ui-autocomplete .ui-menu-item.ui-state-focus {
  background-color: #D5E5F4;
  color: #161A1C;
}
  
 .sitelockposition{
    position: fixed;z-index: 1000;bottom: 20px; right: 20px;
  }
  
.bimcoposition{
    z-index: 5;
    width: 15%;
  }
  
  
  .bimcoimage{
    width:60%;
    float: right;
  }
  
  #showemailbox{
        background:#efefef;
        margin:0 auto;
        text-align:center;
        display:none;
        position: fixed !important;
        z-index: 5;
        bottom: 55%;
        width: 75%;
        right: 15%;
  }
  
  .closebox{
        background: red;
        color: #fff;
        padding: 0px;
        float: right;
        font-size: 20px;
        width: 35px;
        border-radius:30px;
  }
</style><!-- Bootstrap 4 CSS --><link rel="stylesheet" type="text/css" href="/Bootstrap/dist/css/bootstrap.css?v=3"><!-- Main Styles CSS --><link rel="stylesheet" type="text/css" href="/css/main.css?v=10">

  <style>[class^="olymp-"],
[class*=" -icon"] {
  fill: #000;
}

/* MEDIA QUERY*/

@media (min-width: 300px) and (max-width: 567px) {
    
    .navbar {
        min-height: 75px !important;
    }
    
    #agency_form{
        margin-top:5% !important;
    }
    
    .uploadattachenquiry{
        position: fixed !important;
        z-index: 5;
        bottom: 0%;
        width: 50%;
        right: 0%;
        background:#06c;
        height: 55px;
    }
    
    .livechatposition p{
        color : #fff !important;
        font-size:13px !important;
    }
    
    .uploadattachenquiry p{
        color : #fff !important;
        font-size:13px !important;
    }
    
    .uploadattachenquiryimage{
        display:none !important;
    }
    
    .livechatposition {
        position: fixed !important;
        z-index: 5;
        bottom: 0%;
        left: 0%;
        width: 100%;
        background:green;
        height: 50px;
    }
    
    
    
    .livechatpositionimage{
        display:none !important;
    }
    
    .loaderhome{
        position: absolute;
        top: 28%;
        left: calc(100% - 65%);
        width: 35%;
    }
    
    .multilanguage {
        z-index: 111;
        position: fixed;
        bottom: 6%;
        left: 1%;
        width: 30%;
    }
   
    
    #map_canvas {
      width: 100%;
      height: 38vh;
      position: relative;
    }

.product{
      font-size: 12px !important;
      color:#000;
      background:#efefef !important;
      text-align:left;
      padding:5px;
      margin:0;
      word-break: break-all;
  }
  
  .subcatname{
      font-size: 10px !important;
      color:lightgrey;
      text-align:left;
      font-style: italic;
      margin:0;
  }


.headertitle {
    color: #fff !important;
    padding: 7px !important;
    margin: 0;
    font-size: 10px !important;
}

.bannertext{
     padding-top: 17%
}
  
  .sitelockimage{
    width:65%;
  }
  
  .bimcoposition{
    z-index: 1000;
    width:50%;
  }
  
 .bimcoimage{
    width:25%;
    float: left;
  }
  
  
  .sitelockposition{
    position: fixed;z-index: 1000;bottom: 1%; right: -25px;
  }
  
  .whatsapp{
    width: 50%;
  }
  
  #site-header{
    position:absolute !important;
    top:1% !important;
    width:100% !important;
    background:#000 !important;    
    z-index: 9;
  }
  .socialnetwork {
    display: none;
  }
  .nav-tabs li {
    width: 50%;
  }
   .followbutton{
    position:fixed !important;
    top:79% !important;
    right:0 !important;
  }
  .posfixed img {
    display: none;
  }
  .posfixedmobile {
    display: block;
  }
  header .control-block {
    position: absolute;
    right: 5%;
    top: 15px;
  }
  .tagline2{
        font-size: 15px !important;
        text-align: center !important;
        color: #fff !important;
        padding: 2px 20px 2px 20px !important;
        margin: 0;
  }
  .bestprice{
      font-size:9px !important;
  }
  
  .logo-w3ls {
    margin: 0 !important;
  }
  .clogo img {
    height: 44px !important;
  }
  
  .shopatnextport{
    width: 55%;
    position: absolute;
    right: 5%;
    top: 2%;
  }
  
  .clogo {
    top: -22px;
    left: 0px;
  }
  .popup-inner {
    /*         left:48%; */
    height: auto;
  }
  .userpost {
    padding: 10px;
  }
  .breakdownloader img {
    width: 20%;
  }
  .page-header,
  .control-box {
    text-align: center;
  }
  .caption {
    word-break: break-all;
  }
  .footer {
    height: 135px !important;
  }
  .mobile {
      width: 100% !important;
      margin: 0 auto !important;
      bottom: 0% !important;
      height: calc(65%) !important;
      z-index: 3;
      /* left: 2px; */
      position: fixed;
      border-radius: 0px;
  }
  
  .majorports {
    position: absolute !important;
    left: 9%;
    top: 15px;
    z-index: 1000;
    width: 85%;
  }
  .majorports div div a {
    padding: 5px;
    background: #fff;
    color: #000 !important;
    border: 1px solid #fff;
    margin-right: 1%;
    font-size: 20px;
  }
  
  body{
    overflow-x: hidden !important;
    width: 100% !important;
    font-weight:400 !important;
  }
 .widget-pane-toggle-button-container-close {
    position: absolute;
    z-index: 1001;
    top: 0px !important;
    /* right: 3.5% !important; */
    left: 36%;
    border: 0;
    width: 25%;
    bottom: 700px;
    display:none !important;
  }
  .widget-pane-toggle-button-container-open {
    position: absolute;
    z-index: 10001;
    top: calc(100% - 70px) !important;
    left: 2%;
    width: 100%;
    display: none !important;
  }
  .nav-justified .nav-item{
    flex-basis: 1;
  }
  .map_ports {
    position: absolute !important;
    z-index: 99;
    left: 1px !important;
    top: 1% !important;
    padding-left: 0;
  }
  
  .sidelabelfront {
    padding: 5px 2px 2px 2px !important;
    height: 26px;
    width: 90px;
    top: 1px;
    font-size: 13px;
    z-index: 9;
}
  .multisteps-form__progress-btn {
    text-indent: 0 !important;
    font-size: 15px !important;
  }
  
  .displayports{
    width: 100%;
    font-size: 20px;
    z-index: 99999;
    height : 450px !important;
  }
  .mobileinner {
    height: 400px !important;
    padding: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media (min-width: 1024px) {
    .bestprice{
      font-size:18px !important;
    }
    
    #agency_form{
        margin-top:2% !important;
    }
  
    .shopatnextport{
        width: 50%;position:absolute;right: 23%;top:2%
    }
    
    .livechatposition{
        position: fixed !important;
        z-index: 5;
        bottom: 1%;
        width: 10%;
        right: 0%;
    }
  
  
  .livechatpositionimage{
    width:30%;
    margin: 0 auto;
  }
  
  .uploadattachenquiry{
        position: fixed !important;
        z-index: 5;
        bottom: 1%;
        width: 10%;
        left: 0%;
  }
  
  .uploadattachenquiryimage{
    width:30%;
    margin: 0 auto;
  }
  
  .onlineanswer{
    color: #fff !important;
    background: #06c;
    padding: 3px;
    font-size: 11px !important;
  }
  
    
    .multilanguage{
        z-index:111;
        position:fixed;
        bottom: 1%;
        left: 2%;
        width: 10%;
    }
    
     .loaderhome{
        position: absolute;
        top: 21%;
        left: calc(100% - 57%);
        width: 15%;
    }
    
    
  .circle_style{
    background: #06c;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    left: 35%;
  }
  
  
    .headertitle{
        color:#fff !important;
        padding:10px;
        margin: 0;
        font-size:15px !important;
    }
  
  .product{
      font-size: 14px !important;
      color:#000;
      background:#efefef !important;
      text-align:left;
      padding:5px;
      margin:0;
      word-break: break-all;
  }
  
  .subcatname{
      font-size: 12px !important;
      color:lightgrey;
      text-align:left;
      font-style: italic;
      margin:0;
  }
  
    .bannertext{
        padding-top: 0%;
    }
  
  .tagline2 {
    font-size: 45px !important;
    text-align: center !important;
    color: #fff !important;
    padding: 0px !important;
    margin: 0;
}
  
  .mobileinner_cargo_tab {
        height: 650px !important;
    }
  
  
  #site-header{
    width:100%;
    background:#000;position:absolute !important;
    top:0.8% !important;
    width:100% !important;
    background:#000 !important;    
    z-index: 9;
    
  }
  .nav-tabs li {
    width: 50%;
  }
  .nav-justified .nav-item{
    flex-basis: 0;
  }
  .breakdownloader img {
    width: 30%;
  }
   .followbutton{
    position:fixed !important;
    top:83% !important;
    right:0 !important;
  }
  .mobilesocialnetwork {
    width: 97%;
    /*         display:none; */
  }
  .userpost {
    padding: 30px;
  }
  .popup-inner {
    height: auto;
    overflow-x: hidden !important;
  }
}

@media (min-width: 567px) and (max-width: 1024px) {
    
    .livechatposition p{
        color : #fff !important;
        font-size:15px !important;
    }
    
    .uploadattachenquiry p{
        color : #fff !important;
        font-size:15px !important;
    }
    
    .livechatposition {
        position: fixed !important;
        z-index: 5;
        bottom: 0% !important;
        left: 0%;
        width: 100% !important;
        background:green;
    }
    
    .livechatpositionimage{
        display:none !important;
    }
    
    .uploadattachenquiry{
        position: fixed !important;
        z-index: 5;
        bottom: 0% !important;
        width: 50% !important;
        right: 0% !important;
        background:#06c;
    }
      
    .uploadattachenquiryimage{
        display:none !important;
    }
    
    .multilanguage{
        z-index:111;
        position:fixed;
        bottom: 5% !important;
        left: 2% !important;
        width: 30% !important;
    }
    
    .loaderhome{
        position: absolute;
        top: 20%;
        left: calc(100% - 58%);
        width: 25%;
    }
    
        .headertitle{
            color:#fff !important;
            padding:10px;
            margin: 0;
            font-size:12px !important;
        }
    
.product{
      font-size: 12px !important;
      color:#000;
      background:#efefef !important;
      text-align:left;
      padding:5px;
      margin:0;
      word-break: break-all;
  }
  
  .subcatname{
      font-size: 10px !important;
      color:lightgrey;
      text-align:left;
      font-style: italic;
      margin:0;
  }

    
    .bannertext{
            padding-top: 8%
    }
    
    .container {
        max-width: 90% !important;
    }
    
    .shipchandlerenquiry {
            background-color: #fff !important;
            background: url(/images/are_you_shipchandler.gif);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            padding: 10%;
            width: 100%;
            height:200px;
        }
    
    .tagline2 {
        font-size: 35px !important;
        text-align: center !important;
        color: #fff !important;
        padding: 0px !important;
        margin: 0;
    }
  
  #site-header{
    position:absolute !important;
    top:1.5% !important;
    width:100% !important;
    background:#000 !important;    
    z-index: 9;
  }
  .nav-tabs li {
    width: 33%;
  }
  .nav-justified .nav-item{
    flex-basis: 1;
  }
  .footer {
    height: 90px !important;
  }
  header .control-block{
    right:35px !important;
  }
   .followbutton{
    position:fixed !important;
    top:79% !important;
    right:0 !important;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .mobile {
    top: 13% !important;
    height: 580px !important;
    width: 94% !important;
  }
  .mobileinner {
    height: 480px !important;
  }
  .widget-pane-toggle-button-container-close {
    position: absolute;
    z-index: 99;
    top: 13.5% !important;
    left: 19% !important;
    border: 0;
    width: 10%;
  }
  .widget-pane-toggle-button-container-open {
    position: absolute;
    z-index: 99;
    top: 75% !important;
    left: 2% !important;
  }
  .map_ports {
    position: absolute !important;
    z-index: 99;
    top: 7% !important;
    padding-left: 0;
  }
  .roundstatus {
    height: 11px;
    width: 6% !important;
    border-radius: 50%;
    position: absolute;
    left: 12px !important;
    top: 47px;
  }
  .clogo img {
    height: 42px !important;
  }
  
  .shopatnextport{
    width: 55%;
    position: absolute;
    right: 5%;
    top: 2%;
  }
  
  .clogo {
    top: -30px;
    left: 0px;
  }
}

.col-xs-6 {
  width: 50% !important;
}

.profilepic {
  border-radius: 100%;
  overflow: hidden;
  margin-right: 12px;
  background: #06c;
  color: #fff;
  font-size: 15px;
  padding: 5px;
  text-align: center;
}

</style><style>.slick-slide {
  margin: 0px 20px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide a {
  display: block;
}

.slick-slide.slick-loading a {
  display: none;
}

.slick-slide.dragging a {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide {
  transition: all ease-in-out .3s;
}

/*.slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }*/

.more-dropdown {
  z-index: 99999;
}

</style>
  <style>
 
  #inmailmessage {
  position: absolute;
  top: 40%;
  left: 15px;
  background: #000;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 20px;
  z-index: 99999;
  color: #fff;
  display: none;
}

.topbuttons {
  border-bottom: 1px solid lightgrey;
  margin-bottom: 2%;
  padding-bottom: 0%;
}

.topbuttons a.active {
  border-bottom: 3px solid #06c;
  padding-bottom: 7px;
  color: #06c !important;
  transition: 0s;
}

.topbuttons a {
  color: grey !important;
  font-size: 14px;
  text-align: center;
}

.vesselslider {
  background: #fff;
  color: #000;
  border: 2px solid lightgrey;
  padding: 0px;
}

.tradinglogos {
  width: 150px !important;
  height: 75px !important;
}
  
 .btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #06c;
    border: none;
    cursor: pointer;
    margin-right: 6%;
    background-color: white;
    color: blue;
    margin-top: 4%;
}
.register .nav-tabs .nav-link:hover{
    border: none;
}
.text-align{
    margin-top: -3%;
    margin-bottom: -9%;

    padding: 10%;
    margin-left: 30%;
}
.form-new{
    margin-right: 22%;
    margin-left: 20%;
}
.register-heading{
    margin-left: 21%;
    margin-bottom: 10%;
    color: #e9ecef;
}
.register-heading h1{
    margin-left: 21%;
    margin-bottom: 10%;
    color: #e9ecef;
}
.btnLoginSubmit{
    border: none;
    padding: 2%;
    width: 25%;
    cursor: pointer;
    background: #29abe2;
    color: #fff;
}
.btnForgetPwd{
    cursor: pointer;
    margin-right: 5%;
    color: #f8f9fa;
}
  
.nav-tabs .nav-link{
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: white;
  padding:2px !important;
}


  section.our-contacts .form-control{
    padding-left: 5px;
    color: #06c !important;
    font-weight:500;
  }
  .ps > .ps__scrollbar-y-rail{
    opacity:1 !important;
  }
  
  .container, .container-fluid {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
</style>

<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
<link rel="shortcut icon" href="/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
<link rel="manifest" href="/favicon/site.webmanifest" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
  <!-- STEPS CSS -->
  <style>
    .bs-wizard {margin-top: 40px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #000; font-size: 15px;height: 60px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 26px; height: 25px; display: block; background: #06c; top: 72px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fff; border-radius: 50px; position: absolute; top: 6px; left: 6px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 2px; box-shadow: none; margin: 10px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #06c;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5fbff;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/
    
  /* START TABS FOR LOAD PORT AND DISCHARGE PORT */
  .project-tab #tabs{
      background: #007b5e;
      color: #eee;
  }
  .project-tab #tabs h6.section-title{
      color: #eee;
  }
  .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      color: #06c;
      background-color: transparent;
      border-color: transparent transparent #f3f3f3;
      border-bottom: 3px solid !important;
      font-size: 16px;
      font-weight: bold;
  }
  .project-tab .nav-link {
      border: 1px solid transparent;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem;
      color: #06c;
      font-size: 16px;
      font-weight: 600;
  }
  .project-tab .nav-link:hover {
      border: none;
  }
  .project-tab thead{
      background: #f3f3f3;
      color: #333;
  }
  .project-tab a{
      text-decoration: none;
      font-weight: 600;
  }
  #html_element div,#ships_html_element div{
      margin: 0 auto;
  }
  
  
  
  .paragraph{
      font-size: 11px !important;
      color:lightgrey;
      text-align:left;
      font-style: italic;
      margin:0;
  }
  
  
    
    
    /* Button styling */
    .contact-us-btn {
        position: fixed;
        bottom: 20px; /* Distance from the bottom of the screen */
        right: 20px;  /* Distance from the right of the screen */
        background-color: #FFA500; /* Light orange background */
        color: white;
        font-size: 14px;
        padding: 10px 20px;
        border: none;
        border-radius: 25px;
        cursor: pointer;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }
    
    .contact-us-btn:hover {
        background-color: #ff8c00; /* Darker orange when hovered */
        transform: scale(1.05); /* Slightly enlarges the button */
    }
    
    /* Smooth transition effect */
    html, body {
        transition: all 0.6s ease;
    }
    

  
  
  </style>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <style type="text/css">

a.gflag {vertical-align:middle;font-size:22px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/32.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(/images/32a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}

author-page author{
    display:none;
}
</style>
  <!--<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
</script>-->
<script type="text/javascript" src="/js/element.js"></script>


<script type="text/javascript">
/* <![CDATA[ */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
/* ]]> */
</script>

<style>
    .ck.ck-editor__editable_inline{
            border: 1px solid #000 !important;
    }
</style>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1LPSM1Y2BE"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-1LPSM1Y2BE');
</script>


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YK02C8JXTX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-YK02C8JXTX');
</script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<script src="https://cdn.ckeditor.com/ckeditor5/23.1.0/classic/ckeditor.js"></script>
  </head><body>
      
    <div class="col-lg-12" id="loader" style="display:none;">
      <div class="col-lg-2"></div>
      <div class="col-lg-8"><img class="loader" src="/images/processing.gif"></div>
      <div class="col-lg-2"></div>
    </div>
    <div class="col-lg-12" style="padding:0;">
        <div class="col-lg-12 col-md-12 col-sm-12"  style="padding-right:0;">
            <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"
        integrity="sha512-DNeDhsl+FWnx5B1EQzsayHMyP6Xl/Mg+vcnFPXGNjUZrW28hQaa1+A4qL9M+AiOMmkAhKAWYHh1a+t6qxthzUw=="
        crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.min.css"
        integrity="sha512-yye/u0ehQsrVrfSd6biT17t39Rg9kNc+vENcCXZuMz2a+LWFGvXUnYuWUW6pbfYj1jcBb/C39UZw2ciQvwDDvg=="
        crossorigin="anonymous" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"
        integrity="sha512-BNZ1x39RMH+UYylOW419beaGO0wqdSkO7pi1rYDYco9OL3uvXaC/GTqA5O4CVK2j4K9ZkoDNSSHVkEQKkgwdiw=="
        crossorigin="anonymous"></script>-->
<style>
.popup-inner{
	padding: 0px !important; 
	max-width: 95% !important;
	height:350px !important;
	top:45% !important;
	left: 48% !important;
}

.iti__country-list{
    height:135px !important;
    width: 250px;
}
.iti__country-list{
    z-index: 99999 !important;
    top: 0 !important;
}
</style>
<div class="popup" data-popup="popup-loginandsignup" style="display:none;">
	<div class="popup-inner" style="height:500px !important;overflow-y:scroll;background:#06c !important">
      <div class="login-container row jf-signup-form" style="height:500px !important;padding:0;">
              <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 login-form-1"  style="padding:30px !important;background: #fff;">
                  <h3>Login</h3>
                  
					<span id="loginhead" style="color:white;margin:0 2;text-align:center;padding: 5px;background: green;display:none;"></span>
                  
                      <div class="form-group">
                          <input type="hidden" name="token" id="logintoken" value="df6d322f81960ace54b67ebef4c2b195bb42da806e0fb8253357f2ae4f154fee">
                          <input type="hidden" name="current_page" id="current_page" value="/engine-systems/engine-turbocharger-gasket-sets/marine-butane-cylinders/ross-dependency">
                          <input type="text" class="form-control" placeholder="Your Email *" name="username" id="useremail" />
                      </div>
                      <div class="form-group">
                          <input type="password" class="form-control" placeholder="Your Password *" name="password" id="userpassword" />
                      </div>
                      <div class="form-group text-center">
                        <input type="submit" onclick="if(validate(['useremail', 'userpassword'])==true) return true" name="login" value="Login" class="btn btn-primary btnSubmit1" style="border:none;"> 
                      </div>
                      <div class="form-group text-center">
                          <a href="javascript:void(0)" onclick="popupopen('popup-forgotpassword')" class="ForgetPwd">Forgot Password?</a>
                      </div>
                  
              </div>
              <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 login-form-2"   style="padding:30px !important">
                  <h3>Free Registeration</h3>
					<div id="head" style="color:#fff;margin:0 2;padding: 5px;background: red;display:none;margin-bottom:5px;"></div>
                  
                <div class="form-group label-floating is-select"  id="role">
                      <label class="control-label">Select Your Role</label>
                      <select id="userrole" class="select">
			            <option value="3" selected="selected">Ship Owner / Manager / Operator</option>
			            <option value="12">Ship Master</option>
                        <option value="10">Ship Chandler</option>
                      </select>
                </div>
                <div class="form-group" id="country" style="display:none;">
                  <select id="countryselect" class="form-control countryselect">
                    <option selected value="0">Select Your Agency Location</option>';
                    <option value="194">Abkhazia</option><option value="300">Afghanistan</option><option value="258">Aland</option><option value="301">Albania</option><option value="1">Algeria</option><option value="238">American Samoa</option><option value="4">Andorra</option><option value="5">Angola</option><option value="223">Anguilla</option><option value="6">Antigua and Barbuda</option><option value="7">Argentina</option><option value="8">Armenia</option><option value="259">Aruba</option><option value="262">Ascension</option><option value="201">Ashmore and Cartier Islands</option><option value="9">Australia</option><option value="268">Australian Antarctic Territory</option><option value="10">Austria</option><option value="11">Azerbaijan</option><option value="12">Bahamas</option><option value="13">Bahrain</option><option value="239">Baker Island</option><option value="14">Bangladesh</option><option value="15">Barbados</option><option value="16">Belarus</option><option value="17">Belgium</option><option value="18">Belize</option><option value="19">Benin</option><option value="224">Bermuda</option><option value="20">Bhutan</option><option value="21">Bolivia</option><option value="22">Bosnia and Herzegovina</option><option value="23">Botswana</option><option value="216">Bouvet Island</option><option value="24">Brazil</option><option value="40">Brazzaville</option><option value="272">British Antarctic Territory</option><option value="225">British Indian Ocean Territory</option><option value="227">British Virgin Islands</option><option value="25">Brunei</option><option value="26">Bulgaria</option><option value="27">Burkina Faso</option><option value="28">Burundi</option><option value="29">Cambodia</option><option value="30">Cameroon</option><option value="31">Canada</option><option value="32">Cape Verde</option><option value="228">Cayman Islands</option><option value="33">Central African Republic</option><option value="34">Chad</option><option value="35">Chile</option><option value="36">China</option><option value="202">Christmas Island</option><option value="215">Clipperton Island</option><option value="203">Cocos (Keeling) Islands</option><option value="305">Colombia</option><option value="38">Comoros</option><option value="217">Cook Islands</option><option value="204">Coral Sea Islands</option><option value="41">Costa Rica</option><option value="43">Croatia</option><option value="44">Cuba</option><option value="45">Cyprus</option><option value="46">Czech Republic</option><option value="39">Democratic Republic of the Congo</option><option value="47">Denmark</option><option value="48">Djibouti</option><option value="49">Dominica</option><option value="50">Dominican Republic</option><option value="51">Ecuador</option><option value="52">Egypt</option><option value="53">El Salvador</option><option value="54">Equatorial Guinea</option><option value="55">Eritrea</option><option value="56">Estonia</option><option value="57">Ethiopia</option><option value="229">Falkland Islands (Islas Malvinas)</option><option value="252">Faroe Islands</option><option value="58">Fiji</option><option value="59">Finland</option><option value="60">France</option><option value="254">French Guiana</option><option value="208">French Polynesia</option><option value="214">French Southern and Antarctic Lands</option><option value="61">Gabon</option><option value="62">Gambia</option><option value="63">Georgia</option><option value="64">Germany</option><option value="65">Ghana</option><option value="230">Gibraltar</option><option value="66">Greece</option><option value="253">Greenland</option><option value="67">Grenada</option><option value="255">Guadeloupe</option><option value="240">Guam</option><option value="68">Guatemala</option><option value="220">Guernsey</option><option value="69">Guinea</option><option value="70">Guinea-Bissau</option><option value="71">Guyana</option><option value="72">Haiti</option><option value="205">Heard Island and McDonald Islands</option><option value="73">Honduras</option><option value="250">Hong Kong</option><option value="241">Howland Island</option><option value="74">Hungary</option><option value="75">Iceland</option><option value="76">India</option><option value="77">Indonesia</option><option value="78">Iran</option><option value="79">Iraq</option><option value="80">Ireland</option><option value="221">Isle of Man</option><option value="82">Italy</option><option value="42">Ivory Coast</option><option value="83">Jamaica</option><option value="84">Japan</option><option value="242">Jarvis Island</option><option value="222">Jersey</option><option value="243">Johnston Atoll</option><option value="85">Jordan</option><option value="86">Kazakhstan</option><option value="87">Kenya</option><option value="244">Kingman Reef</option><option value="88">Kiribati</option><option value="89">Korea, North</option><option value="91">Kuwait</option><option value="92">Kyrgyzstan</option><option value="93">Laos</option><option value="94">Latvia</option><option value="95">Lebanon</option><option value="96">Lesotho</option><option value="97">Liberia</option><option value="98">Libya</option><option value="99">Liechtenstein</option><option value="100">Lithuania</option><option value="101">Luxembourg</option><option value="251">Macau</option><option value="102">Macedonia</option><option value="103">Madagascar</option><option value="104">Malawi</option><option value="105">Malaysia</option><option value="106">Maldives</option><option value="107">Mali</option><option value="108">Malta</option><option value="109">Marshall Islands</option><option value="256">Martinique</option><option value="110">Mauritania</option><option value="111">Mauritius</option><option value="209">Mayotte</option><option value="112">Mexico</option><option value="113">Micronesia</option><option value="245">Midway Islands</option><option value="114">Moldova</option><option value="115">Monaco</option><option value="116">Mongolia</option><option value="117">Montenegro</option><option value="231">Montserrat</option><option value="118">Morocco</option><option value="119">Mozambique</option><option value="120">Myanmar Burma</option><option value="196">Nagorno-Karabakh</option><option value="121">Namibia</option><option value="122">Nauru</option><option value="246">Navassa Island</option><option value="123">Nepal</option><option value="124">Netherlands</option><option value="260">Netherlands Antilles</option><option value="207">New Caledonia</option><option value="125">New Zealand</option><option value="126">Nicaragua</option><option value="127">Niger</option><option value="128">Nigeria</option><option value="218">Niue</option><option value="206">Norfolk Island</option><option value="197">Northern Cyprus</option><option value="236">Northern Mariana Islands</option><option value="129">Norway</option><option value="130">Oman</option><option value="131">Pakistan</option><option value="132">Palau</option><option value="247">Palmyra Atoll</option><option value="133">Panama</option><option value="134">Papua New Guinea</option><option value="135">Paraguay</option><option value="136">Peru</option><option value="270">Peter I Island</option><option value="137">Philippines</option><option value="232">Pitcairn Islands</option><option value="138">Poland</option><option value="139">Portugal</option><option value="198">Pridnestrovie (Transnistria)</option><option value="237">Puerto Rico</option><option value="140">Qatar</option><option value="271">Queen Maud Land</option><option value="257">Reunion</option><option value="141">Romania</option><option value="269">Ross Dependency</option><option value="142">Russia</option><option value="143">Rwanda</option><option value="210">Saint Barthelemy</option><option value="233">Saint Helena</option><option value="144">Saint Kitts and Nevis</option><option value="145">Saint Lucia</option><option value="211">Saint Martin</option><option value="212">Saint Pierre and Miquelon</option><option value="146">Saint Vincent and the Grenadines</option><option value="147">Samoa</option><option value="148">San Marino</option><option value="149">Sao Tome and Principe</option><option value="150">Saudi Arabia</option><option value="151">Senegal</option><option value="152">Serbia</option><option value="153">Seychelles</option><option value="154">Sierra Leone</option><option value="155">Singapore</option><option value="156">Slovakia</option><option value="157">Slovenia</option><option value="158">Solomon Islands</option><option value="159">Somalia</option><option value="199">Somaliland</option><option value="160">South Africa</option><option value="234">South Georgia & South Sandwich Islands</option><option value="90">South Korea</option><option value="200">South Ossetia</option><option value="161">Spain</option><option value="162">Sri Lanka</option><option value="163">Sudan</option><option value="164">Suriname</option><option value="261">Svalbard</option><option value="165">Swaziland</option><option value="166">Sweden</option><option value="167">Switzerland</option><option value="168">Syria</option><option value="195">Taiwan</option><option value="169">Tajikistan</option><option value="170">Tanzania</option><option value="171">Thailand</option><option value="172">Timor-Leste (East Timor)</option><option value="173">Togo</option><option value="219">Tokelau</option><option value="174">Tonga</option><option value="175">Trinidad and Tobago</option><option value="176">Tunisia</option><option value="177">Turkey</option><option value="178">Turkmenistan</option><option value="235">Turks and Caicos Islands</option><option value="179">Tuvalu</option><option value="248">U.S. Virgin Islands</option><option value="180">Uganda</option><option value="181">Ukraine</option><option value="182">United Arab Emirates</option><option value="183">United Kingdom</option><option value="184">United States</option><option value="185">Uruguay</option><option value="186">Uzbekistan</option><option value="187">Vanuatu</option><option value="188">Vatican City</option><option value="189">Venezuela</option><option value="190">Vietnam</option><option value="249">Wake Island</option><option value="304">Wales</option><option value="213">Wallis and Futuna</option><option value="303">Yemen</option><option value="191">Yemen</option><option value="192">Zambia</option><option value="193">Zimbabwe</option>                  </select>
                  <span id="country_err" style="color:#fff;margin:0 2;padding: 5px;background: red;display:none;margin-top:5px;"></span>
                </div>
                <div class="form-group">
                  <input type="hidden" id="token" value="df6d322f81960ace54b67ebef4c2b195bb42da806e0fb8253357f2ae4f154fee">
                  <input type="text" class="form-control" placeholder="Your Corporate Email*" name="email" id="signupemail" autocomplete="off" />
                  <div id="p2" style="color:#fff;margin:0 2;padding: 5px;background: red;display:none;margin-top:5px;"></div>
                </div>
                <div class="form-group">
                  <input type="password" class="form-control" placeholder="Your Password *" name="password"  id="signuppassword" />
                  <div id="p3" style="color:#fff;margin:0 2;padding: 5px;background: red;display:none;margin-top:5px;"></div>
                </div>
                <div class="form-group"  id="signup_contact" style="position:relative;">
                  <input type="text" maxlength="16" class="form-control" name="contact" placeholder="WhatsApp / Mobile *" id="signupcontact" />
                  <!--<input type="text" id="dialcode" hidden>-->
                  <div id="p4" style="color:#fff;margin:0 2;padding: 5px;background: red;display:none;margin-top:5px;"></div>
                </div>
                <div class="form-group" id="portnames" style="display:none;">
                  <input type="text" class="form-control" name="portnames" placeholder="List of ports which you can supply *" id="port_names" />
                  <div id="p6" style="color:#fff;margin:0 2;padding: 5px;background: red;display:none;margin-top:5px;"></div>
                </div>
                <div class="form-group mb-3 formFileMultiple" style="display:none;">
                  <label for="formFileMultiple" class="form-label" style="color:#fff !important;">Upload List Of Items/Provisions/Technical Store (* Select Single / Multiple Excel Sheets)</label>
                  <input class="form-control" type="file" id="formFileMultiple" multiple>
                </div>
                <div class="form-group text-center">
                  <a href="javascript:void(0)" onclick="signup()" class="btn btn-primary btnSubmit"  style="border:none;">Sign Up</a>
                </div>
              </div>
        <span id="page" data-page='home'></span>
        </div>
     <a class="popup-close" data-popup-close="popup-registerstep" onclick="popupclose('popup-loginandsignup')" href="javascript:void(0);">x</a>

     </div>
   </div>
<script>
  
  function validateuser(){
    var email=document.getElementById('useremail').value;
		var password=document.getElementById('userpassword').value;
    $.ajax({
			type: 'post',
			url: '/users/validateuser',
			data: "email="+email+"&password="+password,
			success: function (response) {
			  if(response=='success'){
          return true;
			  }else{
				$( "#head" ).text( response );
				$( "#head" ).show();
				$( "#loginhead" ).hide();
				 $.ajax({
					type: 'post',
					url: '/users/gettoken',
					success: function (response) {
					  $( "#token" ).val( response );
					}
				  });
			  }
			}
		  });
  }
  function signup() {
	  if(	formValidation()==true	) {
		
		var e = document.getElementById("userrole");
		var role = e.options[e.selectedIndex].value;
		var email=document.getElementById('signupemail').value;
		var password=document.getElementById('signuppassword').value;
		var contact=document.getElementById('signupcontact').value;
        /*var dialcode = document.getElementById('dialcode').value;
        var contact = "("+dialcode+")"+tel;*/
        var f=document.getElementById('countryselect');
        var countryselect = f.options[f.selectedIndex].value;
		var token=document.getElementById('token').value;
		var port_names=document.getElementById('port_names').value;
		/* UPLOAD FILE */
		var data = new FormData();
        var files = $('#formFileMultiple')[0].files;
        // Check file selected or not
        if(files.length > 0 ){
            $.each(files, function(i, file) {
                data.append('file[]', file);
            });
        }
        
        if(role==10 && port_names==''){
            $( "#p6" ).text('Port names is manadatory*');
            $( "#p6" ).show();
            return;
        }else{
            $( "#p6" ).hide();
        }
        
        data.append('email', email);
        data.append('password', password);
        data.append('role', role);
        data.append('token', token);
        data.append('contact', contact);
        data.append('countryselect', countryselect);
        data.append('port_list', port_names);
        
      $.ajax({
        type: 'post',
        url: '/users/signup',
        cache: false,
        contentType: false,
        processData: false,
        data: data,
        success: function (response) {
          if(response=='success'){
          $( "#loginhead" ).text( "Successfully registered, please login now." );
          $( "#loginhead" ).show();
          $( "#head" ).hide();
          $.ajax({
            type: 'post',
            url: '/users/gettoken',
            success: function (response) {
              $( "#logintoken" ).val( response );
            }
            });
          }else{
          $( "#head" ).text( response );
          $( "#head" ).show();
          $( "#loginhead" ).hide();
           $.ajax({
            type: 'post',
            url: '/users/gettoken',
            success: function (response) {
              $( "#token" ).val( response );
            }
            });
          }
        }
		  });
	
		}
	}
  
  
  
 /* $("#signupemail").keyup(function (){
    if($(this).val()!=12){
      $("#p2").text("Please enter your corporate email*");
      $("#p2").show();
    }else{
      $("#p2").text("");
      $("#p2").hide();
    }
  });*/
  
  
</script>  
  <script>
   /* var input = document.querySelector("#signupcontact");
    window.intlTelInput(input, {
        separateDialCode: true,
        customPlaceholder: function (
            selectedCountryPlaceholder,
            selectedCountryData
        ) {
            document.getElementById('dialcode').value=selectedCountryData.dialCode;
            return "e.g. " + selectedCountryPlaceholder;
        },
    });*/
</script>        </div>
    </div>
    
    <div class="col-lg-12 m-0 p-0 maincontentbody">
        <!DOCTYPE html>
<html>
<head>
    <title>
         | Shipfeeds
    </title>
    <meta property="og:title" content=" | Shipfeeds" />
    <meta name="description" content="" />
    <meta property="og:description" content="" />
    <meta property="og:site_name" content="Shipfeeds" />
    <link rel="canonical" href="" />
  <style>
  
 /* .livechatposition, .sitelockposition, .bimcoposition{
      display: none !important;
  }*/
  
  html, body {width: auto!important; overflow-x: hidden!important} 
  
.pricing-content li {
	font-size: 13px;
}
  .offer{
    font-size: 13px;
    color:red;
  }
  ul.list-unstyled{
    margin-left: 0 !important;
  }
  .text-center.h3{
      text-transform:capitalize;
  }
  #menutoggle:nth-child(1){
    display:none;
  }
  body{
    background:#fff;
    font-weight:400 !important;
  }
  .pricing-content li{
    text-align: left;
  }
   .highlight{
      background:#fff;
     color:#ff9900 !important;
     font-weight:bold;
    }
  /* Tabs Card */
.tab-card {
  border:1px solid #eee;
}

.tab-card-header {
  background:none;
}
/* Default mode */
.tab-card-header > .nav-tabs {
  border: none;
  margin: 0px;
}
.tab-card-header > .nav-tabs > li {
  margin-right: 2px;
}
.tab-card-header > .nav-tabs > li > a {
  border: 0;
  border-bottom:2px solid transparent;
  margin-right: 0;
  color: #737373;
  padding: 2px 15px;
  text-align:center;
}

.tab-card-header > .nav-tabs > li > a.show {
    border-bottom:2px solid #007bff;
    color: #007bff;
}
.tab-card-header > .nav-tabs > li > a:hover {
    color: #007bff;
}

.tab-card-header > .tab-content {
  padding-bottom: 0;
}
  .nav-tabs li {

    width: 98%;

}
.iframecss{
            width:100%;
          }
  .nav-tabs > li > a{
    background:#fff !important;
  }
    .tab-content>.tab-pane{
      display:block !important;
    }
    p{
        color:#000 !important;
        font-size: 17px !important;
    }
    .tip{
        font-size: 11px !important;
        color: #06c !important;
    }
    .highlight{
        color:#06c;
        font-size:15px;
    }
    
    table tbody  tr , tbody tr td {
        font-size: 13px !important;
        text-align:center !important;
        padding: 5px !important;
    }
    .background{
       background:#06c !important; 
       color:#fff !important;
       padding: 0px;
    }
    @media screen and (max-width: 600px){
        table thead tr th, td{
            background:#fff !important;
            color :#000 !important;
        }
        body{
            font-size: 11px;
        }
        .marketingfunnel{
            background-color: #fff !important;background:url('../images/marketingfunnel.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;height: 800px;
        }
        .leadtocustomers{
            background-color: #fff !important;background:url('../images/LeadToCustomers.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;height: 200px;
        }
        .findoperator{
            background-color: #fff !important;background:url('../images/find_operator.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;width: 75%;padding-top: 100%;
        }
        .item > div{
            display: inline-block;
            padding:10px;
          }
          .right {
              right: -9% !important;
            }
          .item > div{
              width:275px !important;
              height:395px;
              border-radius:3px;
              box-shadow: 1px 2px 1px 1px lightgrey;
              padding: 20px;
          }
          
          .item{
              padding:1% !important;
          }
    }
    
    #portdataTable tr td{
        border-top:0;
        padding: 5px 0px 0px 0px;
    }
    .vessels_list {
        max-height:300px;
    }
        
    #paymentform{
        display:none;
    }
    
        
    .ck-editor{
        width:99% !important;
    }
    
    .white{
        color: #fff !important;
    }
    
    ul li{
        color:#000 !important;
        padding:5px;
    }
</style>
<style>
	    .logo_banner{
	        float:right;
	        margin-right:6%;
	        margin-top:0.4%;
	    }
	    .information p{
	        font-size:17px;
	        color:white;
	    }
	    .tab_bottons:hover{
	        background:#428bca;
	    }
	    .form-control{
            height: 45px; 
            font-size: 12px;
            border: 1px solid lightgrey;
            padding: 10px;
	    }
	    .listimage{
	        width:120px !important;
	    }
	    
	    .heading{
            color: #06c !important;
            font-size: 13px !important;
            padding: 3px 10px;
            margin: 0;
            background: #f7f8fa;
        }
	    
	    .long_description{
            color: #000 !important;
            font-size: 12px !important;
            padding: 20px 10px;
            line-height: 2;
        }
        
        .long_description, .long_description p, .long_description div, .long_description span{
            font-size: 12px !important;
        }
        
        @media (min-width: 1024px) {
            .marketingfunnel{
                background-color: #fff !important;background:url('../images/marketingfunnel.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;height: 1000px;
            }
            .leadtocustomers{
                background-color: #fff !important;background:url('../images/LeadToCustomers.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;height: 500px;
            }
            .findoperator{
                background-color: #fff !important;background:url('../images/find_operator.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;padding-top: 80%; width: 100%;
            }
            .shipchandlerenquiry {
                background-color: #fff !important;
                background: url(/images/are_you_shipchandler.gif);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                padding: 10%;
                width: 100%;
                height:200px;
            }
            
            .homebanner{
                background-color: #f5fbff !important;
                background: url(/images/protecting_shipfeeds_new.jpg);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                height: 500px;
                width: 100%;
            }
        }
        
        
        @media (min-width: 300px) and (max-width: 539px) {
            
            
            table thead tr th, td{
                background:#fff !important;
                color :#000 !important;
            }
            .heading{
                color:white;font-size:14px
            }
            body{
                font-size: 11px;
                width: 100% !important;
                overflow-x: hidden !important;
            }
            .marketingfunnel{
                background-color: #fff !important;background:url('../images/marketingfunnel.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;height: 800px;
            }
            .leadtocustomers{
                background-color: #fff !important;background:url('../images/LeadToCustomers.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;height: 200px;
            }
            .findoperator{
                background-color: #fff !important;
                background: url(../images/find_operator.jpg);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                width: 100%;
                padding-top: 100%;
            }
            .shipchandlerenquiry {
                background-color: #EDEBEB !important;
                background: url(/images/are_you_shipchandler.gif);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                width: 100%;
                height:200px;
            }
            .homebanner{
                background-color: #000 !important;
                background: url(/images/protecting_shipfeeds_new.jpg);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                height: 350px;
                width: 100%;
                margin-top: -10px;
            }
            .mobileviewsection1{
                margin-top: 15%;
            }
        }
        
	</style>
    <style>
        .tagline{
            font-size:40px !important;
            text-align:center !important;
            color:#000;
            padding:5px;
            font-weight:bold;
            margin:0;
            padding: 20px 0px 0px 0px;
        }
        
        .caption{
            font-size:20px !important;
            text-align:center !important;
            color:#06c !important;
            font-weight:400;
        }
        
        .aboutus {
            padding: 0px;
            line-height: 2;
            font-size: 20px !important;
        }
        
        .onlineenquiry{
            font-size:15px !important;
            text-align:center !important;
            color:#000 !important;
        }
        
        .ui-autocomplete {
          padding: 0;
          list-style: none;
          background-color: #fff;
          width: 218px;
          border: 1px solid #B0BECA;
          max-height: 350px;
          overflow-x: hidden;
        }
        .ui-autocomplete .ui-menu-item {
          border-top: 1px solid #B0BECA;
          display: block;
          padding: 4px 6px;
          color: #353D44;
          cursor: pointer;
        }
        .ui-autocomplete .ui-menu-item:first-child {
          border-top: none;
        }
        .ui-autocomplete .ui-menu-item.ui-state-focus {
          background-color: #D5E5F4;
          color: #161A1C;
        }
        .method1{
            display:block;
        }
        
        .cardprovisions{
            background: #fff;
            border: 1px solid lightgrey !important;
        }
        
        .card-header{
            background: #000;
        }
        
        .btn {
            margin-bottom: 0px !important;
        }
        
        .btn, .btn:active, .btn:focus, .btn:hover {
            color: #fff !important;
            border: none !important;
        }
        
        .methodimage{
            width:50%;
        }
        
        .shortdescription{
            color:#000 !important;
            font-size:20px !important;
            text-align:center;
        }
        *,*:before, *:after {box-sizing: border-box;}
        
        body {
          font-size: 18px;
        }
        
        #dialoguebox{
            display:none;
            position: fixed;
            background: #fff;
            z-index: 999;
            top: 20%;
            left: 12%;
            width: 75%;
            border-radius: 3px;
            box-shadow: 5px 5px 10px 5px #000;
            padding: 1%;
        }
        
        .dot {
            height: 10px;
            width: 10px;
            margin: 5px !important;
            background-color: #fff;
            border-radius: 50%;
            display: inline-block;
        }
        
        .shipname{
            font-size:25px !important;
            text-align: center;
            color:#fff !important;
        }
        .person{
            font-size:15px !important;
            text-align: center;
            color:#fff !important;
        }
        .review{
            font-size:18px !important;
            text-align: center;
            color:#fff !important;
        }
        
        .portleads_products{
            width:100% !important;
        }
        .slick-prev {
            left: 0px !important;
        }
        .slick-next {
            right: 0px !important;
        }
        
        @media (min-width: 1199px){
            .container {
                max-width: 1300px !important;
            }
        }
        
        .searchfilter{
            border: 10px solid #c69921;
            border-radius: 0px;
            font-size: 11px;
            padding: 20px 5px;
        }
        .horizontal_slider{
          width: 100%;
          height: auto;
          display: flex;
          flex-wrap: nowrap;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
        }
        .horizontal_slider::-webkit-scrollbar{
              width: 5px;
              height: 8px;
              background-color: #aaa;
              display:none;
          }
          .slidecover {
              padding: 0px 10px;
              position: relative;
            }
            .left {
              position: absolute;
              left: 2%;
              top: 50%;
              transform: translateX(-50%);
              z-index:1;
            }
            .right {
              position: absolute;
              right: -1%;
              top: 50%;
              transform: translateX(-50%);
              z-index:1;
            }
            .item{
              padding:3%;
          }
            .horizontal-slider::-webkit-scrollbar-thumb {
              background-color: black;
            }
          .slider_container{
              display:block;
              white-space:nowrap;
          }
          .item > div{
            display: inline-block;
            margin-right: 15px;
            margin-left: 15px;
            padding:10px;
          }
          .item > div{
              width:290px;
              height:395px;
              border-radius:3px;
              box-shadow: 1px 2px 1px 1px lightgrey;
              padding: 20px;
          }
          .divinside{
              width:70%;
              height:20%;
              background-color:#ebeef2;
              border-radius:2px;
          }
          .left_panel{
                font-size: 12px !important;
                padding: 4px;
                color: #444 !important;
                text-align: center;
                background: #f90;
                color: #fff !important;
                padding: 5px !important;
                box-shadow: 1px 1px 1px 1px grey;
                border-radius:5px;
          }
          .company_title{
                font-size: 28px !important;
                height: 100px;
                color: #000 !important;
                padding: 0;
                white-space: break-spaces;
          }
          .short_description, .products{
              font-size: 13px !important;
          }
          
          .short_description{
              height: 90px;
          }
          
          .products{
              height: 70px;
          }
          
          
          .slide p{
                white-space: normal;
                padding: 0px 0px 10px 0px;
          }
          
          .supplierbtn{
                border-radius: 30px;
                background: #06c;
                color: #fff !important;
                padding: 12px;
                text-align: center;
                font-size: 14px;
          }
          
          .supplier_logo{
              height:45px;
          }
          
            /* width */
            ::-webkit-scrollbar {
              width: 6px;
            }
            
            /* Track */
            ::-webkit-scrollbar-track {
              box-shadow: inset 0 0 5px grey; 
              border-radius: 0px;
            }
             
            /* Handle */
            ::-webkit-scrollbar-thumb {
              background: #06c; 
              border-radius: 0px;
            }
            
            /* Handle on hover */
            ::-webkit-scrollbar-thumb:hover {
              background: #000; 
            }
            
            .company-list {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                height:400px !important;
                overflow-y:scroll;
            }
            
            .company-card {
                background-color: white;
                overflow: hidden;
                transition: transform 0.3s ease-in-out;
            }
            
            .company-card:hover {
                transform: translateY(-10px);
            }
            
            .company-thumbnail {
                width: 100%;
                height: 150px;
                object-fit: cover;
                border-bottom: 1px solid #ddd;
            }
            
            .company-info {
                padding: 0px 0px 0px 2px;
                border-bottom: 1px solid lightgrey;
            }
            
            .company-name {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 0px;
            }
            
            .company-category {
                font-size: 10px !important;
                color: #0D47A1 !important;
                font-weight: bold;
                padding: 0px !important;
                margin: 0px !important;
            }
            
            .star {
                display: inline-block;
                width: 15px;
                height: 15px;
                background-size: cover;
                background-repeat: no-repeat;
            }
            
            .star.full {
                background-image: url('/images/full-star.png');
            }
            
            .star.half {
                background-image: url('/images/half-star.png');
            }
            
            .star.empty {
                background-image: url('/images/empty-star.png');
            }
            
            .company-description {
                font-size: 10px !important;
                color: #555;
            }
            /* Default (mobile first) - no padding */
            .description-text {
                padding-left: 10px;
                padding-right: 10px;
            }
            
            .sendemail{
                background: #000;
                width: 100%;
                color: #fff !important;
                margin: 0 auto;
                padding: 10px;
            }
            
            .sendemail a {
                color: chartreuse;
            }
            
            /* Medium devices (desktops, 992px and up) */
            @media (min-width: 992px) {
                .description-text {
                    padding-left: 150px;
                    padding-right: 150px;
                }
            }
    </style>
    <link rel="stylesheet" href="/css/simplepicker.css">
    
<!-- Global site tag (gtag.js) - Google Ads: 10826181519 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10826181519"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-10826181519');
</script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

   
</head>

<body>
<style>
    .chatslist,.chatslist:hover{
        color: #fff !important;
        background: #146eb4 !important;
        padding: 2px;
        position: absolute;
        right: 25%;
        top: 8px;
        border-radius: 3px;
        width: 10%;
        text-align: center;
        font-size: 20px;
        z-index: 5;
        font-weight: lighter;
    }
   @media (min-width: 300px) and (max-width: 567px) { 
        .chatslist, .chatslist:hover {
            color: #fff !important;
            background: #146eb4 !important;
            padding: 2px;
            position: absolute;
            right: 35%;
            top: 8px;
            border-radius: 3px;
            width: 14%;
            text-align: center;
            font-size: 17px;
            z-index: 5;
            font-weight: lighter;
        }
   }
   .more-dropdown a{
       font-weight: 400 !important;
   }
   
   @media (min-width: 1024px) { 
       .translator{
            z-index: 111;
            background: #000;
            height: 63px;
            margin-top: 0%;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .transflag{
            padding: 10px;
        }
   }
   @media (min-width: 568px) and (max-width: 1023px) { 
       .translator{
            z-index:111;background: #000;height:48px;top: 0px;display: flex;
            align-items: center;
            justify-content: space-between;
        } 
        .transflag{
            padding: 5px;
        }
        .homebanner{
            background-color: #f5fbff !important;
            /* background: url(/images/shipfeeds_banner.gif); */
            /* background-size: cover; */
            /* background-position: center; */
            /* background-repeat: no-repeat; */
            /* height: 400px; */
            /* width: 178px; */
            width: 100vw;
            height: 45vh;
            object-fit: cover;
            /* position: fixed; */
            /* left: 0; */
            /* right: 0; */
            /* bottom: 0; */
            /* z-index: -1; */
            padding: 0;
        }
   }
   @media (min-width: 300px) and (max-width: 567px) { 
       .translator{
            z-index:111;background: #000;height:44px;top: 0px;display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .transflag{
            padding: 1px;
        }
   }
</style>
<!-- Header-BP -->

<!--<header class="navbar navbar-expand navbar-dark flex-column flex-md-row bd-navbar" id="site-header">
    <a href="/" class="clogo"><img src="/webroot/images/ShipFeeds.jpg" /></a>
	<section class="shopatnextport">
        <p class="tagline2">
            Welcome To ShipFeeds
        </p>
       <p class="bestprice" style="color:#fff !important;margin-bottom: 0;padding:5px;text-align:center">Best Price, Excellent Service ( 24x7 online ) And Quality Products At Shore</p>
    </section>

  <div class="col-xs-12 p-0" style="position:relative;text-align:center;margin:0 auto;z-index: 9;display:none">
		  <div class="control-block">
				  <div class="author-page author">
					<div class="author-thumb-app">
					  <div class="more-dropdown profile" style="z-index:999 !important">
						<div class="mCustomScrollbar" data-mcs-theme="dark"  style="z-index:999 !important">
						<div class="ui-block-title ui-block-title-small">
							<h6 class="title" style="font-size:13px;color:#000;font-weight: 400 !important;">Guest</h6>
						  </div>
						  <ul class="account-settings"  style="z-index:999 !important">
                              <li>
                                <a href="/" ><img src="/svg-icons/homes.svg" style="width:25px;" title="Home">&nbsp;&nbsp;<span>Home</span> </a>
                              </li>
						                   
        						<li>
        						  <a href="javascript:void(0)" onclick="popupopen('popup-contactus')">
        							<img src="/svg-icons/contacts.svg" style="width:25px;"><span>&nbsp;&nbsp;Contact Us</span>
        						  </a>
        						</li>
                                <li>
        							<a href="/privacy" target="top"><img src="/svg-icons/security.svg" style="width:25px;" title="Privacy"><span>&nbsp;&nbsp;Privacy Policy</span> </a>
        						</li>
                                <li>
                                    <a href="https://stats.uptimerobot.com/XqQm4hn1mZ" target="blank"><span style="background: green;border-radius: 9px;padding: 8px;"></span>&nbsp;&nbsp;Status</a>
                                </li>
        					    <li>
        						  <a href="javascript:void"><span>&copy; 2022 Shipsfeed. Powered By PortLeads LTD <br/>Registered in UNITED KINGDOM, Number 13655568</span></a>
        						</li>
        					    <li>
        						  <a href="javascript:void">
        							<span>All rights reserved </span>
        						  </a>
        						</li>
                        <li>
						  <a href="javascript:void">
							<span>Powered by <b>PortLeads LTD</b></span>
						  </a>
						</li>
             </ul>
						</div>
					  </div>
					</div>
					
            <button class="navbar-toggler navbar-toggler-right custom-toggler" type="button" onclick="toggledropdown('author-thumb-app')" style="display:block;position:inherit;text-align:right;">
                <span class="navbar-toggler-icon "></span>
            </button>
				  </div>
			</div>
  </div>
</header>-->
<section class="col-12 translator">
        <div class="col-xs-4 text-center">
            <a href="/" class="clogo"><img src="/webroot/images/ShipFeeds.jpg"  alt="Shipfeeds Logo" /></a>
        </div>
        <div class="col-xs-10 text-right">
                    </div>
        <!--<div class="col-xs-8 text-right">-->
        <!--    <span class="text-white" style="font-size:12px !important;">Send your enquiry to <a href="mailto:supply@shipfeeds.com" style="color:lightgrey !important"><u>supply@shipfeeds.com</u></a></span>-->
        <!--</div>-->
        <!--<div class="col-xs-2 text-center">
            <a href="#" onclick="doGTranslate('en|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;    margin-right: 10px;"><img src="/images/blank.png" height="32" width="40" alt="English" /></a>
        </div>
        <div class="col-xs-2 text-center">
            <a href="#" onclick="doGTranslate('en|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;    margin-right: 10px;"><img src="/images/blank.png" height="32" width="40" alt="Spanish" /></a>
        </div>
        <div class="col-xs-2 text-center">
            <a href="#" onclick="doGTranslate('en|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;    margin-right: 10px;"><img src="/images/blank.png" height="32" width="40" alt="French" /></a>
        </div>
        <div class="col-xs-2 text-center">
            <a href="#" onclick="doGTranslate('en|zh-CN');return false;" title="Chinese (Simplified)" class="gflag nturl" style="background-position:-300px -0px;"><img src="/images/blank.png" height="32" width="40" alt="Chinese" /></a>
        </div>-->
        <!--<div class="col-xs-1 text-center">
            <a href="#" onclick="doGTranslate('en|hi');return false;" title="Hindi" class="gflag nturl" style="background-position:-500px -100px;"><img src="/images/blank.png" height="32" width="40" alt="Hindi" /></a>
        </div>
        <div class="col-xs-1 text-center">
            <a href="#" onclick="doGTranslate('en|ar');return false;" title="Arabic" class="gflag nturl" style="background-position:-100px -0px;    margin-right: 10px;"><img src="/images/blank.png" height="32" width="40" alt="Arabic" /></a>
        </div>
    <div id="google_translate_element2" class="col-xs-12"></div>-->
</section>
<script>
function defaultport(){   
    var countries = $("#countries").val();
    var port = $("#ports").val();
    var dataprefix = $( "#defaultport_icon" ).attr('data-prefix');
    if(dataprefix=='far'){
      $( "#defaultport_icon" ).attr('data-prefix', 'fas');
      $( "#defaultport_icon" ).css({ fill: "#146eb4",color: "#146eb4" });
      $.notify("Port set as default", "success",{ position:"left" });
    }

    if(dataprefix=='fas'){
      $( "#defaultport_icon" ).attr('data-prefix', 'far');
      $( "#defaultport_icon" ).css({ fill: "#fff",color: "#146eb4" });
      $.notify("Port removed as default", "success",{ position:"left" });
    }
	
    $.ajax({
      type: "POST",
      url: "/social-media/defaultport",
      data:'country='+countries+'&port='+port+'&dataprefix='+dataprefix
    });
}


function openwarehouse(){
	popupopen('popup-warehousedetails');
}

function hidenotification(id,link){
	$.ajax({
      type: "POST",
      url: "/social-media/notified",
      data:'id='+id,
        success: function(response) {
            window.location.href=link;
        },
        error: function(msg) {}
    });
}

function toggledropdown(classn){
	if($("."+classn+" .more-dropdown").css('opacity') === '0')
  {
	$("."+classn+" .more-dropdown").css({ opacity: 1 });
	$("."+classn+" .more-dropdown").css({ visibility: 'visible' });
	
  }else{
	  $("."+classn+" .more-dropdown").css({ opacity: 0 });
	  $("."+classn+" .more-dropdown").css({ visibility: 'hidden' });
  }
}	


function openchatlist(){
    $(".chatlistcontainer").show();
}

</script>
<section class="col-xs-12 pt-0">
    <div class="col-xs-12 mt-3 p-0">
        <p class="mb-1"><h1 class="text-center" style="color:#000 !important;font-weight:bold;"></h1></p>
    </div>
    <div class="col-xs-12">
        <p style="text-align: center;" class="description-text">
                  </p>
    </div>
</section>

<section class="col-xs-12 our-contacts mt-1">
  <div class="panel-group" id="productAccordion" role="tablist" aria-multiselectable="true" style="margin-top: 30px;">

    <!-- Product Description -->
    <div class="panel panel-default" style="border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.05);">
      <div class="panel-heading" role="tab" id="headingOne" style="background-color: #0D47A1; color: #fff; padding: 15px 20px; border-radius: 6px 6px 0 0;">
        <h4 class="panel-title pb-0" style="margin: 0;">
          <a role="button" data-toggle="collapse" data-parent="#productAccordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="color: #fff; text-decoration: none;">
            <i class="fa fa-file-text-o" style="margin-right: 8px;"></i>Product Description
          </a>
        </h4>
      </div>
      <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
        <div class="panel-body" style="background-color: #ffffff; border-left: 4px solid #0D47A1; padding: 25px; font-size: 15px; line-height: 1.8; color: #2c3e50;">
                  </div>
      </div>
    </div>

    <!-- Specifications -->
    <div class="panel panel-default" style="border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.05);">
      <div class="panel-heading" role="tab" id="headingTwo" style="background-color: #0D47A1; color: #fff; padding: 15px 20px;">
        <h4 class="panel-title pb-0" style="margin: 0;">
          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#productAccordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" style="color: #fff; text-decoration: none;">
            <i class="fa fa-cogs" style="margin-right: 8px;"></i>Key Specifications and Technical Properties
          </a>
        </h4>
      </div>
      <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
        <div class="panel-body" style="background-color: #ffffff; border-left: 4px solid #0D47A1; padding: 25px; font-size: 15px; line-height: 1.8; color: #2c3e50;">
                  </div>
      </div>
    </div>

    <!-- Maritime Standards -->
    
  </div>
</section>
<div class="col-xs-12 pl-5 pr-5">
    <!--<p class="text-center sendemail">Send your enquiry for prompt assistance to <a href="mailto:supply@shipfeeds.com">supply@shipfeeds.com</a></p>-->
</div>
<section class="col-xs-12 our-contacts mt-3">
        <div class="panel-heading">
                              <h2 class="text-center" style="font-weight: bold;">Your Trusted Partner in in </h2>
                    </div>
      <div class="panel-body" style="padding: 15px;">
        <ul class="list-unstyled" style="margin: 0; padding-left: 20px;">
          <li style="margin-bottom: 10px;">
            <span class="glyphicon glyphicon-ok text-success" aria-hidden="true"></span>
            <strong>Local warehouse In </strong>
          </li>
          <li style="margin-bottom: 10px;">
            <span class="glyphicon glyphicon-ok text-success" aria-hidden="true"></span>
            <strong>Customs-cleared and port-approved supplies</strong>
          </li>
          <li style="margin-bottom: 10px;">
            <span class="glyphicon glyphicon-ok text-success" aria-hidden="true"></span>
            <strong>Multilingual support</strong>
          </li>
          <li style="margin-bottom: 10px;">
            <span class="glyphicon glyphicon-ok text-success" aria-hidden="true"></span>
            <strong>24/7 Extended Support</strong>
          </li>
        </ul>
      </div>
</section>
<section class="col-xs-12 our-contacts mt-1 p-0 d-flex justify-content-center">
        <!--<iframe src="https://chatbot.intelliticks.com/landing/BSKFX7GKA9xDRnnPD_c/playbook/67e4dec6a1b7ba74f8a8b786" style="width:100%"></iframe>-->
         <style>
    
    .control-label {
      font-weight: 600;
      font-size: 13px;
      padding-top: 6px;
    }
    .form-control {
      height: 30px;
      font-size: 13px;
      padding: 4px 8px;
    }
    .radio-inline {
      font-size: 13px;
      margin-right: 15px;
    }
    textarea.form-control {
      height: auto;
    }
    .btn {
      height: 34px;
      font-size: 14px;
    }
    
    /* Change radio button color to #000 (black) */
    .radio-inline{
      color: #000; /* Modern browsers (Chrome, Edge, Firefox 89+) */
    }
    

  </style>
<div id="popupMsg" style="display:none;position: fixed;top: 45%;right: 22%;background: #28a745;color: white;padding: 10px 6px;border-radius: 4px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);z-index: 9999;width: 50%;text-align: center;font-size: 16px;">
  Please submit this form below to get instant response from our team.
</div>
<div class="col-lg-10 col-md-10 col-md-offset-0" id="send__enquiry">
<!-- Top Bar -->
      
<p style="text-align:center; color: #2c3e50; margin: 0px auto 0px auto; font-size: 16px; font-weight: 500; background-color: #f0f8ff; padding: 12px 18px; box-shadow: 0 2px 6px rgba(0,0,0,0.08);">
  <strong>Greetings, Captain! We’re actively monitoring this form!</strong><br/>Submitting here ensures the instant response from our team.
</p>

  <form class="botform-horizontal" action="" style="padding: 25px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
     
    <div class="form-group" style="margin-bottom: 0;">
    
    <div class="row">
    <div class="col-lg-3 col-md-3 col-sm-12" style="padding-left: 10px; padding-right: 10px;">
        <label for="portName" class="control-label">Select Service Type <span style="color:red">*</span></label>
        
        <div style="overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 10px;">
            <select name="serviceType" id="serviceType" style="padding: 8px 10px; border: 1px solid #ddd; background: #f8f9fa;">
              <option value="">Select Service Type</option>
              <option value="Ship Supply">Ship Supply</option>
              <option value="Ship Repair">Ship Repair</option>
              <option value="Spare Parts">Spare Parts (Shore Supply)</option>
              <option value="Underwater Inspection">Underwater Cleaning / UWI</option>
              <option value="Crew Change">Crew Change Services</option>
              <option value="Bunker Supply">Bunker Supply</option>
              <option value="Bunker Survey">Bunker Survey</option>
              <option value="LSA & FFA Services">LSA/FFA Services</option>
              <option value="Sludge Waste Removal">Sludge / Waste Removal</option>
              <!--<option value="Other">Other Services</option>-->
            </select>
        </div>
        <span id="errorServiceType" class="text-danger" style="font-size: 12px;"></span>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12" style="padding-left: 10px; padding-right: 10px;">
        <label for="vesselName" class="control-label">Vessel Name <span style="color:red">*</span></label>
        <input type="text" class="form-control input-sm" id="botform_vesselName" style="height: 34px;">
        <span id="errorVesselName" class="text-danger" style="font-size: 12px;"></span>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-12" style="padding-left: 10px; padding-right: 10px;">
        <label for="portName" class="control-label">Port of Call / Destination <span style="color:red">*</span></label>
        <input type="text" class="form-control input-sm" id="botform_portName" value="" style="height: 34px;">
        <span id="errorPortName" class="text-danger" style="font-size: 12px;"></span>
    </div>
      <!--<div class="col-lg-4 col-md-4 col-sm-6" style="padding-left: 10px; padding-right: 10px;">-->
      <!--  <label for="vesselETA" class="control-label">Vessel ETA <span style="color:red">*</span></label>-->
      <!--  <input type="date" class="form-control input-sm" id="botform_vesselETA" style="height: 34px;">-->
      <!--  <span id="errorVesselETA" class="text-danger" style="font-size: 12px;"></span>-->
      <!--</div>-->
      <div class="col-lg-3 col-md-3 col-sm-12" style="padding-left: 10px; padding-right: 10px;">
        <label for="email" class="control-label">Business Email <span style="color:red">*</span></label>
        <input type="email" class="form-control input-sm" id="botform_email" style="height: 34px;">
        <span id="errorEmail" class="text-danger" style="font-size: 12px;"></span>
      </div>
    </div>

    <!--<div class="row">-->
      
    <!--  <div class="col-lg-6 col-md-6 col-sm-6" style="padding-left: 10px; padding-right: 10px;">-->
    <!--    <label for="paymentTerms" class="control-label">Payment Terms</label>-->
    <!--    <select class="form-control input-sm" id="botform_paymentTerms" style="height: 34px;">-->
    <!--      <option value="Cash" selected>Cash on Board</option>-->
    <!--      <option value="Pre-Payment">Pre-Payment</option>-->
    <!--      <option value="Credit">Credit</option>-->
    <!--    </select>-->
    <!--    <span id="errorPaymentTerms" class="text-danger" style="font-size: 12px;"></span>-->
    <!--  </div>-->
    <!--</div>-->

    <div class="row" style="margin-bottom: 20px;">
      <div class="col-lg-12" style="padding-left: 10px; padding-right: 10px;">
        <label for="requirements" class="control-label">Your Requirements <span style="color:red">*</span></label>
        <textarea id="botform_requirements" class="form-control" rows="4" style="resize: vertical;"></textarea>
        <span id="errorRequirements" class="text-danger" style="font-size: 12px;"></span>
      </div>
    </div>

    <div class="row text-center">
      <div class="col-lg-3" style="padding-left: 10px; padding-right: 10px;">
        <button type="submit" id="botformsubmit" class="btn btn-primary btn-block" style="padding: 8px 16px; font-weight: 600;">Submit Request</button>
      </div>
    </div>
  </form>
</div></section>
<section class="col-xs-12 mt-3">
                    <h2 class="text-center" style="font-weight: bold;">Premium Ship Services at </h2>
              <div class="row">
    
        <!-- Service 10 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-toolbox sendenquiry" style="font-size: 60px; color: #6c757d;"></i>
          <h2 style="margin-top: 10px;"><a href="javascript:void()" class="sendenquiry">Ship Chandlery</a></h2>
          <p style="font-size: 14px;">Ropes, paints, safety gear, and workshop tools.</p>
        </div>
        
        <!-- Service 4 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-utensils sendenquiry" style="font-size: 60px; color: #ffc107;"></i>
          <h2 style="margin-top: 10px;"><a href="javascript:void()" class="sendenquiry">Crew Provisioning</a></h2>
          <p style="font-size: 14px;">Fresh/canned food, bonded stores, and PPE kits.</p>
        </div>
    
        
        <!-- Service 6 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-cogs sendenquiry" style="font-size: 60px; color: #dc3545;"></i>
          <h2 style="margin-top: 10px;"><a href="javascript:void()" class="sendenquiry">Ship Spare Parts Logistics</a></h2>
          <p style="font-size: 14px;">Air/sea freight with port-to-vessel handover.</p>
        </div>
        
        
        <!-- Service 7 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-tint sendenquiry" style="font-size: 60px; color: #20c997;"></i>
          <h2 style="margin-top: 10px;"><a href="javascript:void()" class="sendenquiry">Freshwater Supply</a></h2>
          <p style="font-size: 14px;">Certified water testing and offshore delivery.</p>
        </div>
        
        
        <!-- Service 9 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-money-bill-wave sendenquiry" style="font-size: 60px; color: #007bff;"></i>
          <h2 style="margin-top: 10px;"><a href="javascript:void()" class="sendenquiry">Cash-to-Master Services</a></h2>
          <p style="font-size: 14px;">Secure USD/EUR disbursement in major ports.</p>
        </div>
    
        <!-- Service 1 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-gas-pump sendenquiry" style="font-size: 60px; color: #007bff;"></i>
          <h2 style="margin-top: 10px;"><a href="javascript:void()" class="sendenquiry">Bunker Supply, Lube Oil & Chemicals</a></h2>
          <p style="font-size: 14px;">Global network of certified fuel providers with real-time pricing. OEM-approved oils (Shell, Exxon, etc.).</p>
        </div>
    
        <!-- Service 2 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-recycle" style="font-size: 60px; color: #28a745;"></i>
          <h2 style="margin-top: 10px; sendenquiry"><a href="javascript:void()" class="sendenquiry">Sludge & Waste Disposal</a></h2>
          <p style="font-size: 14px;">Port reception facilities with automated documentation.</p>
        </div>
    
        <!-- Service 3 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-water" style="font-size: 60px; color: #17a2b8;"></i>
          <h2 style="margin-top: 10px; sendenquiry"><a href="javascript:void()" class="sendenquiry">Underwater Inspection & Cleaning</a></h2>
          <p style="font-size: 14px;">Hull cleaning, propeller polishing, and cathodic protection surveys.</p>
        </div>
    
    
        <!-- Service 5 -->
        <div class="col-md-4 text-center" style="margin-bottom: 30px;">
          <i class="fas fa-ship sendenquiry" style="font-size: 60px; color: #6f42c1;"></i>
          <h2 style="margin-top: 10px;"><a href="javascript:void()" class="sendenquiry">Crew Change Services</a></h2>
          <p style="font-size: 14px;">Visa assistance, airport transfers, and quarantine coordination.</p>
        </div>
    
        
      </div>
</section>


<p>&nbsp;</p>
<p>&nbsp;</p>

<section class="col-xs-12 p-0"  style="background: #000;">
    <div class="col-lg-6 col-md-6 col-sm-12 col-sm-xs p-0"  style="background: #000;">
        <div class="card card-outline-secondary" style="background: #000;">
                        <div class="card-header" style="background: #000;">
                            <h3 class="mb-0" style="color: #fff;">Get In Touch</h3>
                            <h6 class="mb-0" style="color: #fff;">We love to get connected</h6>
                        </div>
                        <div class="card-body">
                            <form class="form" role="form" autocomplete="off" id="contactenq">
                                <fieldset>
                                    <label for="name2" class="mb-0">Name</label>
                                    <div class="row mb-1">
                                        <div class="col-xs-12">
                                            <input type="text" name="name2" id="name2" class="form-control" required="">
                                        </div>
                                    </div>
                                    <label for="email2" class="mb-0">Email</label>
                                    <div class="row mb-1">
                                        <div class="col-xs-12">
                                            <input type="text" name="email2" id="email2" class="form-control" required="">
                                        </div>
                                    </div>
                                    <label for="message2" class="mb-0">Message</label>
                                    <div class="row mb-1">
                                        <div class="col-xs-12">
                                            <textarea rows="6" name="message2" id="message2" class="form-control" required=""></textarea>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary float-right">Send Message</button>
                                </fieldset>
                            </form>
                        </div>
                    </div>
    </div>    
    <div class="col-lg-6 col-md-6 col-sm-12 col-sm-xs p-0">
        <div class="col-xs-12 col-md-12 col-sm-12 mt-0 text-center" style="background: #000;">
            <section class="col-xs-12 our-contacts mt-2">
              <h3 class="text-center w3layouts w3 w3l w3ls agileits-w3layouts agile w3-agile white" style="text-transform:capitalize;font-weight:500;margin:0 !important;">About PortLeads</h3>
            </section>
        </div>
        <div class="col-xs-12 col-md-12 col-sm-12 text-center" style="background: #000;">
            <!--what is portleads-->
            
            <p class="text-center white m-0">
                <a href="https://www.portleads.com/about-us" target="_blank">PortLeads</a> is an AI based business intelligence platform, backed up with a US patent application technology with a revolutionary Port Charges calculator for more than 100 countries globally and other unique online services used by 1 Million shipping users including ship owners, ship managers, ship operators, ship agents, cargo traders, brokers, clearing agents & land transporters to achieve long-term business relationship through direct connection with intended counterpart.
            </p>
            <p class="text-center white">
                <a href="/privacy" target="top" style="color: #06c;border-radius:0;">Privacy Policy</a>
            </p>
            <p class="text-center white  col-lg-6 col-md-6 col-sm-12 col-xs-12" style="z-index: 111;">
                <img class="img-responsive" alt="PORTLEADS BIMCO MEMBERSHIP NUMBER" title="BIMCO MEMBER" src="/images/BIMCO_MEMBER.jpg" style="width: 35%;margin:0 auto;" />
            </p>
        </div>
        <!--<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="background: #000;">
            <p class="text-right white">
                <a href="javascript:void(0)" onclick="popupopen('popup-loginandsignup')" style="color: #06c;border-radius:0;">Login / Sign Up</a>
            </p>
        </div>-->
    </div>
    <div class="col-xs-12 col-md-12 col-sm-12 text-center" style="background: #000;">
        <p class="text-center white">© 2022 ShipFeeds. Powered By PortLeads LTD</p>
        <p class="text-center white">Registered in UNITED KINGDOM, Number 13655568 </p>
        <p class="text-center white">71-75, Shelton Street, Covent Garden, London, WC2H 9JQ, UNITED KINGDOM </p>
        <p class="text-center white">M : <a href="https://wa.me/447908403111">+447908403111</a></p>
        <!--<p class="text-center white"><a href="mailto:info@ShipFeeds.com">E : info@ShipFeeds.com</a> / <a href="mailto:supply@shipfeeds.com">supply@shipfeeds.com</a></p>-->
        <p class="text-center white">All rights reserved | Powered by PortLeads LTD</p>
		<p>&nbsp;</p>
	</div>
</section>	



<!-- /footer section -->
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<script src="/js/jquery.min.js"></script><script src="/js/bootstrap.min.js"></script><script src="/js/SmoothScroll.min.js"></script><!-- js for back to top -->
<script src="/js/top.js"></script><!-- /js for back to top -->
<!-- js for navigation -->
<!-- /js for navigation -->
<!-- /js files -->
<script>

    
    function open_file(){
        var user_email = document.getElementById('user_email_testing').value;
        if(user_email==''){
            $("#span_err_email").text("*Please enter your email");
            $("#span_err_email").show();
            return;
        }else{
            $("#span_err_email").text();
            $("#span_err_email").hide();
            document.getElementById('myfile').click();
        }
      
    }
    function alertfn(vessel_name){
        $("#user_vessel_testing").val(vessel_name);
        $('body').scrollTo("#agency_form",500);
        $(".msgso").show();
    }
    function changeview(width,height){
        $('.iframecss').css({"height":height,"width":width});
    }
    
    
    function submitagentdetails(is_surveyor){
        var user_port_testing       = $('#user_port_testing').val();
        $("#span_err_port").text("");
        
        var user_company_testing    = $('#user_company_testing').val();
        $("#span_err_company").text("");
        
        var user_email_testing      = $('#user_email_testing').val();
        $("#span_err_email").text("");
        
        var user_mobile_testing     = $('#user_mobile_testing').val();
        $("#span_err_mobile").text("");
        
        if(user_port_testing==''){
            $("#span_err_port").text("*Please enter port name");
            return;
        }
        
        if(user_company_testing==''){
            $("#span_err_company").text("*Please enter company name");
            return;
        }
        
        if(user_email_testing==''){
            $("#span_err_email").text("*Please enter email address");
            return;
        }
        
        if(user_mobile_testing==''){
            $("#span_err_mobile").text("*Please enter whatsapp contact");
            return;
        }
        
        var user_vessel_testing =   $('#user_vessel_testing').val();
            if(user_mobile_testing==''){
                user_vessel_testing =   'not_selected';
            }
            
        var campaign_source =   $('#campaign_source').val();
        
        $.ajax({
            type:"post",
            url:"/pages/create-campaign",
            data:{
              user_port_testing:user_port_testing,
              user_company_testing:user_company_testing,
              user_email_testing:user_email_testing,
              user_mobile_testing:user_mobile_testing,
              user_vessel_testing:user_vessel_testing,
              campaign_source:campaign_source
            },
            success:function(res){
                
                
                /* IF THIS PAGE IS FOR SURVEYOR */
                if(is_surveyor==1){
                    var user_id = document.getElementById("userid").value;
		    
        		    if(user_id==''){
        		        var action_response =   create_user_and_login(is_surveyor); 
        		        user_id =   action_response.responseText;
        		        if(isNaN(user_id)==true){
            		        alert("Network Error : Please submit the button again")
            		        return;
            		    }else{
            		        $("#surveyor_msg").show();
            		    }
        		    }else{
        		        $("#surveyor_msg").show();
        		    }
        		    return;
                }
                
                
                $(".showemailframe").hide();
                $(".showcontentresponse").hide();
                //$("#showcontentresponse").html(res);
                $(".campaignpreview").show();
                $(".showpaymentbutton").show();
                $(".campaigneditor").show();
                $('body').scrollTo(".campaignpreview",1000);
                 //showcampaigneditor();
            },
            error:function(err){
                console.log("something went wrong");
            }
        });
    }
    
    function showpage(){
        $.ajax({
            type:"get",
            url:"/pages/getagentportpage",
            success:function(res){
                 $("#agentportpage").html(res);
            },
            error:function(err){
                console.log("something went wrong");
            }
        });
    }
    
    
    function showcampaigneditor(){
        $(".showpaymentbutton").hide();
        $(".showemailframe").hide();
        $(".campaigneditor").show();
        $('body').scrollTo(".campaigneditor",1000);
    }
    
    function gotopayment(){
        $('body').scrollTo("#paymentform",500);
    }
    
    function showpayment(){
        $("#paymentform").show();
        $('body').scrollTo("#paymentform",500);
    }
    
        
  
    
    $('#contactenq').submit(function() {
        event.preventDefault();
        // Get all the forms elements and their values in one step
        var values = $(this).serialize();
        $.ajax({
            type:"post",
            url:"/pages/contactusenq",
            data:values,
            success:function(res){
                 alert("Thank you..");
            },
            error:function(err){
                console.log("something went wrong");
            }
        });
    });
</script>

<!-- simplepicker -->

<script src="/js/simplepicker.js"></script>
<script>
    function openSimplePicker(){
         let simplepicker = new SimplePicker({
          zIndex: 10
        });
    
        simplepicker.open();
    
        simplepicker.on('submit', (date, readableDate) => {
          $("#vessel_eta").val(readableDate);
        });
    }
</script>
<script>
    $(document).ready(function() {
        

        
                
        
        $('input[name="next_port"]').keyup(function(){
            var text = $(this).val();
            $.ajax({
                type:"post",
                url:"/pages/gettheactiveports",
                data:{
                  portname:text
              },
                success:function(res){
                     $(".port_results").html(res);
                     $(".port_results").show();
                },
                error:function(err){
                    console.log("something went wrong here1");
                }
            });
        });
    });
    
    
    ClassicEditor
        .create( document.querySelector( '#messagearea' ) )
        .then( newEditor => {
            editor = newEditor;
        } )
        .catch( error => {
            console.log( "error" );
        } );
    
    
    function selectport(value1,value2=null){
        var port    =   null;
        if(value2!=null){
            $("#next_port").val(value2);
        }else{
            $("#next_port").val(value1);
        }
        
        port    =   value1;
        $(".port_results").hide();
        
        $.ajax({
            type:"post",
            url:"/pages/getportprovisions",
            data:{
              port_id:port
          },
            success:function(res){
                 //$(".port_results").html(res);
                 //$(".port_results").show();
            },
            error:function(err){
                console.log("something went wrong");
            }
        });
    }
</script>
<script>
    /*function filtercrewcabin(){
        var text = $(this).val();
        console.log(text);
        $('#crewcabin li')
          .filter(function( index ) {
            return $( text, this ).length === 1;
          })
            .css( "background-color", "red" );
    }*/
    
    $(document).ready(function() {
        
        $('#search_port').keypress(function (e) {
          if (e.which == 13) {
            saveport();
          }
        });
        
        
         $(".portleads_products").slick( {
            dots: false, infinite: true, slidesToShow: 1, centerMode: true, slidesToScroll: 1, arrows: true, autoplay: true, swipe: true, zIndex: 1000
          });
        
        
        /* GET THE SUPPLY ITEMS LIST */
        $.ajax({
            type:"post",
            url:"/pages/filterlist",
            async: true,
            data:{
              keyword:''
          },
            success:function(res){
                 $("#kitchen").html(res);
            },
            error:function(err){
                console.log("something went wrong");
            }
        });
        
        
        var timer = null;
        $("#filter_crewcabin").keypress(function() {
            var filter_crewcabin = $('input:text[name=filter_crewcabin]').val();
            if(filter_crewcabin==''){
               $('#crewcabin li').each(function(){
                   $(this).show();
                }); 
            }else{
                $('#crewcabin li').each(function(){
                   if($(this).text().toUpperCase().indexOf(filter_crewcabin.toUpperCase()) != -1){
                       $(this).show();
                   }else{
                       $(this).hide();
                   }
                });
            }
        });
        
        $("#filter_kitchen").keyup(function() {
            clearTimeout(timer); 
            /* AJAX CALL TO FILTER THE LIST */
            var keyword = $('input:text[name=filter_kitchen]').val();
            timer = setTimeout(function () {
                $.ajax({
                        type:"post",
                        url:"/pages/filterlist",
                        data:{
                          keyword:keyword
                      },
                        success:function(res){
                            $(".productslist").show();
                            $("#kitchen").html(res);
                        },
                        error:function(err){
                            console.log("something went wrong");
                        }
                    });
            }, 500);
        }); 
        
        $("#filter_workshop").keypress(function() {    
            var filter_workshop = $('input:text[name=filter_workshop]').val();
            if(filter_workshop==''){
               $('#workshop li').each(function(){
                   $(this).show();
                }); 
            }else{
                $('#workshop li').each(function(){
                   if($(this).text().toUpperCase().indexOf(filter_workshop.toUpperCase()) != -1){
                       $(this).show();
                   }else{
                       $(this).hide();
                   }
                });
            }
        });
    });
    
    function method(section){
        if(section==1){
            $(".user_input_home").show();
            $(".method1").show();
            $(".method2").hide();
            $(".method3").hide();
            $('html,body').animate({
                scrollTop: $('.method1').offset().top
            }, 500);
        }else if(section==2){
            $(".user_input_home").show();
            
            $(".method1").hide();
            $(".method2").show();
            $(".method3").hide();
            $('html,body').animate({
                scrollTop: $('.method2').offset().top
            }, 500);
        }else if(section==3){
            $(".user_input_home").hide();
            $(".method1").hide();
            $(".method2").hide();
            $(".method3").show();
            $('html,body').animate({
                scrollTop: $('.method3').offset().top
            }, 500);
        }
    }
    function __addtolist(){
        /* CREATE HTML TO ADD WITH DELETE BUTTON */
        var html    =   '';
        
        
        /* SERIAL NUMBER */
        var serial  =   $("#boxlist li").length;
        serial  =   serial + 1;
        
        
        var product_id  =   Math.floor(Math.random() * 999 + 10);
        
        html  += '<li class="col-xs-12 border-bottom mt-2 p-0" id="row_'+product_id+'"><div class="col-xs-1">'+serial+'</div><div class="col-xs-3">';
        /* NOW ADD THE PRODUCT TO THE BOX */
        html  += '<p><input class="form-control product product_'+product_id+' cart_product_name" placeholder="Please Enter The Product Details And Add To The List""></p><p style="padding: 2px;text-align: left;font-size: 12px !important;"><b>Note : Please enter the product details with quantity & unit correctly</b></p></div>';
        
        
        html  += '<div class="col-xs-2"><p><input class="form-control round-input cart_quantity" value="1" type="text" placeholder="Quantity Ex:5"><input class="hidden cart_product_id" value="'+product_id+'" type="hidden"></p></div>';
        
        html  += '<div class="col-xs-2"><p><input class="form-control round-input cart_unit" value="" type="text" placeholder="Unit Ex:Kg"></p></div>';
        
        html  += '<div class="col-xs-3"><p><textarea class="form-control round-input cart_instruction" placeholder="Please enter instructions / comments"></textarea></p></div></div>';
        
        
        html  += '<div class="col-xs-1 text-center"><p><button onclick="removeproduct(\'row_'+product_id+'\')" class="btn" style="font-weight: 500;background:#000;color:#fff;padding: 10px;font-size: 12px;">Remove</button></p></div>';
        
        html  += '</li>';
            
        
        $( "#boxlist" ).append( html );
        updatecartitems();
    }
    
    function checkEmail(email) {
      var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      return regex.test(email);
    }
    
    
    
    function addtobox(product_id){
        /* check if email and vessel eta is enetered or no*/
        
        var user_email  =   $('#user_email').val();
        var vessel_eta  =   $('#vessel_eta').val();
        
        if(user_email==''){
            $('#user_email_err').text("Please Enter Email ID *");
            $('#user_email_err').show();
            $('html, body').animate( {
                scrollTop: $("#agency_form").offset().top
            }
            , 500);
            return;
        }else{
            if(checkEmail(user_email)==false){
                $('#user_email_err').text("The Email Is Not Valid *");
                $('#user_email_err').show();
                $('html, body').animate( {
                    scrollTop: $("#agency_form").offset().top
                }
                , 500);
                return;
            }else{
                $('#user_email_err').hide();
            }
        }
        
        if(vessel_eta==''){
            $('#vessel_eta_err').text("Please Enter Vessel ETA *");
            $('#vessel_eta_err').show();
            $('html, body').animate( {
                scrollTop: $("#agency_form").offset().top
            }
            , 500);
            return;
        }else{
            $('#vessel_eta_err').hide();
        }
        
        
        var quantity    =   $("#quantity_"+product_id+"").val();
        
        if(quantity==''){
            $("#quantity_"+product_id+"_err").text("Please Enter Quantity *");
            $("#quantity_"+product_id+"_err").show();
            return;
        }else{
            $("#quantity_"+product_id+"_err").hide();
        }
        
        var unit    =   $("#unit_"+product_id+"").val();
        
        if(unit==''){
            $("#unit_"+product_id+"_err").text("Please Enter Unit *");
            $("#unit_"+product_id+"_err").show();
            return;
        }else{
            $("#unit_"+product_id+"_err").hide();
        }
        
        
        /* CREATE HTML TO ADD WITH DELETE BUTTON */
        var html    =   '';
        
        var length  =   product_id.length;
        
        /* SERIAL NUMBER */
        var serial  =   $("#boxlist li").length;
        serial  =   serial + 1;
            
        if(product_id!='' && length<=5){
            html  += '<li class="col-xs-12 border-bottom mt-2 p-0" id="row_'+product_id+'"><div class="col-xs-1">'+serial+'</div><div class="col-xs-3">';
            /* NOW ADD THE PRODUCT TO THE BOX */
            var product_name    =   $(".product_"+product_id+"").text();
            html  += '<p class="product cart_product_name">'+product_name+'</p>';
            
            var subcatname    =   $(".subcatname_"+product_id+"").text();
            html  += '<p class="subcatname">'+subcatname+'</p>';
            
            $(".paragraph_"+product_id+"").each(function(i, obj) {
                html  += '<p class="paragraph">'+$(this).text()+'</p>';
            });
            
            html  += '</div>';
            
            html  += '<div class="col-xs-2"><p><input class="form-control round-input cart_quantity" value="'+quantity+'" type="text" placeholder="Quantity Ex:5"><input class="hidden cart_product_id" value="'+product_id+'" type="hidden"></p></div>';
            
            html  += '<div class="col-xs-2"><p><input class="form-control round-input cart_unit" value="'+unit+'" type="text" placeholder="Unit Ex:Kg"></p></div>';
            
            html  += '<div class="col-xs-3"><p><textarea class="form-control round-input cart_instruction" placeholder="Please enter instructions / comments"></textarea></p></div></div>';
            
            
            html  += '<div class="col-xs-1 text-center"><p><button onclick="removeproduct(\'row_'+product_id+'\')" class="btn" style="font-weight: 500;background:#000;color:#fff;padding: 10px;font-size: 12px;">Remove</button></p></div>';
            
            html  += '</li>';
            
            $( "#boxlist" ).append( html );
        }else if(product_id!='' && length>5){
            html  += '<li class="col-xs-12 border-bottom mt-2 p-0" id="row_'+product_id+'"><div class="col-xs-1">'+serial+'</div><div class="col-xs-3">';
            /* NOW ADD THE PRODUCT TO THE BOX */
            var product_name    =   $(".product_"+product_id+"").val();
            
            if(product_name==''){
                $("#product_"+product_id+"_err").text("Please Enter Product Details *");
                $("#product_"+product_id+"_err").show();
                $('html, body').animate( {
                    scrollTop: $("#product_"+product_id+"_err").offset().top
                }
                , 1000);
                return;
            }else{
                $("#product_"+product_id+"_err").hide();
            }
            
            html  += '<p class="product cart_product_name">'+product_name+'</p>';
            
            html  += '</div>';
            
            html  += '<div class="col-xs-2"><p><input class="form-control round-input cart_quantity" value="'+quantity+'" type="text" placeholder="Quantity Ex:5"><input class="hidden cart_product_id" value="'+product_id+'" type="hidden"></p></div>';
            
            
            html  += '<div class="col-xs-2"><p><input class="form-control round-input cart_unit" value="'+unit+'" type="text" placeholder="Unit Ex:Kg"></p></div>';
            
            
            html  += '<div class="col-xs-3"><p><textarea class="form-control round-input cart_instruction"  placeholder="Please enter instructions / comments"></textarea></p></div></div>';
            
            
            html  += '<div class="col-xs-1 text-center"><p><button onclick="removeproduct(\'row_'+product_id+'\')" class="btn" style="font-weight: 500;background:#000;color:#fff;padding: 10px;font-size: 12px;">Remove</button></p></div>';
            
            html  += '</li>';
            
            $( "#boxlist" ).append( html );
        }
        
        
        updatecartitems();
    }
    
    function removeproduct(product_id){
        $("#"+product_id+"").remove();
        updatecartitems();
    }
    
    function toggleinfowindow(supplier_id){
        
        if(supplier_id=='close'){
            $('#supplierinfo').animate({width:'toggle'},150);
            return;
        }
        $('.supplierinfo').each(function() {
            if( $(this).attr('id')!="box_"+supplier_id+"" ){
                $(this).hide();
            }else{
                $(this).show();
            }
        });
        
        
        var width   =   $( window ).width();
        if(width<=400){
            $("#supplierinfo").css("width", width/1.05);
            $('#supplierinfo').animate({width:'toggle'},150);
        }else if(width>400 && width<=900){
            $("#supplierinfo").css("width", width/1.15);
            $('#supplierinfo').animate({width:'toggle'},150);
        }else if(width>900){
            $("#supplierinfo").css("width", width/1.15);
            $('#supplierinfo').animate({width:'toggle'},150);
        }
        
    }
    
    
    function updatecartitems(){
        var list_items  =   $("#boxlist li").length;
        
        if(list_items>0){
            $( "#totalitems" ).text( list_items );
            $( "#cartbox" ).show();
            $( "#cartbox" ).effect( "shake" );
        }else{
            $( "#cartbox" ).hide();
            $( "#totalitems" ).text( list_items );
        }
        
        if(list_items==0){
            togglecart();
        }
    }
    
    
    function fileupload(){
        /* check if email and vessel eta is enetered or no*/
        
        var user_email  =   $('#user_email').val();
        var vessel_eta  =   $('#vessel_eta').val();
        
        if(user_email==''){
            $('#user_email_err').text("Please Enter Email ID *");
            $('#user_email_err').show();
            $('html, body').animate( {
                scrollTop: $("#agency_form").offset().top
            }
            , 500);
            return;
        }else{
            if(checkEmail(user_email)==false){
                $('#user_email_err').text("The Email Is Not Valid *");
                $('#user_email_err').show();
                $('html, body').animate( {
                    scrollTop: $("#agency_form").offset().top
                }
                , 500);
                return;
            }else{
                $('#user_email_err').hide();
            }
        }
        
        if(vessel_eta==''){
            $('#vessel_eta_err').text("Please Enter Vessel ETA *");
            $('#vessel_eta_err').show();
            $('html, body').animate( {
                scrollTop: $("#agency_form").offset().top
            }
            , 500);
            return;
        }else{
            $('#vessel_eta_err').hide();
        }
        
        $("#file_input").click();
    }
    $("#sendemailbutton").click(function(event){
        event.preventDefault();
        /*var vessel_eta = $("#vessel_eta").val();
        if(vessel_eta == ""||vessel_eta == null){
            alert("please enter vessel eta");
            return false;
        }*/
        var senderid = $("#senderid").val();
        if(senderid==null||senderid == ""){
            alert("Please enter From email address!");
            return false;
        }
        if(checkEmail(senderid)==false){
            alert("From eEmail address is invalid!");
            return false;
        }
        var recieverid = $("#recieverid").val();
        var subject = $("#subject").val();
        /*var message = $("#messagearea").val();*/
        
        var file = document.getElementById("inputattachment");
        var formData = new FormData();
        var files = 0;
        formData.append("doc",files);
        /*formData.append("vessel_eta",vessel_eta);*/
        formData.append("senderid",senderid);
        formData.append("recieverid",recieverid);
        formData.append("subject",subject);
        var message = editor.getData();
        if(message == null || message == ""){
            alert("Email body cannot be null");
            return false;
        }
        formData.append("message",message);
        
        
        if(file){
            // save attachment
            formData.append("doc",file.files[0]);
        }
        // save <a href="/">Ship Supply</a> Enquiry and send email
        $.ajax({
           type:"post",
           url:"/pages/sendattachmentemail",
           data:formData,
           processData: false,
           contentType: false,
           success:function(res){
               console.log("done");
               alert("Thankyou for contacting us, Will revert you soon!!");
               $("#vessel_eta").val("");
               $("#senderid").val("");
               $("#subject").val("");
               $("#message").val("");
               $("#inputattachment").val("");
           },
           error:function(err){
               console.log("Something went wrong, please try again later");
           }
        });
    })
    $("#dialogueboxbutton").click(function(event){
        event.preventDefault();
        
        var enquiryid   = $("#enquiryid").val();
        var vessel_name = $("#vessel_name").val();
        var next_port   = $("#next_port").val();
        var role        =   $('#role :selected').val();
        var email_id    = $("#user_email").val();
        var vessel_eta  = $("#vessel_eta").val();
        var mobile      = $("#mobile").val(); 
        
        /* validate the input */
        if(vessel_name==''){
            $('#vessel_name_err').text("Please Enter Vessel Name *");
            $('#vessel_name_err').show();
            return;
        }else{
            $('#vessel_name_err').hide();
        }
        
        if(next_port==''){
            $('#next_port_err').text("Please Enter Destination Port *");
            $('#next_port_err').show();
            return;
        }else{
            $('#next_port_err').hide();
        }
        
        if(role==''){
            $('#role_err').text("Please Select Your Role *");
            $('#role_err').show();
            return;
        }else{
            $('#role_err').hide();
        }
        
        
        if(vessel_name && next_port ){
            $.ajax({
               type:"post",
               url:"/pages/enquiryupdation",
               data:{
                   enquiryid:enquiryid,
                   vessel_name:vessel_name,
                   next_port:next_port,
                   role:role,
                   emailid:email_id,
                   vessel_eta:vessel_eta,
                   mobile:mobile
               },
               success:function(res){
                   $("#success").text("Thank you for using ShipFeeds. Sit back & relax, ShipFeeds will revert with the best market quotes soon. Window will close after 5 seconds!");
                   $("#success").show();
                    setInterval(function() {
                      window.location.reload();
                    }, 5000); 
                   $("#user_email").val("");
                   $("#vessel_eta").val("");
               },
               error:function(res){
                   console.log("Something went wrong, Try again later!");
                   
               }
            });
        }
        else{
            alert("please provide vessel name and next port name");
        }
    })
    
    function uploadfile(){
        var file = document.getElementById("file_input");
        var user_email = document.getElementById("user_email").value;
        var vessel_eta = document.getElementById("vessel_eta").value;
        var formData = new FormData();
        var files = 0;
        formData.append("doc",files);
        if(file){
            
            formData.append("doc",file.files[0]);
            formData.append("email",user_email);
            formData.append("vesseleta",vessel_eta);
            if(user_email){
                // check already registered
                $.ajax({
                   type:"post",
                   url:"/pages/checkemailexist",
                   data:{
                       emailid:user_email
                   },
                   success:function(res){
                       
                       if(res){
                        //   upload enquiry
                        formData.append('userid',res);
                        $.ajax({
                           type:"post",
                           url:"/pages/enquiryfileupload",
                           data:formData,
                           processData: false,
                           contentType: false,
                           success:function(res){
                               $("#enquiryid").val(res);
                               $("#dialoguebox").show();
                           },
                           error:function(err){
                               console.log("Something went wrong, Try again later!");
                           }
                           
                        });
                       }
                       else{
                        //signup as guest
                        $.ajax({
                           type:"post",
                           url:"/users/signup_guest/"+user_email+"/"+10,
                           data:{email:user_email},
                           success:function(res){
                               console.log(res);
                               //   upload enquiry
                                formData.append('userid',res);
                                $.ajax({
                                   type:"post",
                                   url:"/pages/enquiryfileupload",
                                   data:formData,
                                   processData: false,
                                   contentType: false,
                                   success:function(res){
                                       $("#enquiryid").val(res);
                                       $("#dialoguebox").show();
                                   },
                                   error:function(err){
                                       console.log("Something went wrong, Try again later!");
                                   }
                                   
                                });
                           },
                           error:function(err){
                               console.log("Something went wrong, Try again later!");
                           }
                        });
                       }
                   },
                   error:function(err){
                       console.log("Something went wrong, Try again later!");
                   }
                });
            }
        }
    }
    
    function saveport(){
        var search_port          =   $("#search_port").val();
        $.ajax({
           type:"post",
           url:"/pages/savesearch",
           data:{
               search_port:search_port
           },
           success:function(res){
                $('html,body').animate({
                    scrollTop: $('#search_port').offset().top
                }, 500);
               $("#search_port_id").val(res);
               $(".user_input_home").show();
               $(".method1").show();
           },
           error:function(err){
               console.log("Something went wrong, Try again later!");
           }
        });
        search_port
    }
    
    function __UpdateEnquiry(form_id){
        var next_port              =   $("#next_port_"+form_id).val();
        var enq_id                 =   $("#enq_id_"+form_id).val();
        $.ajax({
              url:'pages/scloader',
              type:"post",
              data:{
                enq_id:enq_id,
                next_port:next_port
              },
              success:function(res){
                  if(res=='done'){
                      alert('Thank You For Your Enquiry. Shipfeeds Will Keep You Updated!');
                  }
              },
              error:function(err){
                console.log("something went error");
              }
        });
    }
    
    function __SubmitEnquiry(form_id){
        var user_email              =   $("#email_"+form_id).val();
        var sup_id                  =   $("#sup_id_"+form_id).val();
        var sup_name                =   $("#sup_name_"+form_id).val();
        var sup_email               =   $("#sup_email_"+form_id).val();
        var subject                 =   $("#subject_"+form_id).val();
        var enquiry                 =   $("#enquiry_"+form_id).val();
        var country_id              =   $("#country_id_"+form_id).val();
        var send_to_other_suppliers =   [];
        $(".supplier_id_"+form_id).each(function() {
            send_to_other_suppliers.push($(this).val());
        });
        
        
        if(user_email=='' || user_email==null || user_email==undefined || 
            subject=='' || subject==null || subject==undefined || 
            enquiry=='' || enquiry==null || enquiry==undefined){
                $('#err_message_'+form_id).text("All fields are mandatory *");
                $('#err_message_'+form_id).show();
                return;
         }else{
                $('#err_message_'+form_id).hide();
         }
         
        if(checkEmail(user_email)==false){
            $('#err_message_'+form_id).text("The Email Is Not Valid *");
            $('#err_message_'+form_id).show();
             $('#supplierinfo').scrollTo("#form_"+form_id+"",100);
            return;
        }else{
            $('#err_message_'+form_id).hide();
        }
        
        /* VALIDATE THE LIST */
        
        
        
        
        
        if(user_email){
            $.ajax({
                  url:'pages/scloader',
                  type:"post",
                  data:{
                    user_email:user_email,
                    sup_id:sup_id,
                    sup_name:sup_name,
                    sup_email:sup_email,
                    subject:subject,
                    enquiry:enquiry,
                    country_id:country_id,
                    send_to_other_suppliers:send_to_other_suppliers
                  },
                  success:function(res){
                      if($.isNumeric(res)){
                        $('#success_'+form_id).text("Thank You For Your Enquiry. Our Ship Chandler Will Get Back To You Shortly!");
                        $('#success_'+form_id).show();
                        $('#supplierinfo').scrollTo("#success_"+form_id,100);
                        $('#enq_id_'+form_id).val(res);
                        $('#send_enquiry_to_next_port_'+form_id).show();
                      }
                  },
                  error:function(err){
                    console.log("something went error");
                  }
            });
        }
    }
    
    function closedialoguebox(){
        $("#dialoguebox").hide();
    }
    
    function leftScroll() {
        const left = document.querySelector(".horizontal_slider");
        left.scrollBy(-300, 0);
    }
    function rightScroll() {
        const right = document.querySelector(".horizontal_slider");
        right.scrollBy(300, 0);
    }
    
    function gotoform(id){
        $('#supplierinfo').scrollTo("#form_"+id+"",100);
        $('#err_message_'+id).text("All fields are mandatory *");
        $('#err_message_'+id).show();
    }
    
    
    
</script>
</body>
</html>
                    <button id="contactusbtn" class="contact-us-btn sendenquiry">Send Enquiry</button>
            </div>
  
  <!-- /footer section --><!-- back to top --><a href="#0" class="cd-top">Top</a><!-- AD VIDEO http: //portda.uae/webroot/uploads/PDALATEST.mp4-->
<script src="/js/responsive-carousel.js"></script><script src="/js/jquery.validate.min.js"></script><script src="/js/validation.js"></script><script>
document.addEventListener("DOMContentLoaded", function () {
  var dateInput = document.getElementById("botform_vesselETA");

  // Set today's date as the minimum
  var today = new Date().toISOString().split('T')[0];
  dateInput.setAttribute('min', today);

  // Trigger the date picker on any click inside the input
  dateInput.addEventListener("click", function () {
    this.showPicker && this.showPicker(); // Supported in modern browsers
    this.focus(); // Fallback
  });
});
  
$(document).ready(function () {
    $('.radio-inline').click(function() {
        // Remove highlight from all options
        $('.radio-inline').css({
          'background': '#f5f5f5',
          'color': 'inherit',
          'border-color': '#ddd'
        });
        
        // Highlight selected option
        $(this).css({
          'background': '#06c',
          'color': '#fff',
          'border-color': '#2e6da4'
        });
        
        // Trigger the actual radio button selection
        $(this).find('input[type="radio"]').prop('checked', true);
    });
  
  $('.botform-horizontal').on('submit', function (e) {
    e.preventDefault(); // Prevent default submission
    $('.text-danger').text('');
    // Collect form values
    const serviceType = $('#serviceType').val();
    const portName = $('#botform_portName').val().trim();
    const vesselName = $('#botform_vesselName').val().trim();
    // const vesselETA = $('#botform_vesselETA').val();
    const email = $('#botform_email').val().trim();
    // const paymentTerms = $('#botform_paymentTerms').val();
    const requirements = $('#botform_requirements').val().trim();
    
    let hasError = false;
    
    
     // Validation: Must select a service
      if (!serviceType || serviceType=='') {
        alert("Please select the required service at port.")
        $('#errorServiceType').text('Please select the required service at port.');
        hasError = true;
      }

    // Validate each field
    if (!portName) {
      $('#errorPortName').text('Port name is required.');
      hasError = true;
    }

    if (!vesselName) {
      $('#errorVesselName').text('Vessel name is required.');
      hasError = true;
    }

    // if (!vesselETA) {
    //   $('#errorVesselETA').text('Vessel ETA is required.');
    //   hasError = true;
    // }

    if (!email) {
      $('#errorEmail').text('Email is required.');
      hasError = true;
    } else {
      const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
      const spamKeywords = ['example', 'demo', 'fake', 'abc', 'noemail', 'test'];
      const freeEmailDomains = ['gmail.com', 'yahoo.com', 'outlook.com', 'hotmail.com', 'aol.com', 'protonmail.com', 'icloud.com', 'test.com'];
    
      if (!emailPattern.test(email)) {
        $('#errorEmail').text('Please enter a valid business email.');
        hasError = true;
      } else {
        const emailLower = email.toLowerCase();
    
        // Check for spammy words in the full email
        const containsSpamKeyword = spamKeywords.some(keyword => emailLower.includes(keyword));
    
        // Extract domain from email and check for free email providers
        const emailDomain = emailLower.split('@')[1];
        const isFreeDomain = freeEmailDomains.includes(emailDomain);
    
        if (containsSpamKeyword || isFreeDomain) {
          $('#errorEmail').text('Please enter a valid company email address (not generic or public email).');
          hasError = true;
        }
      }
    }



    // if (!paymentTerms || !['Cash', 'Pre-Payment', 'Credit'].includes(paymentTerms)) {
    //   $('#errorPaymentTerms').text('Please select a payment term.');
    //   hasError = true;
    // }

    if (!requirements) {
      $('#errorRequirements').text('Please describe your requirements.');
      hasError = true;
    }

    // If any errors, stop submission
    if (hasError) {
      return;
    }


    // Optional: Disable button while submitting
    const $button = $('#botformsubmit');
    $button.prop('disabled', true).text('Request Sent');
    alert('✅ Your request has been submitted successfully!');
    $('.botform-horizontal')[0].reset(); // Reset form
    $button.prop('disabled', false).text('Submit Request');
    // AJAX request
    $.ajax({
      url: '/pages/botformsubmit', // Replace with your endpoint
      type: 'POST',
      data: {
        serviceType,portName,
        vesselName,
        // vesselETA,
        email,
        // paymentTerms,
        requirements
      },
      success: function (response) {
        $button.prop('disabled', false).text('Submit Request');
      },
      error: function (xhr, status, error) {
        alert('❌ There was an error submitting your request. Please try again later.');
        $button.prop('disabled', false).text('Submit Request');
      }
    });
  });
});
</script>



<!-- Add the slick-theme.css if you want default styling --><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/><!-- Add the slick-theme.css if you want default styling --><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.2/jquery.scrollTo.min.js"></script><script src="/js/superplaceholder.js"></script><link rel="stylesheet" type="text/css" href="/tagit/css/jquery.tagit.css"/><style>ul.tagit {
  border: 1px solid lightgrey;
  border-radius: 3px;
}

ul.tagit li.tagit-choice-editable {
  background: #06c;
  color: #fff;
}
.content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: auto;
    text-align: center;
    background-color: #e8eae6;
    box-sizing: border-box;
    padding: 15px;
    z-index: 100;
    display:none;
}
.mandatory{
    color:red;
    float:left;
    font:5px;
    display:none;
}
.close-btn {
    position: absolute;
    right: 20px;
    top: 15px;
    background-color: black;
    color: white;
    border-radius: 50%;
    padding: 4px;
}

.close-btn-new {
        position: absolute;
    right: 2%;
    top: 4%;
    background-color: black;
    color: white;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    font-size: 23px;
    cursor: pointer;
}
</style><script type="text/javascript">
  let editor1;
  
  
    
    function isEmail(email) {
      var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      return regex.test(email);
    }
    
    function popupregistration(){
        $(".content").toggle();
    }
    //submitting the ship chandler enquiry form
    function scenquirysubmit(){
        var user_email = $("#newenquiryemail").val();
        var subject    = $("#newenquiryport").val();
        var enquiry_details = $("#newenquiry_details").val();
        
        $.ajax({
           type:'post',
           url:'/pages/newshipchandlerenquiry',
           data:{
               user_email:user_email,
               subject:subject,
               enquiry_details:enquiry_details
           },
           success:function(res){
               alert("Thankyou for your enquiry. Our Ship Chandler will get back to you shortly!");
               $(".content").toggle();
               $("#newenquiryemail").val("");
               $("#newenquiryport").val("");
               $("#newenquiry_details").val("");
           },
           error:function(err){
               alert("Somethng went wrong, b\come back later and try again!");
           }
        });
    }
$(document).ready(function() {
    
    // Add event listener to the button using jQuery
    $('.sendenquiry').click(function() {
        // Scroll the page to the top smoothly
        $('html, body').animate({
            scrollTop: $('#send__enquiry').offset().top
        }, 600);
        $('#popupMsg').fadeIn(300).delay(2000).fadeOut(400);
    });  
  $("#thegrandtotal").html('');
  $("#appendportinformation").html('');
  $("#appendportname").html('');
  $("#goldagent").html('');
  $("#userrole").change(function () {
    if($(this).val()==12 || $(this).val()==13 || $(this).val()==14) {
      $("#signupemail").attr('placeholder', 'Your Email*');
      $("#signup_contact").show();
      //$("#country").hide();
      $("#portnames").hide();
      $(".formFileMultiple").hide();
    }
    else if($(this).val()==10) {
      $("#signup_contact").show();
      //$("#country").show();
      $("#portnames").show();
      $(".formFileMultiple").show();
      $("#signupemail").attr('placeholder', 'Your Corporate Email*');
    }
    else if($(this).val()==3) {
      $("#signup_contact").show();
      //$("#country").hide();
      $("#portnames").hide();
      $(".formFileMultiple").hide();
      $("#signupemail").attr('placeholder', 'Your Corporate Email*');
    }
  }
  );
  $( ".user-name").change(function() {
    var id='';
    if(id==null || id=='') {
      alert('Please login before you make service request');
      window.location.href="/users/login";
      return;
    }
  }
  );
  var id='';
  if(id!=null || id!='') {
    $(".user-name").val('');
    $(".mail").val('');
    /* STORE PATH OF USER FOR ANALYTICS*/
    /*$.ajax({
              type: "POST",
              url: "/pages/analytics",
              data: "id="+id+"&page=/engine-systems/engine-turbocharger-gasket-sets/marine-butane-cylinders/ross-dependency",
            });  */
    
  }
        /* SUBSCRIPTION FORM START*/
    $('#subscribeme').on('submit', function (e) {
      e.preventDefault();
      submitForm();
    }
    );
    
   
    function submitForm() {
      // Initiate Variables With Form Content
      /*var name = $("#name").val();
            var email = $("#email").val();
            var company = $("#company").val();
            var mobile = $("#mobile").val();*/
      var email=$("#inputEmail1").val();
      $.ajax( {
        type: "POST", url: "/subscribe/index", data: "email=" + email, success: function(text) {
          if (text=="success") {
            $( "#msgSubmit").removeClass( "alert-warning");
            $( "#msgSubmit").addClass( "alert-success");
            formSuccess("Subscriber added successfully!");
          }
          else if (text=="subscribed") {
            $( "#msgSubmit").removeClass( "alert-success");
            $( "#msgSubmit").addClass( "alert-warning");
            formSuccess("Subscriber already added!");
          }
          else {
            $( "#msgSubmit").removeClass( "alert-success");
            $( "#msgSubmit").removeClass( "alert-warning");
            $( "#msgSubmit").addClass( "alert-danger");
            formFail("Technical error please refrehs the page and try again!");
          }
        }
      }
      );
    }
    function formSuccess(msg) {
      $( "#msgSubmit").text(msg);
      $( "#msgSubmit").removeClass( "hidden");
      $('form').trigger("reset");
      setTimeout( function() {
        $( "#msgSubmit").addClass( "hidden");
      }
      , 3000);
    }
      /* SUBSCRIPTION FORM END  */
  
  $('#searchvessels').keyup(function() {
                    var search  =   $(this).val();
                    $.ajax({
                      url:'pages/vesselsweadded',
                      type:"post",
                      data:{
                        search:search
                      },
                      success:function(res){
                        $('#allvessels').html(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });

}

);
function agencynominate() {
  $('.agency_nominate').show();
  $('.agency_nominate').trigger('click');
  $('html, body').animate( {
    scrollTop: $("#topscroll").offset().top
  }
  , 1000);
  $("#spanmessage").text('We welcome agency nomination globally, please send details & we will get back to you soon.');
  $("#spanmessage").show();
  for(i=0;
  i<5;
  i++) {
    $(this).fadeTo('slow', 0).fadeTo('slow', 1.0);
  }
}

/*function carousal(){
      
      $('.carousel').carousel({
        interval: 1500
      });
    }*/

$(function () { 
    let editor1;  // Declare editor1

ClassicEditor
    .create(document.querySelector('#editor1'))
    .then(editor => {  // Use singular "editor" to match the instance
        editor1 = editor;  // Assign the editor instance
        console.log(`Editor1 initialized for:`, editor1);
    })
    .catch(error => {
        console.log("Error initializing ClassicEditor:");
    });

  
    
  $('.isNumberKey').keyup(function() {
    if($.isNumeric($(this).val())) {
      if($("#user_email").val()=='youremail@test.com' || $("#user_email").val()==''){
        $("#user_email").val('');
        $(".user_email").show();
      }
      return true;
    }
    else {
      $(this).val("");
    }
  });
  
  
  $('#searchport').keyup(function() {
        var search  =   $(this).val();
        $.ajax({
          url:'/pages/listports',
          type:"post",
          data:{
            search:search
          },
          success:function(res){
            $('.listports').html(res);
          },
          error:function(err){
            console.log("something went error");
          }
        });
  });
  
  /*
                $('#agent_company').keyup(function() {
                    $.ajax({
                      url:'/port/agentprofile',
                      type:"post",
                      data:{
                        agent_company:$(this).val()
                      },
                      success:function(res){
                        $("#agent_company_display").text(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });
                
                $('#agent_port').keyup(function() {
                    $.ajax({
                      url:'/port/agentprofile',
                      type:"post",
                      data:{
                        agent_port:$(this).val()
                      },
                      success:function(res){
                        $("#agent_port_display").text(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });
                
                $('#agent_mobile').keyup(function() {
                    $.ajax({
                      url:'/port/agentprofile',
                      type:"post",
                      data:{
                        agent_mobile:$(this).val()
                      },
                      success:function(res){
                        $("#agent_mobile_display").text(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });
                
                $('#agent_address').keyup(function() {
                    $.ajax({
                      url:'/port/agentprofile',
                      type:"post",
                      data:{
                        agent_address:$(this).val()
                      },
                      success:function(res){
                        $("#agent_address_display").text(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });
                
                $('#agent_leads').keyup(function() {
                    $.ajax({
                      url:'/port/agentprofile',
                      type:"post",
                      data:{
                        agent_leads:$(this).val()
                      },
                      success:function(res){
                        $("#agent_leads_display").text(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });
                
                $('#editor1').keyup(function() {
                    $.ajax({
                      url:'/port/agentprofile',
                      type:"post",
                      data:{
                        agent_services:editor1.getData()
                      },
                      success:function(res){
                        $("#agent_services_display").html(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });
                
                $("#agent_logo").change(function(){
                    var form =document.getElementById('agent_logo');
                    var formData = new FormData();
                    formData.append('files',form.files[0]);
                    // sending ajax request
                    $.ajax({
                        type:"post",
                        url:'/port/agentprofile',
                        data:formData,
                        processData: false,
                        contentType: false,
                        success:function(res){
                             $(".agent_company_logo").attr("src",res);
                        },
                        error:function(err){
                            console.log("something went wrong");
                        }
                    });
                });*/
                
                $('#agent_countries').keyup(function() {
                    $.ajax({
                      url:'/port/getdetails',
                      type:"post",
                      data:{
                        country:$(this).val()
                      },
                      success:function(res){
                        $("#agent_countries_display").html(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });
                
                $('#agent_port').keyup(function() {
                    $.ajax({
                      url:'/port/getdetails',
                      type:"post",
                      data:{
                        port:$(this).val()
                      },
                      success:function(res){
                        $("#agent_ports_display").html(res);
                      },
                      error:function(err){
                        console.log("something went error");
                      }
                    });
                });
                
                $("#saveprofile").click(function () {
                    if (confirm("Please note that due to the reduced registration fee, all payments are final and non-refundable. Do you wish to proceed?")) {
                        var agent_name    =  $("#agent_company").val();
                        var vesselname    =  $("#vesselname").val();
                        var portname    =  $("#portname").val();
                        var agent_email   =  $("#agent_email").val();
                        var contact       =  $("#agent_mobile").val();
                        var full_address  =  $("#agent_address").val();
                        var agent_products              =  $("#agent_products").val();
                        var min_order_value             =  $("#min_order_value").val();
                        var delivery_cost_at_berth      =  $("#delivery_cost_at_berth").val();
                        var delivery_cost_at_anchorage  =  $("#delivery_cost_at_anchorage ").val();
                        
                        
                        var content       =  editor1.getData();
                        var image         =  document.getElementById('agent_logo');
                        var logo          =  image.files[0];
                        var country_ids=[];
                        $('.selectedcountries').each(function(i, obj) {
                            country_ids.push($(this).attr('custom-id'));
                        });
                        
                        var port_ids=[];
                        $('.selectedports').each(function(i, obj) {
                            port_ids.push($(this).attr('custom-id'));
                        });
                        
                        var formData = new FormData();
                        formData.append('agent_company',agent_name);
                        formData.append('vesselname',vesselname);
                        formData.append('portname',portname);
                        formData.append('agent_email',agent_email);
                        formData.append('agent_mobile',contact);
                        formData.append('agent_products',agent_products);
                        formData.append('agent_address',full_address);
                        formData.append('agent_services',content);
                        formData.append('files',logo);
                        formData.append('sc_countries',country_ids);
                        formData.append('sc_ports',port_ids);
                        
                        formData.append('min_order_value',min_order_value);
                        formData.append('delivery_cost_at_berth',delivery_cost_at_berth);
                        formData.append('delivery_cost_at_anchorage',delivery_cost_at_anchorage);
                        
                      $.ajax({
                                url:'/port/savescprofile',
                                type:"post",
                                data:formData,
                                processData: false,
                                contentType: false,
                                success:function(res){
                                    if(res=='done'){
                                        alert("Company Profile Created Successfully. To Start Receiving Enquirires, Please Proceed To Shipfeeds Ship Chandler Subscription Package!");
                                        window.location.href="https://www.shipfeeds.com/pages/shipfeedspackage";
                                    }else{
                                        alert("Your good company profile already exist. Please send an email to info@shipfeeds.com to update your profiel!");
                                    }
                                    
                                },
                                error:function(err){
                                    console.log("something went error");
                                }
                        });
                    } else {
                        alert("Action canceled.");
                        return;
                    }
        
                    
                });
                
                $("#SendemailtoallSCS").click(function () {
                    $.ajax({
                        type:"post",
                        url:"/pages/sendemailtoallshipchandlers",
                        data:{
                          subject:$('#email_subject').val(),
                          email:editor1.getData()
                        },
                        success:function(res){
                            alert(res);
                        },
                        error:function(err){
                            console.log("something went wrong");
                        }
                    });
                });
                
                $('#frmExcelImport').submit(function(event) {
                    
                    event.preventDefault();
                    // Collect form values using jQuery
                    var campaign        = $('#campaign').val();
                    //var email_subject   = $('#email_subject').val();
                    //var email_body      = editor1.getData();
                    var files           = $('#files')[0].files[0]; // Get the master file
                    var attachments     = $('#attachments')[0].files; // Get the attachment file
                    
                    if (files) {
                        // Create a data object to send via AJAX
                        var formData = new FormData();
                        
                        formData.append('files', files);
                        for (var i = 0; i < attachments.length; i++) {
                            formData.append('attachments[]', attachments[i]);
                        }
                        formData.append('campaign', campaign);
                        //formData.append('email_body', email_body);
                        //formData.append('email_subject', email_subject);
            
                        // AJAX POST request to send form data
                        $.ajax({
                            type: 'POST',
                            url: '/pages/upload-document',
                            data: formData,
                            processData: false,
                            contentType: false,
                            success: function(response) {
                                // Handle success response if needed
                                alert(response);
                                $('#sentmessage').html(response);
                                $('#sentmessage').show();
                            },
                            error: function(err) {
                                // Handle error if needed
                                console.log('Form submission error:');
                            }
                        });
                    }
                });

});


    
function takethiscountry(id,name){
    $( "#selectedcountries" ).append( "<span class='selectedcountries remove_id_"+id+"' custom-id='"+id+"' style='background: #000;color: #fff;padding: 5px;border-radius: 5px;margin: 5px;'>"+name+"&nbsp;&nbsp;&nbsp;<a href='javascript:void()' onclick=\"removethis('remove_id_" + id + "')\">X</a></span>" );
    $("#agent_countries_display").empty();
}

function takethisport(id,name){
    $( "#selectedports" ).append( "<span class='selectedports remove_id_"+id+"' custom-id='"+id+"' style='background: #000;color: #fff;padding: 5px;border-radius: 5px;margin: 5px;'>"+name+"&nbsp;&nbsp;&nbsp;<a href='javascript:void()' onclick=\"removethis('remove_id_" + id + "')\">X</a></span>" );
    $("#agent_ports_display").empty();
}

function removethis(thist){
    $( "."+thist ).remove();
}

function interactiveusers(){
  var useremail = $("#user_email").val();
  if(useremail == null){
    useremail = $("#ships_user_email").val();
  }
  var disch_port = $("#animated_placeholder_portname_ships_disch_port").val();
  var load_port = $("#animated_placeholder_portname_ships_load_port").val();
  if(useremail == null){
    alert("please enter your corporate email address");
    return false;
  }else{
    $.ajax({
      url:'pages/countintercativeusers',
      type:"post",
      data:{
        emailid:useremail,
        load_port:load_port,
        disch_port:disch_port
      },
      success:function(res){
        console.log('done');
      },
      error:function(err){
        console.log("something went error");
      }
    });
  }
  
}

  
function tools() {
  $("#param_1").hide();
  $(".param_1").change(function(e) {
    if($(this).val()=='other') {
      $("#param_1").show();
    }
    else {
      $("#param_1").hide();
    }
  }
  );
  $("#param_2").hide();
  $(".param_2").change(function(e) {
    if($(this).val()=='other') {
      $("#param_2").show();
    }
    else {
      $("#param_2").hide();
    }
  }
  );
  $("#param_3").hide();
  $(".param_3").change(function(e) {
    if($(this).val()=='other') {
      $("#param_3").show();
    }
    else {
      $("#param_3").hide();
    }
  }
  );
  $("#param_4").hide();
  $(".param_4").change(function(e) {
    if($(this).val()=='other') {
      $("#param_4").show();
    }
    else {
      $("#param_4").hide();
    }
  }
  );
  $("#param_5").hide();
  $(".param_5").change(function(e) {
    if($(this).val()=='other') {
      $("#param_5").show();
    }
    else {
      $("#param_5").hide();
    }
  }
  );
  $("#param_6").hide();
  $(".param_6").change(function(e) {
    if($(this).val()=='other') {
      $("#param_6").show();
    }
    else {
      $("#param_6").hide();
    }
  }
  );
  $("#param_7").hide();
  $(".param_7").change(function(e) {
    if($(this).val()=='other') {
      $("#param_7").show();
    }
    else {
      $("#param_7").hide();
    }
  }
  );
  $("#param_8").hide();
  $(".param_8").change(function(e) {
    if($(this).val()=='other') {
      $("#param_8").show();
    }
    else {
      $("#param_8").hide();
    }
  }
  );
  $("#param_9").hide();
  $(".param_9").change(function(e) {
    if($(this).val()=='other') {
      $("#param_9").show();
    }
    else {
      $("#param_9").hide();
    }
  }
  );
}

</script><!-- js for navigation -->
<script>
function doOnLoad() {
  
 $('.date').datepicker( {
    dateFormat: 'yy-mm-dd'
  }
  ).datepicker("setDate", new Date());
}

</script><script type="text/javascript">$(document).ready(function() {
  var external_ugsa_country=$('#external_ugsa_country').text();
  if(external_ugsa_country>0) {
    get_ports();
  }
  var url = window.location.href;
    $.ajax({
      url:'/pages/trackusers',
      type:'post',
      data:{
        url:url
      },
      success:function(data){
        console.log('success');
      },
      error:function(err){
        console.log(err);
      }
    });
}

);

$(document).ready(function() {
    
    $(".masters").slick( {
        dots: false, infinite: true, variableWidth: true, slidesToShow: 1, centerMode: true, slidesToScroll: 1, arrows: true, autoplay: true, swipe: true, zIndex: 1000
    });
  
  $(".portleads_products").slick( {
    dots: false, infinite: true, variableWidth: false, slidesToShow: 1, centerMode: true, slidesToScroll: 1, arrows: true, autoplay: true, swipe: true, zIndex: 1000
  });
  
  
  var timer = null;
  /*$.widget("custom.combobox", {
    _create: function () {
      this.wrapper=$("<span>") .addClass("custom-combobox col-lg-12") .attr("style", "padding:0") .insertAfter(this.element);
      this.element.hide();
      this._createAutocomplete();
      this._createShowAllButton();
    }
    , _createAutocomplete: function () {
      if(this.element.attr("id")=='load_port' || this.element.attr("id")=='ships_load_port'){
        var placeholder = 'Load Port Name';
      }else if(this.element.attr("id")=='user_port_testing'){
          var placeholder = 'Port Name Ex : Hamburg';
      }else{
        var placeholder = 'Discharge Port Name';
      }
      var selected=this.element.children(":selected"), value=selected.val() ? selected.text(): "";
      this.input=$("<input type='text'>") .appendTo(this.wrapper) .val(value) .attr("title", "Port Name") .attr("style", "height: 25px;color: grey;font-size: 13px;border-radius: 5px;padding-left: 12px;background: #fff;margin: 0 !important;") .attr("placeholder", placeholder) .attr("id", "animated_placeholder_portname_"+this.element.attr("id")) .addClass("form-group custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left col-lg-12") 
       .autocomplete({
        delay: 0, minLength: 0, source: $.proxy(this, "_source")           
      })
      .tooltip( {
        tooltipClass: "ui-state-highlight"
      }
      );
      this._on(this.input, {
        autocompleteselect: function (event, ui) {
          majorportcall(ui.item.option.value, ui.item.option.attributes['data-attr'].value, ui.item.option.label);
        }
        , autocompletechange: "_removeIfInvalid"
      }
      );
    }
    , _createShowAllButton: function () {
      var input=this.input, wasOpen=false;
      $("<a>") .attr("tabIndex", -1) .attr("title", "Show All Items") .tooltip() .appendTo(this.wrapper) .button( {
        icons: {
          primary: "ui-icon-triangle-1-s"
        }
        , text: false
      }
      ) .removeClass("ui-corner-all") .addClass("custom-combobox-toggle ui-corner-right") .mousedown(function () {
        wasOpen=input.autocomplete("widget").is(":visible");
      }
      ) .click(function () {
        input.focus(); // Close if already visible
        if (wasOpen) {
          return;
        } // Pass empty string as value to search for, displaying all results
        input.autocomplete("search", "");
      }
      );
    }
    , _source: function () {
      clearTimeout(timer); 
      
      var attribute = this.element.attr("id");
      
      var input_value = $("#animated_placeholder_portname_"+attribute).val();
      timer = setTimeout(function () {
            $.ajax({
                type:"POST",
                url:'/pages/getactiveports/'+attribute,
                data:{input:input_value},
                success:function(res){
                  $("#"+attribute+'_list').show();
                  $("#"+attribute+'_list').html(res);
                },
                error:function(data){
                  console.log(data);
                }
              });
      }, 500);
      
    }
    , _removeIfInvalid: function (event, ui) {
      // Selected an item, nothing to do
      if (ui.item) {
        return;
      } // Search for a match (case-insensitive)
      var value=this.input.val(), valueLowerCase=value.toLowerCase(), valid=false;
      this.element.children("option").each(function () {
        if ($(this).text().toLowerCase()===valueLowerCase) {
          this.selected=valid=true;
          return false;
        }
      }
      ); // Found a match, nothing to do
      if (valid) {
        return;
      } // Remove invalid value
      this.input.val("") .attr("title", value + " didn't match any item");
      this.element.val("");
      this.input.data("ui-autocomplete").term="";
    }
    , _destroy: function () {
      this.wrapper.remove();
      this.element.show();
    }
  }
  );
}*/
});
function saveinfo() {
  var data=$("#infoform").serialize();
  var flags_restricted=JSON.stringify($("#flags_restricted").val());
  $.ajax( {
    type: "POST", url: "/pages/saveinfo", data:'data='+data+'&external_link='+$("#external_link").val()+'&flags_restricted='+flags_restricted, success: function(data) {
      if(data==1) {
        $("#spanmessage").text('Port Information updated successfully.');
        $("#spanmessage").show();
        $("#spanmessage").hide(10000);
      }
    }
  }
  );
}
function getportname(port_id,country_id,port_name,element){
/*  if(element=='load_port'){
    var getdischportid = $("#disch_port").val(port_id);
    if(getdischportid==port_id){
      alert("Load Port and discharge port cannot be the same");
      return;
    }
  }*/
  
  
  $("#animated_placeholder_portname_"+element).val(port_name); 
  $("#"+element).val(port_id); 
  $("#"+element+"_list").hide();
  $("#tmp_port").val(port_id);
  $("#"+element+"_country").val(country_id);
  $('.'+element).change();
  //majorportcall(port_id,country_id,port_name,element);
}
  
function closeform() {
  $("#portinformation").show();
  $("#editform").hide();
  $('html, body').animate( {
    scrollTop: $("#portinformation").offset().top
  }
  , 1000);
}

</script>
   <script src="/js/jquery.ui.core.min.js"></script>  <script src="/js/libs/jquery.mousewheel.js"></script>
  <script src="/js/libs/perfect-scrollbar.js"></script>
  <script src="/js/libs/jquery.matchHeight.js"></script>
  <script src="/js/libs/ScrollMagic.js"></script>
  <script src="/js/libs/material.min.js"></script>
  <script src="/js/libs/smooth-scroll.js"></script>
  <script src="/js/libs/selectize.js"></script>
  <script src="/js/libs/main.js"></script>
  <!-- js for back to top -->
    <!-- /js for back to top -->
  <script>
    function tagthese() {
  /* CALL THE HASHTAGS TABLE TO GET ALL TAGS*/
 /* $.ajax( {
    type:"post", url:"/social-media/displayhashtag", data: {
      data: ""
    }
    , success:function(data) {
      var sampleTags=[];
      $.each(JSON.parse(data), function(i, item) {
        sampleTags.push(item.hashtag);
      }
      );
      $('.hashtags').tagit( {
        availableTags: sampleTags, // this param is of course optional. it's for autocomplete.
        // configure the name of the input field (will be submitted with form), default: item[tags]
        itemName: 'item', fieldName: 'tags'
      }
      );
    }
    , error:function(response) {
      console.log('error::'+response);
    }
  }
  );*/
  /*setTimeout(function() {
    $('.majorports').show();
  }
  , 2500);*/
  /*$("#load_port").combobox();
  $("#ships_load_port").combobox();
  $("#disch_port").combobox();
  $("#ships_disch_port").combobox();*/
  
  //$("#user_port_testing").combobox();
}

//tagthese();
//getpostonrole(13);  
  
function savecargoenquiry(){
  var post = $("#cargoenquiry_post").val();
  var post_id = $("#cargoenquiry_postid").val();
  var freight_rate = $("#cargoenquiry_freight_rate").val();
  var vessel_name = $("#cargoenquiry_vesselname").val();
  var dwt = $("#cargoenquiry_dwt").val();
  var laycan = $("#cargoenquiry_date").val();
  var email_id = $("#cargoenquiry_email_id").val();
  var company = $("#cargoenquiry_company_name").val();
  var role = $("#cargoenquiry_role").val();
  
  if($.isNumeric(freight_rate)==false || freight_rate == 0){
    alert("Freight rate should be a number/amount only");
    return;
  }
  
  if(laycan!="" && email_id!="" && role!=''){
    $("#cargoerror").text("");
     $.ajax({
      type:'post',
      url:'/social-media/savecargoenquiry',
      data:{
        post:post,
        post_id:post_id,
        freight_rate:freight_rate,
        vessel_name:vessel_name,
        dwt:dwt,
        laycan:laycan,
        email_id:email_id,
        company:company,
        role:role
      },
      success:function(res){
        console.log('success');
        alert('Thank you for submitting the details. We will contact you shortly..');
        $("#cargoenquiry_post").val("");
        $("#cargoenquiry_postid").val("");
        $("#cargoenquiry_vesselname").val("");
        $("#cargoenquiry_dwt").val("");
        $("#cargoenquiry_date").val("");
        $("#cargoenquiry_email_id").val("");
        $("#cargoenquiry_company_name").val("");
        $("#cargoenquiry_role").val("");
      },
      error:function(err){
        console.log('error');
      }
    });
  }else{
    $("#cargoerror").text("All fields are mandatory!");
  }
}
  
function getfeaturedcompanies(){
  
  
  var usercookie,countries,port;
  
  countries = $("#countries").val();
  port      = $("#tmp_port").val();
  
  if(port=='Select Port' || port=='') {
    $("#port_err").text('Please select the port*');
    $("#port_err").show();
    return;
  }
	$.ajax({
		type: "POST",
		url: "/social-media/getfeaturedcompanies",
		data:'country='+countries+'&port='+port,
		success: function(html){
			$("#leftsidebar").append(html);
			
			/*$.ajax({
				type: "POST",
				url: "/social-media/getfeaturedaddress",
				data:'country='+countries+'&port='+port,
				success: function(data){
					var response = JSON.parse(data);
          initAutocomplete(port,response.port_name,response.featured_address);
          
          
          setTimeout(function(){
            $(".mCustomScrollbar").mCustomScrollbar();
              getthecargos(port);
              $(".selectpicker").selectpicker('refresh');
			  
				$('.js-sidebar-left').on("click", function (e) {
						if ($(window).width() < 760){
							if($(".fixed-sidebar.left-fixed-sidebar").hasClass( "open" )){
								$(".fixed-sidebar.right").removeClass( "open" );
								$(".fixed-sidebar.left-fixed-sidebar").removeClass( "open" );
							}else{
								$(".fixed-sidebar.right").removeClass( "open" );
								$(".fixed-sidebar.left-fixed-sidebar").addClass( "open" );
							}
						}else{				
							if($(".fixed-sidebar.left-fixed-sidebar").hasClass( "open" )){
								$(".fixed-sidebar.left-fixed-sidebar").removeClass( "open" );
							}else{
								$(".fixed-sidebar.left-fixed-sidebar").addClass( "open" );
							}
						}
				});
				$('.js-sidebar-right').on("click", function (e) {
					
					
					if ($(window).width() < 760){
							if($(".fixed-sidebar.left-fixed-sidebar").hasClass( "open" )){
								$(".fixed-sidebar.right").removeClass( "open" );
								$(".fixed-sidebar.left-fixed-sidebar").removeClass( "open" );
							}else{
								$(".fixed-sidebar.right").addClass( "open" );
								$(".fixed-sidebar.left-fixed-sidebar").removeClass( "open" );
							}
						}else{				
							if($(".fixed-sidebar.right").hasClass( "open" )){
								$(".fixed-sidebar.right").removeClass( "open" );
							}else{
								$(".fixed-sidebar.right").addClass( "open" );
							}
						}
				});
				
				if ($(window).width() < 760){
					$(".fixed-sidebar.right").removeClass( "open" );
					$(".fixed-sidebar.left-fixed-sidebar").addClass( "open" );
				}else{				
					$(".fixed-sidebar.left-fixed-sidebar").addClass( "open" );
					$(".fixed-sidebar.right").addClass( "open" );
				}
				
				
            }, 1500);
          if(user_category!=''){
            $('#categories option[value="'+user_category+'"]').attr("selected", "selected");
            $('#categories').selectpicker('refresh');
            $('#categories').change();
           }
				}
			});*/
		}
	});
}
</script>
  <script>
   /* superplaceholder({
      el: animated_placeholder_portname,
      sentences: ['Search Your Port Here','Tianjin port','Port Of Hambantota-Srilanka','Zhanjiang Port','Port Of Beirut','Port Of Singapore','Douala Port - Cameroon', 'Port of Salalah', 'Kakinada Port', 'Sudan Port', 'Puerto de tampico port'],
      options: {
        letterDelay: 30,
        loop: true,
        startOnFocus: false
      }
    });*/
    
    $("#user_email").keyup(function() {
      $("#knowmore_email").val($(this).val());
    });
    
    $("#custom_cargo_type").keyup(function() {
      if($("#user_email").val()=='youremail@test.com' || $("#user_email").val()==''){
        $("#user_email").val('');
        $(".user_email").show();
      }
    });
    
    $("#know_more").click(function () {
        var user_email=$("#user_email").val();
        if(user_email=='youremail@test.com' || user_email==''){
          $("#knowmore_email").val('');
        }else{
          $("#knowmore_email").val(user_email);
        }
        popupopen("popup-knowmore");
    });
    
    function searchdatewise(){
//     alert("something");
      var date_from = document.getElementById("search_date_from").value;
      var date_to   = document.getElementById("search_date_to").value;
      console.log(date_from +' - '+date_to);
      
      if(date_from == "" || date_to == ""){
        alert("inavlid input");
      }
      if(date_from != ""||date_to != ""){
        alert("ajax call");
        $.ajax({
          type:"post",
          url:"https://www.portda.com/pages/traffic_search",
          data:{
            datefrom:date_from,
            dateto:date_to
          },
          success:function(res){
            console.log("done");
          },
          error:function(err){
            console.log(err);
          }
        });
      }
    }
    
    function submitknowmore(){
      var port_id = $("#tmp_port").val();
      var countries=$("#countries").val();
      var user_email=$("#knowmore_email").val();
      $.ajax({
          type: "POST", url: "/safeVerifyUser", data:'email='+user_email, success: function(data) {
            if(data==3) {
              $("#knowmore_email_err").text('Invalid Email ID*');
              $("#knowmore_email_err").show();
              return;
            }
            if(data==9) {
              $("#knowmore_email_err").text('Free Email Restricted, Only Corporate Emails*');
              $("#knowmore_email_err").show();
              return;
            }
            else if(data==1 || data==2) {
              $("#knowmore_email_err").text('');
              $("#knowmore_email_err").hide();
            }
          }
        });
      var knowmore_mobile = $("#knowmore_mobile").val();
      var knowmore_enquiry = $("#knowmore_enquiry").val();
      if(knowmore_enquiry==''){
        $("#knowmore_enquiry_err").text('Please enter enquiry details*');
        $("#knowmore_enquiry_err").show();
        return;
      }else{
        $("#knowmore_enquiry_err").text('');
        $("#knowmore_enquiry_err").hide();
      }
      $("#knowmore_text").html('');
      
      $.ajax({
        type: "POST", url: "/pages/knowmore", data:'port_id='+port_id+'&countries='+countries+'&user_email='+user_email+'&knowmore_mobile='+knowmore_mobile+'&knowmore_enquiry='+knowmore_enquiry, success: function(data) {
          if(data==1) {
            $("#knowmore_text").html('<p style="font-size: 20px;">Thank you for sending enquiry.We will get back to you shortly!</p>');
          }
        }
      });
    }
    
    $(document).mouseup(function(e) 
{
    var container = $("#displayportsfromajax");

    // if the target of the click isn't the container nor a descendant of the container
    if (!container.is(e.target) && container.has(e.target).length === 0) 
    {
        container.hide();
    }
});
    
    
  </script>


 <!-- <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="df9f4ff5-16a2-42f9-9a51-b281cd4d1aae" data-blockingmode="auto" type="text/javascript"></script>-->
  <div class="popup popup-userpost" data-popup="popup-userpost" style="display:none;"><div class="popup-inner mCustomScrollbar" data-mcs-theme="dark" style="height:550px;"><div class="col-lg-12"><div id="userpost"></div></div><a class="popup-close" data-popup-close="popup-registerstep" style="top: 10%;right: 4%;" onclick="popupclose('popup-userpost')" href="javascript:void(0);">x</a></div></div>
  
  <!--<div class="followbutton">
    <script src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
    <script type="IN/FollowCompany" data-id="13710722"></script>
    <p></p>
    <a href="https://twitter.com/PortDA3?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @TwitterDev</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  </div>-->
  <style>
  .ck-editor__editable_inline {
    min-height: 200px;
}
    .mapboxgl-ctrl-top-right {
       bottom: 25px;
    right: 0;
    top: auto;
}
.ui-button {
   display: none;
}

.btn-primary:hover {
    background-color: #000 !important;
}
  </style>
  <script>
    function send_enq_to_operator(imo,vessel_name){
      $("#vesselenquiry_imo").val(imo);
      $("#vesselenquiry_vesselname").val(vessel_name);
      popupopen('popup-vesselenquiry');
    }
    
    function popupclose(targeted_popup_class) {
      $('div[data-popup="' + targeted_popup_class + '"]').hide();
    }
    
    function popupopen(targeted_popup_class) {
        $('div[data-popup="' + targeted_popup_class + '"]').show();
    }
    
    function oceanfreight(){
              popupopen('popup-loginandsignup');
          }   
    
    function closeactiveports(element){
      $("."+element).hide();
    }
    
    function createof(){
      var acc = $("#of_acc").val();
      var laycan_from=$("#laycan_from").val();
      var laycan_to=$("#laycan_to").val();
      var term = $("#of_term").val();
      var commission=$("#of_commission").val();
      var email=$("#of_email").val();
      var load_port=$("#load_port").val();
      var disch_port=$("#disch_port").val();
      var custom_cargo_type = $("#custom_cargo_type").val();
      var cargo_quantity = $("#cargo_quantity_0").val();
      
      $.ajax({
        type: "POST", url: "/pages/create_cargo_enquiry", data:'load_port='+load_port+'&disch_port='+disch_port+'&acc='+acc+'&laycan_from='+laycan_from+'&laycan_to='+laycan_to+'&term='+term+'&commission='+commission+'&email='+email+'&cargo_type='+custom_cargo_type+'&cargo_quantity='+cargo_quantity, success: function(data) {
          if(data==1) {
            $("#of_message_text").html('<p style="font-size: 20px;">Thank you for sending enquiry.We will get back to you shortly!</p>');
          }
        }
      });
    }
    
    function togglediv(div){
        if(div == 1){
            document.getElementById("costperport").style.display="none";
            document.getElementById("costperlead").style.display="block";
            $("#total_cpl_cost").text("0 USD");
            $("#subtotal_cpl_cost").text("0 USD x 0 Leads");
        }
        if(div == 2){
            document.getElementById("costperlead").style.display="none";
            document.getElementById("costperport").style.display="block";
            $("#total_cpl_cost").text("0 USD");
            $("#subtotal_cpl_cost").text("0 USD x 0 Months x 0 Port");
        }
    }
    
    function whatsappchat(){
        $("#showemailbox").show();
        $(".maincontentbody").css("opacity", "0.4");
    }
    
    function closeemailbox(){
        $(".maincontentbody").css("opacity", "1");
        $("#showemailbox").hide();
    }
    
    function startchat(){
        var whatsappemail   =   $("#whatsappemail").val();
        
        if(isEmail(whatsappemail)==false){
            $('#whatsappemail_err').text("The Email Is Not Valid *");
            $('#whatsappemail_err').show();
            return;
        }else{
            $('#whatsappemail_err').hide();
        }
        
        if($("#whatsappemail").val()!=''){
            window.open(
              "/pages/forwardtoagent/447908403111/Hello ShipsFeed Team, I would like to know more about your services & I am interested in joining Shipsfeed/"+$("#whatsappemail").val(),
              '_blank' // <- This is what makes it open in a new window.
            );
        }else{
            alert("Please enter the email id..");
            return;
        }
        
    }
    
     
            $(document).ready(function() {
            
                
                $("#checkedAll").change(function() {
                    var checked = 0;
                    if (this.checked) {
                        $(".checkSingle").each(function() {
                            this.checked=true;
                            checked =   checked + 1;
                        });
                    } else {
                        $(".checkSingle").each(function() {
                            this.checked=false;
                        });
                        checked = 0;
                    }
                    
                    if(checked * 29 > 1999){
                        var total   =   1999;
                    }else{
                       var total    =   checked * 29; 
                    }
                    $("#total_leads_cost").val(total);
                    $("#subtotal_leads_cost").val(total);
                    $("#amount").val(total);
                    $("#no_of_leads").val(checked);
                    $("#total_leads_selected").text(checked+' Leads Selected');
                    $("#per_lead_total_amount").text(total+' GBP');
                });
            
                $(".checkSingle").click(function () {
                    var counter = 0;
                    if ($(this).is(":checked")) {
                        var isAllChecked = 0;
                        
                        $(".checkSingle").each(function() {
                            if (!this.checked){
                                isAllChecked = 1;
                            }
                        });
            
                        if (isAllChecked == 0) {
                            $("#checkedAll").prop("checked", true);
                        }     
                    }else {
                        $("#checkedAll").prop("checked", false);
                    }
                    
                    $(".checkSingle").each(function() {
                        if (this.checked){
                            counter =   counter + 1;
                        }
                    });
                    
                    if(counter * 29 > 1999){
                        //alert('Please "Select All" option on the top to get all leads in USD 1999 only');
                        var total_gbp   =   1999;
                        var total_usd   =   2685;
                    }else{
                        var total_gbp   =   counter * 29; 
                        var total_usd   =   counter * 39; 
                    }
                    
                    if(total_gbp>1999){
                          total_gbp =   1999;
                    }
                      
                    if(total_usd>1999){
                          total_usd =   2680;
                    }
                    
                    
                    /* NOW SET THE TOTAL LEADS COST */
                    
                    $("#total_leads_cost").val(total_usd);
                    $("#subtotal_leads_cost").val(total_usd);
                    $("#amount").val(total_usd);
                    $("#no_of_leads").val(counter);
                    $("#total_leads_selected").text(counter+' Leads Selected');
                    $("#per_lead_total_amount").text('GBP '+total_gbp);
                });
                
                $(':radio[name="currency_change"]').change(function() {
                  var currency_change = $(this).filter(':checked').val();
                  var no_of_leads   =       $("#no_of_leads").val();
                  var total_gbp     =       no_of_leads * 29; 
                  var total_usd     =       no_of_leads * 39; 
                  
                  if(total_gbp>1999){
                      total_gbp =   1999;
                  }
                  
                  if(total_usd>1999){
                      total_usd =   2680;
                  }
                  
                  if(currency_change=='USD'){
                      $("#per_lead_total_amount").text('USD '+total_usd);
                  }else{
                      $("#per_lead_total_amount").text('GBP '+total_gbp);
                  }
                  $("#amount").val(total_usd);
                });
                
            });
            
            function saverole(){
               var rolechecbox      =   [];
               var other_role       =   $('#other_role').val();
               var visitor_email    =   $('#visitor_email').val();
               
                $('input[name="rolechecbox"]:checked').each(function(i){
                    rolechecbox[i] = $(this).val();
                });
                
                var str1 = "ship_agent";
                
                if(rolechecbox.indexOf(str1) == -1){
                    $(".btntxtreplace").text('Go To Final Step');
                }
                
                $("#rolechecbox").val(rolechecbox);
                
               if(rolechecbox.length==0 & other_role==''){
                   $("#v_error").text("Please select a role or enter your other role");
                   $("#v_error").show();
                   return;
               }
               
               
                $.ajax({
                    type: "POST", url: "/pages/visitor-role", data:'visitor_role='+rolechecbox+'&visitor_other_role='+other_role+'&visitor_email='+visitor_email, success: function(data) {
                      if(data==1) {
                        popupclose('popup-welcomebox');
                      }else{
                         $(".error").text("Network Error! Please submit the form again.");
                        return; 
                      }
                    }
                });
               
            }
  </script>
      <!--<div class="livechatposition text-center justify-content-center">
        <p><a href="javascript:void()" onclick="whatsappchat()"><img class="img-responsive livechatpositionimage" alt="Live Chat" title="Live Chat For Support" src="/images/whatsapp.png" /></a></p>
        <a href="javascript:void()" onclick="whatsappchat()"><p class="onlineanswer">Ship Supply Enquiry By WhatsApp</p></a>
    </div>-->
    <div class="uploadattachenquiry text-center justify-content-center hidden">
        <p><a href="javascript:void()" onclick="method(2)"><img class="img-responsive uploadattachenquiryimage" alt="Upload Attachment" title="Upload Attachment" src="/images/method-2.png" /></a></p>
        <a href="javascript:void()" onclick="method(2)"><p class="onlineanswer">Validate Your Ship Supply Quote For Free</p></a>
    </div>
    <div class="col-lg-6 text-center justify-content-center p-2" id="showemailbox">
        <p class="text-center">Create Ship Supply Enquiry By WhatsApp <a class="closebox" href="javascript:void()" onclick="closeemailbox()">X</a></p>
        <p><input type="text" id="whatsappemail" class="form-control input" placeholder="Email ID Ex:john@company.com"></p>
        <span id="whatsappemail_err" style="font-size:12px;color:red;"></span>
        <p><button onclick="startchat()" class="btn btn-primary">Start Chat</button></p>
    </div>
    
    <!-- GTranslate: https://gtranslate.io/ 
    <script type="text/javascript">
    function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
    </script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>-->
 
 
 <!-- Mapbox token -->
 
<script>
var markerarray=[];
var gmarkerspopup=[];
var gmarkers=[];
var position;
var marker=null;

function init(){
          mapboxgl.accessToken = 'pk.eyJ1Ijoic2hpcGZlZWRzIiwiYSI6ImNsaWN2OWdxMTByZG4zbG11ZnBqcnF2MjUifQ.TAz5ASEN_SvdDWCQ2t1UrQ';
          var map = new mapboxgl.Map({
            container: 'map_canvas',
            style: 'mapbox://styles/mapbox/streets-v11'
          });
          
          var start_lng =   '54.6471907';
          var start_lat =   '24.8024852';
          
          var END_LATITUDE  =   '38.56378145';
          var END_LONGITUDE  =   '-8.77274735';
          
          
          // Fetch sea route between two points using Mapbox Directions API
            fetch('https://api.mapbox.com/directions/v5/mapbox/navigation-eta/' + start_lng + ',' + start_lat + ';' + END_LONGITUDE + ',' + END_LATITUDE + '?geometries=geojson&access_token=' + mapboxgl.accessToken)
              .then(response => response.json())
              .then(data => {
                var route = data.routes[0].geometry.coordinates;
                
                console.log(route);
                
                // Calculate the middle point
                var startPoint = route[0];
                var endPoint = route[route.length - 1];
                var middlePoint = [
                  (startPoint[0] + endPoint[0]) / 2,
                  (startPoint[1] + endPoint[1]) / 2
                ];
                
                // Create a GeoJSON feature collection for the sea route
                var geojson = {
                  type: 'FeatureCollection',
                  features: [{
                    type: 'Feature',
                    geometry: {
                      type: 'LineString',
                      coordinates: route
                    }
                  }]
                };
                
                // Add the sea route to the map
                map.on('load', function () {
                  map.addSource('route', {
                    type: 'geojson',
                    data: geojson
                  });
            
                  map.addLayer({
                    id: 'route',
                    type: 'line',
                    source: 'route',
                    layout: {
                      'line-join': 'round',
                      'line-cap': 'round'
                    },
                    paint: {
                      'line-color': '#0099ff',
                      'line-width': 5
                    }
                  });
            
                  // Add a marker for the middle point
                  var marker = new mapboxgl.Marker()
                    .setLngLat(middlePoint)
                    .addTo(map);
                });
              });
                //map.addControl(new mapboxgl.NavigationControl());
          
          /*
          
            
            $.ajax({
                type: "POST", url: "/pages/getvessels", success: function(data) {
                  var response=JSON.parse(data);
                  var counter=response.length;
                  var count_markers=0;
                  $.each(response, function(i, item) {
                   
                    var lng=item.lng;
                    var lat=item.lat;
                    var popupOffsets = {
                                               'top': [1, 1]
                                             };
                          var popup = new mapboxgl.Popup({offset: popupOffsets}).setLngLat([lng,lat]).setHTML('<p style="margin:0" class="title">'+item.vessel+'</p><p class="subtitle">Next Port - '+item.port_name+'</p>');
                          
                    var el=document.createElement('div');
                    el.className='marker';
                    el.style.backgroundImage='url(/images/cargoship.png)';
                    el.style.width='30px';
                    el.style.height='30px';
                    markerarray.push('marker_'+item.id);
                    gmarkerspopup['marker_'+item.id] = popup;
                    gmarkers['marker_'+item.id] = new mapboxgl.Marker(el).setLngLat([lng,lat]).setPopup(popup).addTo(map);
                   // gmarkers['marker_'+item.id]=new mapboxgl.Marker(el).setLngLat([lng, lat]).addTo(map);
                    gmarkers['marker_'+item.id].getElement().addEventListener('click', ()=> {
                      //$('select.port option').removeAttr("selected");
                      setTimeout(function () {
                        //gmarkers['marker_'+item.id].togglePopup();
                        getportname(item.id,item.country_id,item.port_name,'load_port');
                      }
                      , 200);
                    }
                    );
                    count_markers=count_markers + 1;
                  });
                }
              });*/
}

//init();
            
</script>
 
 

 

<!-- Hotjar Tracking Code for https://www.shipfeeds.com/ 
<script>
setTimeout(function(){
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:3023569,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
}, 5000);
</script>-->




<!--<script type="text/javascript">
_linkedin_partner_id = "5656017";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script><script type="text/javascript">
(function(l) {
if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
window.lintrk.q=[]}
var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript";b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);})(window.lintrk);
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5656017&fmt=gif" />
</noscript>-->

<!-- Hotjar Tracking Code for Shipfeeds.Portleads.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:5339777,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>


  </body></html>