Access_New/pages/demo-travel-agency.html

1470 lines
150 KiB
HTML
Raw Permalink Normal View History

2024-09-05 05:48:27 +00:00
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/travel-agency/travel-agency.css" />
</head>
<body data-mobile-nav-style="classic">
<header class="header-with-topbar">
<div class="header-top-bar top-bar-light bg-white md-border-bottom border-color-transparent-dark-very-light disable-fixed">
<div class="container-fluid">
<div class="row h-45px align-items-center m-0">
<div class="col-xl-6 col-lg-8 justify-content-center justify-content-lg-start">
<div class="fs-15 text-dark-gray">We have a selection of over 50 tour programs! <a href="demo-travel-agency-destinations.html" class="text-base-color fw-500 text-decoration-line-bottom">Popular Destinations</a></div>
</div>
<div class="col-xl-6 col-lg-4 text-end d-none d-lg-flex">
<a href="tel:02228899900" class="widget fs-15 text-dark-gray text-dark-gray-hover"><i class="feather icon-feather-phone-call text-base-color"></i> 0222 8899900</a>
<div class="widget fs-15 ms-30px text-dark-gray d-none d-xl-inline-block"><i class="feather icon-feather-map-pin text-base-color"></i> Broadway, 24th Floor, San Francisco</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg header-transparent bg-transparent border-bottom border-color-transparent-white-light disable-fixed">
<div class="container-fluid">
<div class="col-auto col-lg-2 me-auto">
<a class="navbar-brand" href="demo-travel-agency.html">
<img src="images/demo-travel-agency-logo-white.png" data-at2x="images/demo-travel-agency-logo-white@2x.png" alt class="default-logo">
<img src="images/demo-travel-agency-logo-white.png" data-at2x="images/demo-travel-agency-logo-white@2x.png" alt class="alt-logo">
<img src="images/demo-travel-agency-logo-black.png" data-at2x="images/demo-travel-agency-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-lg-8 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav alt-font text-uppercase">
<li class="nav-item"><a href="demo-travel-agency.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="demo-travel-agency-about.html" class="nav-link">About</a></li>
<li class="nav-item dropdown dropdown-with-icon">
<a href="demo-travel-agency-destinations.html" class="nav-link">Destinations</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li>
<a href="demo-travel-agency.html#">
<img src="images/demo-travel-agency-home-07.jpg" alt>
<div class="submenu-icon-content">
India
<p>42 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency.html#">
<img src="images/demo-travel-agency-home-08.jpg" alt>
<div class="submenu-icon-content">
Poland
<p>36 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency.html#">
<img src="images/demo-travel-agency-home-09.jpg" alt>
<div class="submenu-icon-content">
Mexico
<p>22 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency.html#">
<img src="images/demo-travel-agency-home-13.jpg" alt>
<div class="submenu-icon-content">
Maldives
<p>28 Destinations</p>
</div>
</a>
</li>
<li>
<a href="demo-travel-agency.html#" class="btn btn-dark-gray btn-round-edge btn-box-shadow align-self-center text-center text-white">tour packages</a>
</li>
</ul>
</li>
<li class="nav-item"><a href="demo-travel-agency-tours.html" class="nav-link">Tours</a></li>
<li class="nav-item"><a href="demo-travel-agency-reviews.html" class="nav-link">Reviews</a></li>
<li class="nav-item"><a href="demo-travel-agency-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-travel-agency-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto col-lg-2 text-end">
<div class="header-icon">
<div class="header-search-icon icon">
<a href="demo-travel-agency.html#" class="search-form-icon header-search-form"><i class="feather icon-feather-search"></i></a>
<div class="search-form-wrapper">
<button title="Close" type="button" class="search-close alt-font">×</button>
<form id="search-form" role="search" method="get" class="search-form text-left" action="search-result.html">
<div class="search-form-box">
<h2 class="text-dark-gray text-center mb-5 ls-minus-2px fw-600">What are you looking for?</h2>
<input class="search-input" id="search-form-input5e219ef164995" placeholder="Enter your keywords..." name="s" value type="text" autocomplete="off">
<button type="submit" class="search-button">
<i class="feather icon-feather-search" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
</div>
<div class="header-push-button icon">
<div class="push-button">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="push-menu push-menu-style-1 p-35px bg-white">
<span class="close-menu text-white bg-dark-gray"><i class="fa-solid fa-xmark"></i></span>
<div class="text-center push-menu-wrapper text-dark-gray" data-scroll-options="{ &quot;theme&quot;: &quot;dark&quot; }">
<div class="w-100">
<img src="images/demo-travel-agency-logo-black.png" data-at2x="images/demo-travel-agency-logo-black@2x.png" class="mb-20" alt />
<div class="d-inline-block align-middle bg-very-light-gray fw-600 text-dark-gray text-uppercase border-radius-22px ps-25px pe-25px fs-13 mb-15px">Explore the world</div>
<h3 class="fw-600 mb-0 alt-font ls-minus-1px lh-38">World's leading travel agency</h3>
</div>
<div class="row align-items-center justify-content-center mt-20 mb-20 row-cols-3 row-cols-md-3 gutter-very-small row-cols-sm-3 instagram-follow-api position-relative">
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-01.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-02.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid mb-10px">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-03.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-04.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-05.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-06.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
</div>
<div class="col-12 text-center newsletter-style-02 position-relative mb-20">
<span class="fs-18 w-80 mx-auto text-extra-dark-gray lh-26 d-inline-block mb-25px">Get latest update for our trusted applications</span>
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="border-radius-5px bg-white w-100 form-control required" type="email" name="email" placeholder="Enter your email">
<input type="hidden" name="redirect" value>
<button class="btn submit" aria-label="submit"><i class="icon feather icon-feather-mail icon-small"></i></button>
<div class="form-results border-radius-4px pt-10px pb-10px ps-15px pe-15px fs-14 w-100 text-center position-absolute lh-24 d-none"></div>
</form>
</div>
<div class="col-12 text-center elements-social social-icon-style-01">
<ul class="small-icon dark mb-0">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</header>
<section class="p-0 bg-dark-gray">
<article class="content">
<div id="travel-agency_wrapper" class="rev_slider_wrapper fullscreen-container">
<div id="travel-agency-slider" class="rev_slider fullscreenbanner" data-version="5.4.5">
<ul>
<li id="rs-travel-agency-01" data-index="rs-travel-agency-01" data-transition="slidehorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="0" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-travel-agency-slider-03.jpg" alt="dummy" class="rev-slidebg">
<div class="tp-caption tp-resizeme rs-parallaxlevel-2 background-image-layer" id="slide-01-layer-01" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-200','0','0','0']" data-width="['2200','100%','2200','2000']" data-height="100%" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-visibility="['on','on','off','off']" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100;z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;fb:20;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-05.png" data-ww="100%" data-hh="100%" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 background-image-layer" id="slide-01-layer-02" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-200','-100','-300','-100']" data-width="['2200','2000','2200','1600']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-visibility="['on','on','off','off']" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:-30:z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-06.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-2 object-layer" id="slide-01-layer-03" data-x="['center','center','center','center']" data-hoffset="['2','0','-10','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-15','0','-30','0']" data-width="['1190','900','750','600']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:300,&quot;speed&quot;:3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[160%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:[-160%];y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,70,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,70,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-01.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-3 object-layer" id="slide-01-layer-04" data-x="['center','center','center','center']" data-hoffset="['2','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-15','0','-30','0']" data-width="['1190','900','750','600']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1700,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:20px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-02.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 extra-grass-layer" id="slide-01-layer-05" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['-340','-300','-350','-500']" data-width="['2200','2200','2200','2200']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="grid" data-frames="[{&quot;delay&quot;:1200,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:0px;fb:0px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-08.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-01-layer-06" data-x="['center','center','center','center']" data-hoffset="['320','280','261','140']" data-y="['top','top','top','middle']" data-voffset="['265','212','150','-80']" data-width="['146','146','120','100']" data-height="auto" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2200,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 alt-font text-white" id="slide-01-layer-07" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['330','285','210','-65']" data-fontsize="['40','40','30','25']" data-lineheight="['40','30','30','25']" data-fontweight="['600','600','600','600']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2300,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['center','center','center','center']">
$1200
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 alt-font text-white text-uppercase" id="slide-01-layer-08" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['303','250','180','-90']" data-fontsize="['16','18','16','15']" data-fontweight="['500','500','500','500']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2400,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['center','center','center','center']">
Starting at
</div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-01-layer-09" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);"></div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-01-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-70','-70','-70','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);"></div>
<div id="rrzb_902" class="rev_row_zone rev_row_zone_bottom" style="z-index: 9999;">
<div class="tp-caption tp-resizeme " id="slide-01-layer-11" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="row" data-columnbreak="2" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-01-layer-12" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="column" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','center','center','center']" data-verticalalign="middle">
<div class="tp-caption tp-shape tp-resizeme" id="slide-01-layer-13" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['186','45','45','45']" data-width="['100%','100%','100%','100%']" data-height="['1','1','1','1']" data-whitespace="nowrap" data-basealign="slide" data-type="shape" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2100&quot;,&quot;speed&quot;:750,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:0px;y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="z-index: 8;background-color:rgba(255,255,255,0.3);"> </div>
</div>
</div>
<div class="tp-caption tp-resizeme package-details" id="slide-01-layer-14" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="3" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-01-layer-15" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2300,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','left','left','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,15]" data-paddingright="[0,20,10,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[20,20,10,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-16" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['34','28','24','26']" data-lineheight="['46','40','40','30']" data-letterspacing="['-1','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Africa wildlife
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-01-layer-17" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','0','120']" data-fontsize="['16','16','16','17']" data-lineheight="['26','26','24','24']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-paddingtop="[0,0,0,5]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<div class="d-block d-md-flex">
<i class="bi bi-geo-alt-fill me-5px"></i>
<span class="opacity-5">25Km from Madagascar</span>
</div>
</div>
</div>
<div class="tp-caption" id="slide-01-layer-18" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-19" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','24','24']" data-lineheight="['32','38','32','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
07 Days
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-01-layer-20" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tour duration
</div>
</div>
<div class="tp-caption " id="slide-01-layer-21" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2700,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,7]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-22" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','20','18','20']" data-lineheight="['32','40','30','30']" data-letterspacing="['2','2','2','2']" data-fontweight="['500','500','500','500']" data-color="['#ffa500','#ffa500','#ffa500','#ffa500']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-01-layer-23" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','26','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tripadvisor rating
</div>
</div>
<div class="tp-caption" id="slide-01-layer-24" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2900,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,5]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-01-layer-25" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','26','24']" data-lineheight="['32','40','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Deluxe AC
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-01-layer-26" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
WITH MEAL
</div>
</div>
<div class="tp-caption" id="slide-01-layer-27" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:3100,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,0,0,0]" data-paddingbottom="[80,80,100,80]" data-paddingleft="[0,0,0,0]">
<a class="tp-caption tp-resizeme alt-font text-center" data-shadow-animation="true" href="demo-travel-agency.html#" id="slide-01-layer-29" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['28','30','22','26']" data-lineheight="['34','45','30','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-actions data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Book holiday<i class="bi bi-arrow-right-short icon-extra-medium xs-pt-10px"></i>
</a>
</div>
</div>
</div>
</li>
<li id="rs-travel-agency-02" data-index="rs-travel-agency-02" data-transition="slidehorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="0" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-travel-agency-slider-02-01.jpg" alt="dummy" class="rev-slidebg">
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-02-layer-01" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','bottom','bottom']" data-voffset="['80','0','-300','-100']" data-width="['3000','3000','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="grid" data-visibility="['on','on','on','on']" data-frames="[{&quot;delay&quot;:300,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-02-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-02-layer-02" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','bottom','bottom']" data-voffset="['80','0','-250','-100']" data-width="['3000','3000','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-visibility="['on','on','on','on']" data-frames="[{&quot;delay&quot;:800,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-02-03.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 object-layer" id="slide-02-layer-04" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-50','0','0','0']" data-width="['987','800','500','450']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1300,&quot;speed&quot;:3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[200%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:[-200%];y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-02-06.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-02-layer-05" data-x="['center','center','center','center']" data-hoffset="['2','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','-80']" data-width="['3000','2200','2600','3000']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1700,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-02-02.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-02-layer-03" data-x="['center','center','center','center']" data-hoffset="['2','0','-10','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','50','0']" data-width="['3000','2200','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:2600,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,70,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,70,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-02-05.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-02-layer-06" data-x="['center','center','center','center']" data-hoffset="['320','280','261','140']" data-y="['top','top','top','middle']" data-voffset="['265','212','150','-80']" data-width="['146','146','120','100']" data-height="auto" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2800,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 alt-font text-white" id="slide-02-layer-07" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['330','285','210','-65']" data-fontsize="['40','40','30','25']" data-lineheight="['40','30','30','25']" data-fontweight="['600','600','600','600']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:2900,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']">
$1600
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 alt-font text-white text-uppercase" id="slide-02-layer-08" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['303','250','180','-90']" data-fontsize="['16','18','16','15']" data-fontweight="['500','500','500','500']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:3000,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']">
Starting at
</div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-02-layer-09" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);"></div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-02-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-70','-70','-70','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);"></div>
<div id="rrzb_903" class="rev_row_zone rev_row_zone_bottom" style="z-index: 9999;">
<div class="tp-caption tp-resizeme " id="slide-02-layer-11" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="row" data-columnbreak="2" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-02-layer-12" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="column" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','center','center','center']" data-verticalalign="middle">
<div class="tp-caption tp-shape tp-resizeme" id="slide-02-layer-13" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['186','45','45','45']" data-width="['100%','100%','100%','100%']" data-height="['1','1','1','1']" data-whitespace="nowrap" data-basealign="slide" data-type="shape" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2100&quot;,&quot;speed&quot;:750,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:0px;y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="z-index: 8;background-color:rgba(255,255,255,0.3);"> </div>
</div>
</div>
<div class="tp-caption tp-resizeme package-details" id="slide-02-layer-14" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="3" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-02-layer-15" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2300,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','left','left','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,15]" data-paddingright="[0,20,10,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[20,20,10,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-16" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['34','28','24','26']" data-lineheight="['46','40','40','30']" data-letterspacing="['-1','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Morocco desert
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-02-layer-17" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','0','120']" data-fontsize="['16','16','16','17']" data-lineheight="['26','26','24','24']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-paddingtop="[0,0,0,5]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<div class="d-block d-md-flex">
<i class="bi bi-geo-alt-fill me-5px"></i>
<span class="opacity-5">48Km from Ouarzazate</span>
</div>
</div>
</div>
<div class="tp-caption" id="slide-02-layer-18" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-19" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','24','24']" data-lineheight="['32','38','32','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
03 Days
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-02-layer-20" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tour duration
</div>
</div>
<div class="tp-caption " id="slide-02-layer-21" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2700,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,7]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-22" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','20','18','20']" data-lineheight="['32','40','30','30']" data-letterspacing="['2','2','2','2']" data-fontweight="['500','500','500','500']" data-color="['#ffa500','#ffa500','#ffa500','#ffa500']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-02-layer-23" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','26','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tripadvisor rating
</div>
</div>
<div class="tp-caption" id="slide-02-layer-24" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2900,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,5]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-02-layer-25" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','26','24']" data-lineheight="['32','40','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Classic AC
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-02-layer-26" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
WITH MEAL
</div>
</div>
<div class="tp-caption" id="slide-02-layer-27" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:3100,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,0,0,0]" data-paddingbottom="[80,80,100,80]" data-paddingleft="[0,0,0,0]">
<a class="tp-caption tp-resizeme alt-font text-center" data-shadow-animation="true" href="demo-travel-agency.html#" id="slide-02-layer-29" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['28','30','22','26']" data-lineheight="['34','45','30','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-actions data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Book holiday<i class="bi bi-arrow-right-short icon-extra-medium xs-pt-10px"></i>
</a>
</div>
</div>
</div>
</li>
<li id="rs-travel-agency-03" data-index="rs-travel-agency-03" data-transition="slidehorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="0" data-fsslotamount="2" data-saveperformance="off" data-title="Slide" data-param1 data-param2 data-param3 data-param4 data-param5 data-param6 data-param7 data-param8 data-param9 data-param10="{&quot;revslider-weather-addon&quot;:{&quot;type&quot;:&quot;name&quot;,&quot;name&quot;:&quot;Cologne&quot;,&quot;woeid&quot;:&quot;667931&quot;,&quot;unit&quot;:&quot;c&quot;}}" data-description>
<img src="images/demo-travel-agency-slider-03-06.jpg" alt="dummy" class="rev-slidebg">
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-03-layer-01" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','100','0','0']" data-width="['3000','2500','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="grid" data-visibility="['on','on','on','on']" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100;z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;fb:20;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-03-05.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1" id="slide-03-layer-02" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="['3000','2500','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-visibility="['on','on','on','on']" data-frames="[{&quot;delay&quot;:700,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:-30:z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-03-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-1 object-layer" id="slide-03-layer-03" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-50','0','-50','-50']" data-width="['987','800','550','450']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1600,&quot;speed&quot;:3000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[200%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:[-200%];y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power2.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-03-03.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-3" id="slide-03-layer-04" data-x="['center','center','center','center']" data-hoffset="['2','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="['3000','2500','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1600,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:20px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-03-07.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-03-layer-05" data-x="['center','center','center','center']" data-hoffset="['2','0','-10','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','50','0','0']" data-width="['3000','2500','2000','1600']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:2800,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:100:z:0;rX:0deg;rY:0;rZ:0;skX:0;skY:0;fb:10;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;power2.out&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,70,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,70,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-03-01.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-03-layer-06" data-x="['center','center','center','center']" data-hoffset="['2','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="['3000','2500','2000','1500']" data-height="auto" data-whitespace="nowrap" data-type="image" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:1200,&quot;speed&quot;:1500,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:20px;opacity:0;fb:10px;&quot;,&quot;to&quot;:&quot;o:1;fb:0;&quot;,&quot;ease&quot;:&quot;Power4.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;fb:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,50,0,50]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,50,0,50]" data-basealign="grid">
<img src="images/demo-travel-agency-slider-03-02.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme" id="slide-03-layer-07" data-x="['center','center','center','center']" data-hoffset="['320','280','261','140']" data-y="['top','top','top','middle']" data-voffset="['265','212','150','-80']" data-width="['146','146','120','100']" data-height="auto" data-whitespace="nowrap" data-type="shape" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:3000,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']">
<img src="images/demo-travel-agency-slider-04.png" data-ww="100%" data-hh="auto" alt data-no-retina>
</div>
<div class="tp-caption tp-resizeme alt-font text-white" id="slide-03-layer-08" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['330','285','210','-65']" data-fontsize="['40','40','30','25']" data-lineheight="['40','30','30','25']" data-fontweight="['600','600','600','600']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:3100,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']">
$1000
</div>
<div class="tp-caption tp-resizeme alt-font text-white text-uppercase" id="slide-03-layer-09" data-x="['center','center','center','center']" data-hoffset="['320','280','260','140']" data-y="['top','top','top','middle']" data-voffset="['303','250','180','-90']" data-fontsize="['16','18','16','15']" data-fontweight="['500','500','500','500']" data-width="['201','150','150','120']" data-height="none" data-whitespace="['normal','nowrap','nowrap','nowrap']" data-type="text" data-responsive_offset="on" data-responsive="on" data-frames="[{&quot;delay&quot;:3200,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:30px;sX:0.5;sY:0.5;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['center','center','center','center']">
Starting at
</div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-03-layer-10" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2400,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);"></div>
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" id="slide-03-layer-11" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']" data-voffset="['-70','-70','-70','0']" data-width="['100%','100%','100%','100%']" data-height="['300','300','300','300']" data-whitespace="nowrap" data-type="shape" data-responsive_offset="off" data-responsive="on" data-basealign="slide" data-frames="[{&quot;delay&quot;:2400,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Back.easeOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);"></div>
<div id="rrzb_904" class="rev_row_zone rev_row_zone_bottom" style="z-index: 9999;">
<div class="tp-caption tp-resizeme " id="slide-03-layer-11-01" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="row" data-columnbreak="2" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-03-layer-12" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="slide" data-type="column" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','center','center','center']" data-verticalalign="middle">
<div class="tp-caption tp-shape tp-resizeme" id="slide-03-layer-13" data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['186','45','45','45']" data-width="['100%','100%','100%','100%']" data-height="['1','1','1','1']" data-whitespace="nowrap" data-basealign="slide" data-type="shape" data-responsive_offset="off" data-responsive="off" data-frames="[{&quot;delay&quot;:&quot;2100&quot;,&quot;speed&quot;:750,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:[100%];opacity:1;&quot;,&quot;mask&quot;:&quot;x:0px;y:0;s:inherit;e:inherit;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-textAlign="['inherit','inherit','inherit','inherit']" style="z-index: 8;background-color:rgba(255,255,255,0.3);"> </div>
</div>
</div>
<div class="tp-caption tp-resizeme package-details" id="slide-03-layer-14" data-x="['left','left','left','left']" data-hoffset="['100','100','100','100']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="row" data-columnbreak="3" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<div class="tp-caption tp-resizeme" id="slide-03-layer-15" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" data-width="['auto','auto','auto','auto']" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2300,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['left','left','left','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,15]" data-paddingright="[0,20,10,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[20,20,10,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-16" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['34','28','24','26']" data-lineheight="['46','40','40','30']" data-letterspacing="['-1','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Gunung rinjan
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-03-layer-17" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','0','120']" data-fontsize="['16','16','16','17']" data-lineheight="['26','26','24','24']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]" data-paddingtop="[0,0,0,5]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]">
<div class="d-block d-md-flex">
<i class="bi bi-geo-alt-fill me-5px"></i>
<span class="opacity-5">24Km from Indonesia</span>
</div>
</div>
</div>
<div class="tp-caption" id="slide-03-layer-18" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2500,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-19" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','24','24']" data-lineheight="['32','38','32','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
05 Days
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-03-layer-20" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tour duration
</div>
</div>
<div class="tp-caption " id="slide-03-layer-21" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2700,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,7]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-22" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','20','18','20']" data-lineheight="['32','40','30','30']" data-letterspacing="['2','2','2','2']" data-fontweight="['500','500','500','500']" data-color="['#ffa500','#ffa500','#ffa500','#ffa500']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill "></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-half"></i>
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-03-layer-23" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','26','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Tripadvisor rating
</div>
</div>
<div class="tp-caption" id="slide-03-layer-24" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="auto" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:2900,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="16.5%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,5]" data-paddingright="[0,20,0,0]" data-paddingbottom="[80,80,100,0]" data-paddingleft="[0,20,0,0]">
<div class="tp-caption tp-resizeme alt-font" id="slide-03-layer-25" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['24','26','26','24']" data-lineheight="['32','40','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Deluxe AC
</div>
<div class="tp-caption tp-resizeme alt-font text-uppercase" id="slide-03-layer-26" data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','bottom','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['16','16','17','17']" data-lineheight="['26','25','30','30']" data-letterspacing="['0','0','0','0']" data-fontweight="['400','400','400','400']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:0.5;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
WITH MEAL
</div>
</div>
<div class="tp-caption" id="slide-03-layer-27" data-x="['left','left','left','left']" data-hoffset="['0','0','100','100']" data-y="['top','top','top','top']" data-voffset="['0','0','100','100']" data-width="auto" data-height="100%" data-whitespace="nowrap" data-basealign="grid" data-type="column" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:3100,&quot;speed&quot;:800,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]" data-columnwidth="25%" data-textAlign="['center','center','center','center']" data-verticalalign="middle" data-paddingtop="[30,20,20,10]" data-paddingright="[0,0,0,0]" data-paddingbottom="[80,80,100,80]" data-paddingleft="[0,0,0,0]">
<a class="tp-caption tp-resizeme alt-font text-center" data-shadow-animation="true" href="demo-travel-agency.html#" id="slide-03-layer-29" data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" data-y="['top','top','bottom','bottom']" data-voffset="['0','170','140','120']" data-fontsize="['28','30','22','26']" data-lineheight="['34','45','30','35']" data-letterspacing="['0','0','0','0']" data-fontweight="['500','500','500','500']" data-color="['#ffffff','#ffffff','#ffffff','#ffffff']" data-width="['auto']" data-height="none" data-whitespace="normal" data-type="text" data-actions data-basealign="grid" data-responsive_offset="off" data-responsive="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:300,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1200,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;x:left(L);sX:1;sY:1;opacity:1;&quot;,&quot;ease&quot;:&quot;power3.inOut&quot;}]">
Book holiday<i class="bi bi-arrow-right-short icon-extra-medium xs-pt-10px"></i>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</article>
</section>
<section class="position-relative pb-0 xs-pt-30px">
<div class="w-100 h-70px position-absolute top-minus-70px md-top-minus-50px left-0px" style="background-image:url('images/demo-travel-agency-slider-07.png');"></div>
</section>
<section class="extra-big-section background-position-center-bottom background-size-contain background-no-repeat position-relative pt-0" style="background-image:url('images/demo-travel-agency-home-bg-02.png');">
<div class="position-absolute left-0px bottom-minus-50px d-none d-lg-inline-block" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
<img src="images/demo-travel-agency-home-bg-01.png" alt />
</div>
<div class="container background-position-right background-no-repeat sm-mb-10 xs-mb-15" style="background-image:url('images/demo-travel-agency-home-bg.png');">
<div class="row align-items-center position-relative mb-7">
<div class="position-absolute left-0px top-0px h-100 w-130px border-end border-color-extra-medium-gray d-none d-md-inline-block" data-anime="{ &quot;translateX&quot;: [-30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="vertical-title-center align-items-center justify-content-center">
<div class="title fs-24 alt-font text-base-color fw-600 text-uppercase">Explore the world for yourself</div>
</div>
</div>
<div class="col-lg-1 col-md-2 d-none d-md-inline-block"><div class="divider-dot d-flex align-items-center w-100 h-200px"></div></div>
<div class="col-lg-5 col-md-9 offset-md-1" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="alt-font fw-600 text-dark-gray ls-minus-3px w-90 xl-w-100 mb-30px">Discover the world's leading travel agency.</h1>
<p class="w-75 lg-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since.</p>
<div class="d-inline-block mt-5px">
<a href="demo-travel-agency-about.html" class="btn btn-large btn-round-edge btn-dark-gray btn-hover-animation btn-box-shadow me-25px">
<span>
<span class="btn-text">About company</span><span class="btn-icon"><i class="feather icon-feather-feather"></i></span>
</span>
</a>
<a href="demo-travel-agency-tours.html" class="btn btn-link-gradient expand btn-extra-large text-dark-gray text-dark-gray-hover ls-0px">Discover tour<span class="bg-dark-gray"></span></a>
</div>
</div>
<div class="col-lg-4 col-md-8 position-relative offset-lg-1 offset-md-4 ps-0 sm-ps-15px md-mt-50px" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<img src="images/demo-travel-agency-home-01.jpg" class="border-radius-6px md-w-100" alt>
<img class="position-absolute left-minus-120px top-80px sm-top-0px sm-w-160px sm-left-0px" src="images/demo-travel-agency-home-02.png" alt data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)">
</div>
</div>
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2 justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;rotateZ&quot;: [5, 0], &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col icon-with-text-style-01 md-mb-30px">
<div class="feature-box feature-box-left-icon-middle last-paragraph-no-margin">
<div class="feature-box-icon">
<i class="line-icon-Medal-2 icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-500 fs-22 lg-fs-20 ls-minus-05px">Superior service</span>
<p class="lh-24">Lorem ipsum text</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-01 md-mb-30px">
<div class="feature-box feature-box-left-icon-middle last-paragraph-no-margin">
<div class="feature-box-icon">
<i class="line-icon-Globe icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-500 fs-22 lg-fs-20 ls-minus-05px">Cheapest package</span>
<p class="lh-24">Lorem ipsum text</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-01 xs-mb-30px">
<div class="feature-box feature-box-left-icon-middle last-paragraph-no-margin">
<div class="feature-box-icon">
<i class="line-icon-Administrator icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-500 fs-22 lg-fs-20 ls-minus-05px">Greatest guides</span>
<p class="lh-24">Lorem ipsum text</p>
</div>
</div>
</div>
<div class="col icon-with-text-style-01">
<div class="feature-box feature-box-left-icon-middle last-paragraph-no-margin">
<div class="feature-box-icon">
<i class="line-icon-Police icon-large text-base-color"></i>
</div>
<div class="feature-box-content">
<span class="d-inline-block alt-font text-dark-gray fw-500 fs-22 lg-fs-20 ls-minus-05px">Fully protected</span>
<p class="lh-24">Lorem ipsum text</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray background-position-center-bottom background-size-contain background-no-repeat pt-2 pb-6" style="background-image:url('images/demo-travel-agency-home-bg-05.png');">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-6 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-500 text-base-color text-uppercase d-inline-block">Most popular tours</span>
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Popular packages</h2>
</div>
</div>
<div class="row row-cols-1 justify-content-center mb-10 md-mb-5 xs-mb-10">
<div class="col position-relative" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 50, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="swiper slider-four-slide magic-cursor swiper-number-navigation-style" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.swiper-pagination&quot;, &quot;clickable&quot;: true }, &quot;autoplay&quot;: { &quot;delay&quot;: 4000, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1400&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;1200&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;576&quot;: { &quot;slidesPerView&quot;: 2 } }, &quot;effect&quot;: &quot;slide&quot; }" data-swiper-number-navigation="true" data-swiper-show-progress="true">
<div class="swiper-wrapper pb-5 md-pb-6">
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-03.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">10 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1299<span class="ms-5px position-relative text-red fs-19 fw-500">$1500<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Majestic india life and great wildlife.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">18 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-04.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">08 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1099<span class="ms-5px position-relative text-red fs-19 fw-500">$1200<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Maldives resorts with return flights.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">12 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-05.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">05 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1349<span class="ms-5px position-relative text-red fs-19 fw-500">$1700<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Dubai parks resorts special packages.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">10 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-06.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">10 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1699<span class="ms-5px position-relative text-red fs-19 fw-500">$1800<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">The everyday urban jungle of city.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">16 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-03.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">10 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1299<span class="ms-5px position-relative text-red fs-19 fw-500">$1500<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Majestic india life and great wildlife.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">18 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-04.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">08 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1099<span class="ms-5px position-relative text-red fs-19 fw-500">$1200<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Maldives resorts with return flights.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">12 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-05.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">05 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1349<span class="ms-5px position-relative text-red fs-19 fw-500">$1700<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">Dubai parks resorts special packages.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">10 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="overflow-hidden border-radius-6px box-shadow-large">
<div class="image">
<a href="demo-travel-agency-tour-details-page.html">
<img class="w-100" src="images/demo-travel-agency-home-06.jpg" alt>
</a>
</div>
<div class="bg-white p-35px position-relative">
<div class="bg-base-color ps-15px pe-15px fs-14 text-uppercase fw-500 d-inline-block text-white position-absolute right-0px top-0px">10 days</div>
<div class="fs-24 fw-700 text-dark-gray"><span class="text-uppercase d-block fs-14 lh-18 fw-500 text-medium-gray">Just</span>$1699<span class="ms-5px position-relative text-red fs-19 fw-500">$1800<span class="w-100 h-1px position-absolute left-0px top-50 bg-red"></span></span></div>
<a href="demo-travel-agency-tour-details-page.html" class="mt-10px fs-18 text-dark-gray fw-500 lh-26 d-block">The everyday urban jungle of city.</a>
<div class="d-flex align-items-center pt-15px mt-20px border-top border-color-extra-medium-gray">
<span class="fw-500 fs-14 d-inline-block text-uppercase">16 Reviews</span>
<div class="review-star-icon ms-auto">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-navigation-wrapper d-flex align-items-center justify-content-center">
<div class="swiper-button-previous-nav swiper-button-prev slider-four-slide-prev"><i class="feather icon-feather-arrow-left icon-small text-dark-gray"></i><div class="number-prev fs-14 fw-500"></div></div>
<div class="swiper-pagination-progress w-200px xs-w-150px bg-medium-gray-transparent"><span class="swiper-progress"></span></div>
<div class="swiper-button-next-nav swiper-button-next slider-four-slide-next"><div class="number-next fs-14 fw-500"></div><i class="feather icon-feather-arrow-right icon-small text-dark-gray"></i></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-6 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-500 text-base-color text-uppercase d-inline-block">Authentic experiences</span>
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Prime destination</h2>
</div>
</div>
<div class="row row-cols-1 row-cols-xl-4 row-cols-lg-3 row-cols-sm-2 justify-content-center mb-5 md-mb-3 xs-mb-40px" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;scale&quot;:[0.9,1], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 500, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-07.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">India</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-08.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Poland</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-09.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Mexico</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-10.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Egypt</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin lg-mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-11.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Africa</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin lg-mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-12.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Kenya</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin lg-mb-30px">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-13.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Maldives</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
<div class="col text-center interactive-banner-style-01 last-paragraph-no-margin">
<figure class="m-0 position-relative hover-box border-radius-6px overflow-hidden">
<img src="images/demo-travel-agency-home-14.jpg" alt />
<div class="position-absolute top-0px left-0px w-100 h-100 bg-gradient-gray-light-dark-transparent opacity-1"></div>
<figcaption class="w-100 h-100 d-flex flex-column justify-content-end align-items-center p-30px">
<div class="position-relative z-index-1">
<a href="demo-travel-agency-tours.html" class="d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-white mb-50px box-shadow-quadruple-large"><i class="bi bi-arrow-right-short text-dark-gray icon-medium lh-0px"></i></a>
<a href="demo-travel-agency-tours.html" class="alt-font fs-22 fw-500 text-white d-block text-uppercase">Dubai</a>
</div>
<div class="box-overlay bg-dark-gray"></div>
</figcaption>
</figure>
</div>
</div>
<div class="row text-center" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12">
<h4 class="alt-font text-dark-gray mb-0 ls-minus-1px fancy-text-style-4">World's hottest destinations for <span class="fw-600" data-fancy-text="{ &quot;effect&quot;: &quot;wave&quot;, &quot;direction&quot;: &quot;up&quot;, &quot;speed&quot;: 10, &quot;string&quot;: [&quot;mountain lovers.&quot;, &quot;nature lovers.&quot;, &quot;independent tours.&quot;], &quot;duration&quot;: 2500 }"></span></h4>
</div>
</div>
</div>
</section>
<section class="position-relative overlap-height" data-parallax-background-ratio="0.5" style="background-image: url('images/demo-travel-agency-home-parallax.jpg');">
<div class="opacity-extra-medium bg-gradient-gulf-blue-sepia-brown"></div>
<div class="container overlap-gap-section">
<div class="row justify-content-center align-items-center">
<div class="col-xl-8 col-lg-10 position-relative text-center parallax-scrolling-style-1" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-500 text-white text-uppercase mb-5px d-inline-block ls-1px">Finding the perfect trips</span>
<h1 class="text-white mx-auto alt-font fw-500 mb-40px ls-minus-2px">Get ready to explore and discover your world.</h1>
<a href="demo-travel-agency.html#explore" class="section-link d-flex justify-content-center align-items-center mx-auto icon-box w-70px h-70px rounded-circle bg-base-color"><i class="bi bi-arrow-down-short text-white icon-medium d-flex"></i></a>
</div>
</div>
</div>
</section>
<section id="explore" class="cover-background overflow-visible" style="background-image: url('images/demo-travel-agency-home-bg-03.jpg');">
<div class="container overlap-section">
<div class="row row-cols-1 row-cols-xl-5 row-cols-md-5 row-cols-sm-3 bg-white border-radius-6px mx-0 ps-8 pe-8 lg-ps-3 lg-pe-3 pt-4 pb-4 sm-pt-8 sm-pb-8 xs-pt-15 xs-pb-40px align-items-center mb-7 xs-mb-50px justify-content-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col text-center border-end border-color-extra-medium-gray sm-mb-40px xs-border-end-0">
<img src="images/demo-travel-agency-icon-01.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Adventure</span>
</div>
<div class="col text-center border-end border-color-extra-medium-gray sm-mb-40px xs-border-end-0">
<img src="images/demo-travel-agency-icon-02.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Friendly</span>
</div>
<div class="col text-center border-end sm-border-end-0 border-color-extra-medium-gray sm-mb-40px">
<img src="images/demo-travel-agency-icon-03.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Popular</span>
</div>
<div class="col text-center border-end border-color-extra-medium-gray xs-border-end-0 xs-mb-40px">
<img src="images/demo-travel-agency-icon-04.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Beaches</span>
</div>
<div class="col text-center">
<img src="images/demo-travel-agency-icon-05.png" class="mb-10px w-70px d-block mx-auto" alt />
<span class="alt-font fs-19 fw-600 text-dark-gray text-uppercase ls-minus-05px">Honeymoon</span>
</div>
</div>
</div>
<div class="container">
<div class="row align-items-center justify-content-center" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-lg-3 md-mb-20px text-center text-lg-start">
<span class="fw-500 text-base-color text-uppercase">Testimonials</span>
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Our happy traveller.</h2>
<div class="d-flex justify-content-center justify-content-lg-start">
<div class="slider-one-slide-prev-1 bg-white box-shadow-double-large swiper-button-prev slider-navigation-style-04"><i class="bi bi-arrow-left-short icon-very-medium"></i></div>
<div class="slider-one-slide-next-1 bg-white box-shadow-double-large swiper-button-next slider-navigation-style-04"><i class="bi bi-arrow-right-short icon-very-medium"></i></div>
</div>
</div>
<div class="col-xl-8 col-lg-9">
<div class="swiper position-relative magic-cursor" data-slider-options="{ &quot;autoHeight&quot;: true, &quot;loop&quot;: true, &quot;allowTouchMove&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 3000, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next&quot;, &quot;prevEl&quot;: &quot;.swiper-button-prev&quot; }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper">
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-17.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">Our Africa travel specialist planned the most <span class="text-decoration-line-bottom fw-600">amazing trip</span> to kenya for us. We had an <span class="text-decoration-line-bottom fw-600">incredible time</span> and were able to capture so many awesome pictures.</p>
<div class="text-center bg-base-color text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-20 alt-font text-base-color fw-600 text-uppercase">Alexander moore</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-15.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">Excellent travel company. We have already <span class="text-decoration-line-bottom fw-600">recommended</span> it to our family and friends. We are looking forward to our <span class="text-decoration-line-bottom fw-600">next trip.</span> Everything was very well organized.</p>
<div class="text-center bg-base-color text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-20 alt-font text-base-color fw-600 text-uppercase">Matthew taylor</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide review-style-11">
<div class="row align-items-center">
<div class="col-md-5 text-center text-md-start sm-mb-15px">
<img src="images/demo-travel-agency-home-18.png" alt>
</div>
<div class="col-md-7 position-relative ps-16 sm-ps-15px text-center text-md-start">
<p class="fs-20 lh-28 text-dark-gray mb-20px">This itinerary was a perfect <span class="text-decoration-line-bottom fw-500">combination</span> of city sights, history and culture together with the peace of the <span class="text-decoration-line-bottom fw-500">amazon rainforest</span> and the adventure.</p>
<div class="text-center bg-base-color text-white fs-15 border-radius-22px d-inline-block ps-20px pe-20px lh-36 ls-minus-1px">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
<div class="position-absolute left-0px top-0px h-100 w-90px sm-w-100 border-end border-color-transparent-dark-very-light sm-position-relative sm-mt-10px sm-border-end-0">
<div class="vertical-title-center align-items-center justify-content-center sm-vertical-title-inherit">
<div class="title fs-20 alt-font text-base-color fw-600 text-uppercase">Herman miller</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray background-position-center-top background-no-repeat overlap-height" style="background-image:url('images/demo-travel-agency-home-bg-04.png');">
<div class="container overlap-gap-section">
<div class="row justify-content-center mb-2">
<div class="col-lg-7 text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<span class="fw-500 text-base-color text-uppercase d-inline-block">Inspiring story</span>
<h2 class="alt-font fw-600 text-dark-gray ls-minus-2px">Travel blogs</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<ul class="blog-modern blog-wrapper grid-loading grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="grid-sizer"></li>
<li class="grid-item md-mb-20px">
<div class="box-hover text-center">
<figure class="mb-0 position-relative">
<div class="blog-image position-relative overflow-hidden border-radius-6px">
<a href="demo-travel-agency-blog-single-modern.html"><img src="images/demo-travel-agency-blog-01.jpg" alt /></a>
</div>
<figcaption class="post-content-wrapper overflow-hidden border-radius-6px">
<div class="position-relative bg-dark-gray post-content p-30px z-index-2 lh-initial">
<a href="demo-travel-agency-blog-single-modern.html" class="card-title mb-0 fs-20 lh-28 text-white d-inline-block">It takes a real designer to design for real women</a>
<div class="box-overlay bg-dark-gray z-index-minus-1"></div>
</div>
<div class="fs-15 bg-white p-15px lg-ps-10px lg-pe-10px lh-initial"><span class="d-inline-block">By <a href="demo-travel-agency-blog.html">Rosald smith</a></span><span class="separator d-inline-block">|</span><a href="demo-travel-agency.html#">26 Nov 2023</a></div>
</figcaption>
</figure>
</div>
</li>
<li class="grid-item md-mb-20px">
<div class="box-hover text-center">
<figure class="mb-0 position-relative">
<div class="blog-image position-relative overflow-hidden border-radius-6px">
<a href="demo-travel-agency-blog-single-modern.html"><img src="images/demo-travel-agency-blog-02.jpg" alt /></a>
</div>
<figcaption class="post-content-wrapper overflow-hidden border-radius-6px">
<div class="position-relative bg-dark-gray post-content p-30px z-index-2 lh-initial">
<a href="demo-travel-agency-blog-single-modern.html" class="card-title mb-0 fs-20 lh-28 text-white d-inline-block">Experience breathtaking views and perspectives</a>
<div class="box-overlay bg-dark-gray z-index-minus-1"></div>
</div>
<div class="fs-15 bg-white p-15px lg-ps-10px lg-pe-10px lh-initial"><span class="d-inline-block">By <a href="demo-travel-agency-blog.html">Andy glamere</a></span><span class="separator d-inline-block">|</span><a href="demo-travel-agency.html#">22 Nov 2023</a></div>
</figcaption>
</figure>
</div>
</li>
<li class="grid-item">
<div class="box-hover text-center">
<figure class="mb-0 position-relative">
<div class="blog-image position-relative overflow-hidden border-radius-6px">
<a href="demo-travel-agency-blog-single-modern.html"><img src="images/demo-travel-agency-blog-03.jpg" alt /></a>
</div>
<figcaption class="post-content-wrapper overflow-hidden border-radius-6px">
<div class="position-relative bg-dark-gray post-content p-30px z-index-2 lh-initial">
<a href="demo-travel-agency-blog-single-modern.html" class="card-title mb-0 fs-20 lh-28 text-white d-inline-block">Teamwork is essential for small teams to challenges</a>
<div class="box-overlay bg-dark-gray z-index-minus-1"></div>
</div>
<div class="fs-15 bg-white p-15px lg-ps-10px lg-pe-10px lh-initial"><span class="d-inline-block">By <a href="demo-travel-agency-blog.html">Den viliamson</a></span><span class="separator d-inline-block">|</span><a href="demo-travel-agency.html#">18 Nov 2023</a></div>
</figcaption>
</figure>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<footer class="bg-light-gray pb-40px">
<div class="container">
<div class="row mb-2 md-mb-4 overlap-section" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [-15, 0], &quot;scale&quot;: [0.5, 1], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 300, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12 text-center">
<img class="rounded-circle" src="images/demo-travel-agency-home-16.png" alt />
</div>
</div>
<div class="row justify-content-center mb-6 md-mb-8 xs-mb-40px">
<div class="col-xl-6 col-lg-8 col-md-10 text-center last-paragraph-no-margin">
<h2 class="text-dark-gray alt-font fw-600 mb-40px mx-auto w-90 ls-minus-2px">Get the amazing travel offers into your inbox!</h2>
<div class="d-inline-block w-100 newsletter-style-03 position-relative mb-30px">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="input-large bg-white border-color-transparent w-100 border-radius-100px box-shadow-extra-large form-control required" type="email" name="email" placeholder="Enter your email address" />
<input type="hidden" name="redirect" value>
<button class="btn btn-large text-dark-gray ls-0px left-icon submit fw-600" aria-label="submit"><i class="icon feather icon-feather-mail icon-small text-base-color"></i><span>Subscribe</span></button>
<div class="form-results border-radius-100px pt-10px pb-10px ps-15px pe-15px fs-16 mt-10px w-100 z-index-1 text-center position-absolute d-none"></div>
</form>
</div>
<p class="fs-16 lh-normal">We are committed to protecting your <a href="demo-travel-agency.html#" class="text-decoration-line-bottom text-dark-gray text-dark-gray-hover">privacy policy.</a></p>
</div>
</div>
<div class="row align-items-center justify-content-center mb-40px g-0 row-cols-3 row-cols-md-6 row-cols-sm-3 instagram-follow-api position-relative">
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-01.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-02.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-03.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-04.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-05.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-travel-agency-instagram-06.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="absolute-middle-center z-index-1 w-auto">
<a href="https://www.instagram.com" target="_blank" class="btn btn-medium btn-switch-text btn-white btn-round-edge fw-600 ls-0px left-icon btn-box-shadow instagram-button">
<span>
<span><i class="fa-brands fa-instagram text-base-color fs-20"></i></span>
<span class="btn-double-text" data-text="crafto instagram">crafto instagram</span>
</span>
</a>
</div>
</div>
<div class="row align-items-center">
<div class="col-xl-3 col-sm-6 text-center text-sm-start last-paragraph-no-margin fs-15 text-dark-gray order-3 order-md-1">
<p>&COPY; Copyright 2024 <a href="index.html" target="_blank" class="text-dark-gray text-dark-gray-hover text-decoration-line-bottom fw-600">Crafto</a></p>
</div>
<div class="col-xl-6 text-center lg-mt-10px sm-mt-0 sm-mb-15px order-1 order-xl-2 order-md-3">
<ul class="footer-navbar">
<li class="nav-item"><a href="demo-travel-agency-about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="demo-travel-agency-destinations.html" class="nav-link">Destinations</a></li>
<li class="nav-item"><a href="demo-travel-agency-tours.html" class="nav-link">Tours</a></li>
<li class="nav-item"><a href="demo-travel-agency-reviews.html" class="nav-link">Reviews</a></li>
<li class="nav-item"><a href="demo-travel-agency-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-travel-agency-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
<div class="col-xl-3 col-sm-6 position-relative text-center text-sm-end elements-social social-text-style-08 order-2 order-xl-3 xs-mb-10px">
<ul class="small-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-travel-agency.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="revolution/revolution-addons/particles/js/revolution.addon.particles.min-ver=1.0.3.js"></script>
<script type="text/javascript">
/* https://learn.jquery.com/using-jquery-core/document-ready/ */
jQuery(document).ready(function () {
/* initialize the slider based on the Slider's ID attribute from the wrapper above */
jQuery('#travel-agency-slider').show().revolution({
sliderType: "standard",
/* options are 'auto', 'fullwidth' or 'fullscreen' */
sliderLayout: 'fullscreen',
/* sets the Slider's default timeline */
delay: 9000,
/* options that disable autoplay */
stopLoop: "off",
stopAfterLoops: 0,
stopAtSlide: 1,
navigation: {
keyboardNavigation: 'on',
keyboard_direction: 'horizontal',
mouseScrollNavigation: 'off',
mouseScrollReverse: 'reverse',
onHoverStop: 'off',
touch: {
touchenabled: 'on',
touchOnDesktop: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: 'horizontal',
drag_block_vertical: true
},
arrows: {
enable: true,
style: 'hesperiden',
tmp: '',
rtl: false,
hide_onleave: false,
hide_onmobile: true,
hide_under: 0,
hide_over: 9999,
hide_delay: 200,
hide_delay_mobile: 1200,
left: {
container: 'slider',
h_align: 'left',
v_align: 'center',
h_offset: 30,
v_offset: 0
},
right: {
container: 'slider',
h_align: 'right',
v_align: 'center',
h_offset: 30,
v_offset: 0
}
}
},
responsiveLevels: [1240, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridwidth: [1190, 1024, 778, 480],
/* [DESKTOP, LAPTOP, TABLET, SMARTPHONE] */
gridheight: [900, 920, 700, 650],
/* Lazy Load options are "all", "smart", "single" and "none" */
lazyType: "smart",
spinner: "spinner0",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 1000,
speedbg: 1500,
speedls: 1000,
levels: [3, 5, 8, 10, 12, 15, 35, 40, 45, 50, -50, -45, -40, -35, -30, -25],
ddd_shadow: "on",
ddd_bgfreeze: "off",
ddd_overflow: "hidden",
ddd_layer_overflow: "visible",
ddd_z_correction: 40,
disable_onmobile: 'on'
},
shadow: 0,
shuffle: "off",
autoHeight: "on",
fullScreenAutoWidth: "off",
fullScreenAlignForce: "off",
fullScreenOffsetContainer: "",
fullScreenOffset: "",
disableProgressBar: "on",
hideThumbsOnMobile: "on",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
}); /*ready*/
</script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>