
<style type="text/css">
    
    .footer-bg{

    }

    .footer-cards{
            color: black; text-align: center; margin-bottom: -60px;
            position: relative;
            z-index: 1000;
    }
    .footer-links{
        text-align: center;font-size: 1em;line-height: 14px; padding-top: 10px; padding-bottom: 10px;
    }
    .footer-links a:hover {
        color:#ccc !Important;
        margin-bottom:10px;
        padding-bottom: 10px;
    }

    .social{
            position: fixed;
    left: 0;
    top: 55%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 9;
    }
    .social li {
    height: 51px;
    width: 49px;
    overflow: hidden;
    font-size: 13px;
    font-weight: 300;


    }
    .social li a{
    color: #fff;
    padding: 16px;
    font-size: 1.5em;
    display: block;
    text-align: center;
    background-color: rgba(204,153,0,.9);

    }

     .social li:hover{
    color: #000;
    background-color: rgba(204,153,0,.7);
    }



@media  only screen and (min-device-width: 320px) and (max-device-width: 800px) {


    .footer-cards{
            color: black; text-align: center; margin-bottom: 10px;
             position: relative;
              z-index: 0;
    }
    .footer-mobile{
        padding-bottom: 45px;

    }

    .footer-links{
        text-align: center;font-size: 15px;line-height: 30px; padding-top: 10px; padding-bottom: 10px;
    }

    .footer-links a{
        margin-bottom:10px;
        padding-bottom: 10px;
    }
    .footer-links a:hover {
        color:#fff;
        margin-bottom:10px;
        padding-bottom: 10px;
    }






    .zopim{

        bottom: 55px !Important;
    }
}


</style>


<ul class="social mobileHide">
            <li>
                <a href="https://www.facebook.com/alltravels.mv" target="_blank" class="facebook"><i class="fa fa-facebook"></i></a>
            </li>
            <li>
                <a href="https://www.twitter.com/alltravels_mv" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a>
            </li>
            <li>
                <a href="https://instagram.com/alltravels.mv" target="_blank" class="instagram"><i class="fa fa-instagram"></i></a>
            </li>
            <li>
                <a href="https://plus.google.com/+AlltravelsMv" target="_blank" class="google-plus"><i class="fa fa-google-plus"></i></a>
            </li>            
        </ul>


<footer id="footer" class="style-def footer-mobile" style="background-color: #fcfcfc">
            <div>

            <div class="bottom" style="color: #838383; padding-top: 10px;">
                <div class="container">
                    <div class="pull-left">
                       



<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
    #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}


        #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; 
    }
  #mc_embed_signup label {
    font-size: 1.6667em;
    line-height: 1.25em;

    text-align: left;font-family:helvetica;font-weight:200;font-style:normal
    }


    #mc_embed_signup input.email {
    font-family: "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    border: 1px solid #ABB0B2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #343434;
    background-color: #fff;
    box-sizing: border-box;
    height: 32px;
    padding: 0px 0.4em;
    display: inline-block;
    margin: 0;
    width: 200px;
    vertical-align: top;
}

#mc_embed_signup form {
    text-align: center;
    padding:0px;
}


#mc_embed_signup .button:hover {background-color:#CC9900; cursor:pointer;}







    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//alltravels.us1.list-manage.com/subscribe/post?u=7120da3efa042b358b05de67b&amp;id=2f85f5f102" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
    <label for="mce-EMAIL">Newsletter</label>
    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_7120da3efa042b358b05de67b_2f85f5f102" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>

<!--End mc_embed_signup-->

        </div>


                    <div class="pull-right">
                        


                        <h2 style="color: #838383;text-align: left;font-family:helvetica;font-weight:200;font-style:normal" class="vc_custom_heading">CONNECT WITH US</h2>
                        <div>
                            <p></p>
                            <div style="font-size: 34px; color: #838383;">
                                <a target="_blank" href="https://www.facebook.com/alltravels.mv">
                                    <i class="fa fa-facebook-square" aria-hidden="true"></i>
                                </a>
                                <a target="_blank" href="https://www.twitter.com/alltravels_mv">
                                <i class="fa fa-twitter-square" aria-hidden="true"></i>
                                </a>
                                <a target="_blank" href="http://instagram.com/alltravels.mv">

                                <i class="fa fa-instagram" aria-hidden="true"></i>

                                </a>
                                <a target="_blank" href="https://plus.google.com/103959873351233109671">
                                <i class="fa fa-google-plus-square" aria-hidden="true"></i>

                                </a>
                                <a target="_blank" href="https://www.youtube.com/channel/UC_xrV5-ubrMqL93-htkMsVg">
                                <i class="fa fa-youtube-square" aria-hidden="true"></i>

                                </a>
                            </div>
                            <p></p>
                        </div>
 


                    </div>






                   
                </div>



            <div class="footer-cards">
                
                            <a href="<?php echo url('/'); ?>">


                            <img width="300px" height="auto" alt="BML Cards" src="<?php echo URL('assets/alltravels/images/cards.png'); ?>">
                           


                            </a>
                      
            </div>

 


   


         
            

            <img width="100%" style="z-index: 100" src="<?php echo url('assets/alltravels/images/footer-background.png'); ?>" alt="All Travels Maldives Footer Background">
            <div style="background-color: #CC9900; color: #fff; border-bottom: #CC9900 15px solid; margin-top:;">

            <div class="footer-links"> 

                        <a href= "https://alltravels.mv/visit-maldives/about-us" > About us </a> |
                        <a href= "http://alltravels.mv/contact" > Contact us </a> |
                        <a href= "https://alltravels.mv/visit-maldives/payments" > Payments & Refunds </a> |
                        <a href= "https://alltravels.mv/visit-maldives/disclaimer" > Disclaimer </a> |
                        <a href= "https://alltravels.mv/visit-maldives/privacy-policy" > Privacy Policy </a> |
                        <a href= "https://alltravels.mv/visit-maldives/terms" > Terms and Conditions</a>

            </div>
                
                <div style="text-align:center;"> © <?php echo date("Y"); ?> All Travels Maldives Pvt Ltd.</div>
         
            </div>

                       </div>
        </footer>
    </div>
    </div>
    <div class="FloatingTopLink" id="js-FloatingTopLink" style="display: block;"><a href="https://www.alltravels.mv/#page"><i class="FloatingTopLink__icon FloatingTopLink__icon-01"></i></a>
    </div>

</body>

</html>