{% extends 'base.html.twig' %}
{% block title %}Boat Liability Insurance in Mexico | Novamar Insurance{% endblock %}
{% block metas %}    
<meta name="description" content="Novamar Insurance has decades of marine insurance experience. We can give you the perfect plan for your boat or yacht. Get a free online quote today." />
    <meta name="keywords" content="Mexican Boat Insurance, Mexico Boat Insurance, boat insurance in mexico, marine insurance, mexico marine insurance" />
    {#{app.robots|raw}#}
    <meta property="og:title" content="Mexican Boat Liability Insurance" />
    <meta property="og:type" content="Mexican Boat Liability Insurance Quote - Buy - Print" />
    <meta property="og:description" content="Novamar Insurance Group:  Our yacht insurance specialists have decades of marine insurance and boating experience ready to serve you.">
    <meta property="og:image" content="{{asset(imgSlidePath~'mexican-boat-liability.jpg')}}" />
    <meta property="og:image:secure_url" content="{{asset(imgSlidePath~'mexican-boat-liability.jpg')}}" />
    <meta property="og:image:type" content="image/jpg" />
    <meta property="og:image:width" content="955" />
    <meta property="og:image:height" content="325">
    {# <meta property="og:url" content="{{ app.root }}"> #}
    {% if distributor is defined %}
    <link rel="canonical" href="{{ url('mx_homepage')}}insurance-services/boat-and-yacht/boat-liability-coverage">
    {% endif %}
{% endblock %}
{% block css %}
    <!-- TrustBox script -->
	<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
	<!-- End TrustBox script -->
    {{encore_entry_link_tags('trustpilotWidgetsCSS')}}
    {# Para select de phone number #}
    {{encore_entry_link_tags('intlTelInputCSS')}}
    {{encore_entry_link_tags('boatFullCoverageCSS')}}
    {{encore_entry_link_tags('wizardCSS')}}
    {{encore_entry_link_tags('raterFormCSS')}}
    {{encore_entry_link_tags('animationPageLoaderCSS')}}
    {{encore_entry_link_tags('swal2CSS')}}
    <style type="text/css">
        .list li { display: list-item !important; list-style: disc; font-size: medium }
        .list { margin-left: 50px; margin-bottom: 10px }
        p { margin-bottom: 10px; font-size: medium }
        .Container-logo-two-lines { text-align: center; background-color: #084a7a }
        .Container-logo-two-lines .novamar { padding: 10px }
        .companies>picture>img { width: 250px }
        #paymentLoadingBL{
            height: 400px;
        }
        .jumbotron.bl {
            width:100%;
            position:relative;
            height: calc(100vh - 133px);
        }
        #layer_banner{
            width: 100%;
            height: calc(100vh - 133px);
            position: relative;
            background-color: rgba(0, 0, 0, 0.4);
        }
         #banner_boat_liability{
            position:absolute;
            width: 100%;
            height:100%;
            object-fit:cover;
        }
        .video-responsive {
            overflow:hidden;
            padding-bottom:400px;
            position:relative;
            height:0;
            border-radius: 10px;
        }
        .video-responsive iframe{
            left:0;
            top:0;
            height:100%;
            width:100%;
            position:absolute;
            display: block
        }
        /* proud members */
        .proudMember-images{
            margin: 20px;
            position: relative;
        }
        .proudMember-images > img{
            width: 150px !important;
            height: auto !important;
            object-fit: fill !important;
        }
        @media(max-width: 992px){
            .jumbotron.bl{
                /*margin-top: 113px;*/
                height:calc(100vh - 113px);
            }
            #layer_banner{
                height:calc(100vh - 113px);
            }
            .jumbotron-text > h1{
                font-size: 1.5em;
            }
        }
        @media(max-width: 576px){
            .modal-dialog {
                top:90px;
                margin: 0 !important;
                padding: 5px !important;
            }
            .btn-link{
                font-size: 1.5rem;
            }
            .step-indicator{
                width:100%;
                display:block;
                overflow-x: scroll;
                overflow-y: hidden;
            }
            .step-indicator::-webkit-scrollbar{
                height: 5px;
                background:#fb8000;
                border-radius:5px; 
            }
            ::-webkit-scrollbar-thumb {
                background:#fb8000;
                border-radius:5px;
            }
            .jumbotron.bl{
                align-items:start !important;
            }
            .step-container {
                padding: 5px 10px;
            }
            .jumbotron-text{
                top:-120px;
            }
        }
    </style>
{% endblock %}
{% block body %}    
        <!--Background full width-->
    {# <section id="background" data-page-config="WMAF">
        <div class="jumbotron bl p-0">
            <picture>
                <source type="image/webp" media="(max-width: 576px)"  srcset="{{asset(imgSlidePath~'bl-insurance-mobile.webp')}}">
                <source type="image/jpeg" media="(max-width: 576px)"  srcset="{{asset(imgSlidePath~'bl-insurance-mobile.jpg')}}">
                <source type="image/webp"  srcset="{{asset(imgSlidePath~'bl-insurance.webp')}}">
                <source type="image/jpeg"  srcset="{{asset(imgSlidePath~'bl-insurance.jpg')}}">
                <img id="banner_boat_liability"  src="{{asset(imgSlidePath~'bl-insurance.jpg')}}" alt="banner boat liability">
            </picture>
            <div id="layer_banner" class="d-flex justify-content-center align-items-center">
                <div class="jumbotron-text text-center" class="d-flex justify-content-center align-items-center">
                    <h1>Boat and Yacht Liability Insurance for Mexico</h1>
                    <button type="button" class="quoteNow btn btn-novamar btn-lg" id="go-to-form"><span>Quote, Buy & Print your Policy</span></button>
                </div>
            </div>
        </div>
    </section> #}
    <div data-page-config="WOMAF.WMAF" class="mt-4">
          <div class="initContent">
           {{ include('./components/trust-pilot-ranking.html.twig', { option : '' } ) }}
        </div>
    </div>
    <!--Formulario-->
    {{ include('./form/boat-liability-form.twig', { option : '' } ) }}  

     <!--Informacion-->    
    <section id="informacion">
        <div class="container">
            {#% if pageConfig != 'OF' %#}
                <div class="row">
                    <div class="col-12">
                        <h2 class="text-center">Proud Member of</h2>
                        <div class="line-orange"></div>
                    </div>
                    <div class="col-12 d-flex justify-content-center align-items-center">
                        <a href="http://ammtac.com/es/" target="blank"><div class="proudMember-images"><img loading="lazy" src="{{asset('img/AMMT_nuevo_logo.png')}}" alt="Mexico marina association"></div></a>
                    </div>
                </div>   
            {#% endif %}         
            {% if pageConfig == 'WMAF' %#}
                <div class="row">
                    <div class="col-lg-12">
                        <h2 class="text-center">Boat Liability Insurance in Mexico</h2>
                        <div class="line-orange"></div>
                        <p> If you plan on sailing or cruising while in Mexico, you should also plan on purchasing boat insurance. This type of liability Insurance is called <strong>boat liability insurance</strong>, <strong>yacht liability insurance</strong> or <strong>watercraft liability insurance</strong>. By whichever name you know it, Mexico requires liability coverage for boats and yachts, from a Mexico-domiciled insurance company, just as it requires for autos.</p>
                    </div>
                    <div class="col-12 mt-2 mb-4">
                        <div class="video-responsive">
                            <iframe width="560" height="315" loading="lazy" src="https://www.youtube.com/embed/K-2KoXufsE8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
                        <div class="accordion" id="accordionBoatLiability">
                            <div class="card">
                                <div class="card-header" id="headingOne">
                                    <h2 class="mb-0">
                                        <button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                            What Does Boat Liability Insurance Do?
                                        </button>
                                    </h2>
                                </div>
                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionBoatLiability">
                                    <div class="card-body">
                                        <p>
                                            <strong> Boat liability insurance</strong> protects you from legal liability from accidents which result from the maintenance, use, or ownership of your boat or yacht. This includes protection from legal liability for bodily injuries, damage to someone else's property, bail bond and legal defense in the event of such claims.<br><br>
                                            Our boat and yacht liability insurance policies provide coverage throughout Mexico. Novamar Insurance offers professional services, and our staff of English-speaking professionals can provide you with free quotes on our various policy options.<br><br>
                                            Policies are underwritten by ABA Seguros, Mexico. ABA Seguros is part of the ABA Group of Companies, a global insurance company established in 1985, with 15,000 employees in 53 countries around the world.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingTwo">
                                    <h2 class="mb-0">
                                        <button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseOne">
                                            How Much Does it Cost?
                                        </button>
                                    </h2>
                                </div>
                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionBoatLiability">
                                    <div class="card-body">
                                        <p>
                                            <strong>Annual premium for boat liability insurance in Mexico begins at about US $195. </strong>
                                            How Do I Get a Quote or Policy?
                                            <br>
                                            Within minutes, from the following page you can:
                                            <br>
                                        </p>
                                        <ul class="list">
                                            <li>Get your policy quote</li>
                                            <li>secure and pay for your policy by credit card</li>
                                            <li>print your policy (requires printer!)</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingThree">
                                    <h2 class="mb-0">
                                        <button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseOne">
                                            Temporary Import Permit
                                        </button>
                                    </h2>
                                </div>
                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionBoatLiability">
                                    <div class="card-body">
                                        <p> Boats registered outside of Mexico also need to apply for a <strong>temporary import permit</strong>. This is true for cars visiting Mexico as well, except for visits by car limited to the Baja California peninsula.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header" id="headingFor">
                                    <h2 class="mb-0">
                                        <button class="btn btn-link btn-block text-left" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFor" aria-expanded="true" aria-controls="collapseOne">
                                            Visas and Tourist Cards
                                        </button>
                                    </h2>
                                </div>
                                <div id="collapseFor" class="collapse" aria-labelledby="headingFor" data-parent="#accordionBoatLiability">
                                    <div class="card-body">
                                        <p>
                                            Our travel plans in Mexican waters may require you to obtain<strong> Mexican immigration paperwork.</strong><br><br>
                                            With the proper boat liability insurance plan in Mexico, you can enjoy all the beautiful features Mexico has to offer. Sail on your boat or cruise on your yacht with peace of mind knowing you’re properly prepared for any sort of emergency or situation.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-3 col-lg-3 hidden-sm hidden-xs mt-3">
                        <div class="Container-logo-two-lines">
                            <picture>
                                <source type="image/webp" srcset="{{asset('img/two-lines-logo.webp')}}">
                                <source type="image/png" srcset="{{asset('img/two-lines-logo.png')}}">
                                <img src="{{asset('img/two-lines-logo.png')}}" alt="Novamar Logo Text" class="novamar">
                            </picture>
                            <br>
                            <picture>
                                <source type="image/webp" srcset="{{asset(imgProductsPath~'Interno244x255Bote.webp')}}">
                                <source type="image/jpeg" srcset="{{asset(imgProductsPath~'Interno244x255Bote.jpg')}}">
                                <img src="{{asset(imgProductsPath~'Interno244x255Bote.jpg')}}" style="width: 100%;" alt="What to do if a loss occurs">
                            </picture>
                        </div>
                    </div>
                    <div class="container-fluid">
                        <div class="col-md-12 text-center companies">
                            <p><b>Underwritten by</b></p><br>
                            <picture>
                                 <source type="image/webp" srcset="{{asset(imgCompaniesPath~'chubb.webp')}}">
                                <source type="image/png" srcset="{{asset(imgCompaniesPath~'chubb.png')}}">
                                <img id="logo-chubb" class="" src="{{asset(imgCompaniesPath~'chubb.png')}}" alt="insurance company logo chubb">
                            </picture>
                            <br>
                            <picture>
                                <source type="image/webp" srcset="{{asset(imgCompaniesPath~'abba.webp')}}">
                                <source type="image/png" srcset="{{asset(imgCompaniesPath~'abba.png')}}">
                                <img id="logo-abba" class="" src="{{asset(imgCompaniesPath~'abba.png')}}" alt="insurance company logo abba">
                            </picture>
                        </div>
                    </div>
                </div>
            {#% endif %#}
        </div>
    </section>
     {{ include('./components/step-template.html') }}
    {{ include('./modals/purchase-terms-conditions.html.twig') }}
    {{ include('./components/ecommerce-mit.twig') }} 
{% endblock %}
{% block scripts %}
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
{% if app.environment != 'dev' %}    
    <script type="text/javascript" src="https://unpkg.com/vue@2.3.4/dist/vue.min.js"></script>
    {% else %}
    <script type="text/javascript" src="https://unpkg.com/vue@2.3.4/dist/vue.min.js"></script>
{% endif %}
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&key=AIzaSyArJXJ0pSlScH82NkwMdz5rwJs1fKZWYps" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
    {# {{script_tag("libraries/intl-tel-input.js")}} #}
    {{script_tag("libraries/modernizr.js")}}
    {{script_tag('libraries/sweet-alert.js') }}
    {{script_tag("libraries/jquery-validate.js")}}
    {{script_tag('components/step-component.js')}}
    {{script_tag("components/tools.js")}}
    {{script_tag('components/jquery-number.js') }}
    {{script_tag('libraries/jquery-mask.js') }}
    {{script_tag("components/nationality-list.js")}}
    {{script_tag("components/about-us-list.js")}}
    {{script_tag("components/prospect.js")}}
    {{script_tag("components/MIT-payment/mitPay.js")}}
    {{script_tag("products/boat-liability.js")}}
    <script>
        const distributor = "{{ distributorLink }}"
        let distObj = {
            pageConfig: "{{ viewOptions }}",
            distLogo: "",
            distLink: "",
            distCode: "",
        }
        const prod = "BL"
    </script>
	{{script_tag('components/page-config.js')}}
    <script>
        $(function() {
        $("#go-to-form").click(function() {
                let isDist = $("#isDistributor").val()
                if(isDist == "true"){
                    $([document.documentElement, document.body]).animate({
                        scrollTop: $(".initContent").offset().top-0
                    }, 500);
                }else{
                    $([document.documentElement, document.body]).animate({
                        scrollTop: $(".initContent").offset().top-90
                    }, 500);
                }
            });
        });
    </script>
{% endblock %}