/*---------Font Section End--------*/
/*==================HOME PAGE SECTION START=====================*/
/*================================ HOW IT WORKS SECTION START ==================================*/
/*.page { width: 100%; height: 2700px; position:fixed; transform-style: preserve-3d; perspective-origin-x: 100%; perspective: 1px; }
.page1 { height: 2700px; position:relative; background:#13687f; width:100%; padding: 50px 0;}*/
/*.page { width: 100%; height: 2700px; position:fixed; transform-style: preserve-3d; perspective-origin-x: 100%; perspective: 1px; }*/
.bottomtext{width:auto;float:left;padding:10px 16%;margin:15px 0;}
.bottomtext h4{font-family: 'Poppins', sans-serif;font-size:24px;font-weight:normal;color:#fff;text-decoration:none;text-align:center;text-transform:uppercase;}
.bottom-fourbox{width:100%;float:left;padding:10px 0;margin:15px 0 20px;}
.bottom-fourbox .bottom-fourbox-img{width:100%;float:left;min-height:130px;text-align:center;margin-bottom:10px;}
.bottom-fourbox .bottom-fourbox-text{width:100%;float:left;text-align:center;margin-bottom:10px;font-family: 'Poppins', sans-serif;font-size:15px;font-weight:normal;color:#fff;text-decoration:none;}
.bottom-whatmore{width:100%;float:left;padding:10px 0;margin:15px 0 20px;}
.bottom-whatmore .bottom-whatmore-title{width:100%;float:left;padding:10px 16%;margin:15px 0;text-align:center;}
.bottom-whatmore .bottom-whatmore-title h2{font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;font-weight: 700;font-size:70px;font-weight:bolder;color:#fff;text-decoration:none;text-align:center;text-transform:uppercase;padding:15px 0;}
.bottom-whatmore .bottom-whatmore-img{width:100%;float:left;min-height:130px;text-align:center;margin-bottom:10px;}
.bottom-whatmore .bottom-whatmore-text{width:100%;float:left;text-align:center;margin-bottom:10px;font-family: 'Poppins', sans-serif;font-family: 'Poppins', sans-serif;font-weight: 700;font-size:15px;font-weight:normal;color:#fff;text-decoration:none;}
.bottom-whatmore .bottom-whatmore-text a{font-family:'Montserrat', sans-serif;font-size:15px;font-weight:normal;color:#fff;text-decoration:none;}
.bottom-whatmore .bottom-whatmore-moree{width:100%;float:left;text-align:center;margin-bottom:10px;font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;font-weight: 400;font-size:12px;font-weight:normal;color:#fff;text-decoration:none;}
.bottom-whatmore .bottom-whatmore-moree a{font-weight:normal;color:#fff;text-decoration:none;}
.bottom-whatmore .bottom-whatmore-moree a:hover{font-weight:normal;color:#f8992d;text-decoration:none;}
.page1 { height: 3622px; position:relative; background:#13687f; width:100%; padding: 50px 0;}
.center_page { width: 1020px; position: relative; margin: 0 auto; }
.process-bottext { top: 2622px; position: relative;}
.page_wrapper {max-width: 1366px; margin: -168px auto;position: relative; padding: 100px 0 60px;}
.page1 h1{
/* font-family: 'Poppins', sans-serif; */
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 69px;
font-weight:bolder;
color:#fff;
min-width: 320px;
text-decoration:none;
text-align:center;
text-transform:uppercase;
padding:15px 0 5px;
margin:0;
}
.page1 h2{
/* font-family: 'Poppins', sans-serif; */
font-family: 'Poppins', sans-serif;
font-weight: 500;
font-size: 25px;
font-weight:normal;
color:#fff;
text-decoration:none;
text-align:center;
text-transform:uppercase;
padding:5px 0 50px;
margin:0;
}
.layer1, .layer2, .layer3, .layer4, .layer5, .layer6 { position: absolute; width: 100%; height: 100%; }
.layer1 { z-index: 1;}
.layer2 { z-index: 2; margin-top: 121px; }
.layer3 { z-index: 3;margin-top: 712px; }
.layer4 { z-index: 4; margin-top: 266px;}
.layer5 { z-index: 5;margin-top: 715px; }
.layer6 { z-index: 6; margin-top: 770px; }
/*How It Works Styling Start Here*/
.text1 {position: absolute;top: 183px;left: 205px;z-index: 10;width: 335px;}
.firstimg1 { position: absolute; top: 268px; left: 162px; z-index:1; /*-moz-animation: 5s ease 0s normal none infinite caution; -moz-transform-origin: center top; -webkit-animation: caution 5s infinite ease-in-out; -webkit-transform-origin: top; visibility: hidden;*/}
.firstimg2 { position: absolute; top: 210px; left: 30px; z-index:9;}
.firstimg3 { position: absolute; top: 273px; left: 404px; z-index:99;}
.firstimg4 { position: absolute; top: 381px; left: 178px; z-index: 9;}
.firstimg5 { position: absolute; top: 732px; left: 387px; z-index:99;}
.firstimg4a{position: absolute;top: 630px; left: 230px; z-index: 99;}
.firstimg6 { position: absolute; top: 158px; left: -50px; z-index:9;}
.firstimg7 {position: absolute; top: 567px; left: 80px; z-index: 30;}
/*fadeIn animate css*/
.firstimg3a {
position: absolute;
top: 430px;
left: 654px;
z-index: 99;
color: #fff;
font-size: 18px;
height: 48px;
width: 112px;
text-align: center;
letter-spacing: 2px;
background-image: url(../img/howItWork/book-your-holiday.png);
padding-top: 51px;
padding-left: 1px;
}
.firstimg5a
{
position: absolute;
top: 958px;
left: 547px;
z-index: 99;
color: #fff;
font-size: 18px;
height: 48px;
width: 112px;
text-align: center;
letter-spacing: 2px;
background-image:url(../img/howItWork/special-req.png);
padding-top: 51px;
padding-left: 1px;
}
.firstimg7a
{
position: absolute;
top: 771px;
left: 93px;
z-index: 99;
color: #fff;
font-size: 18px;
height: 48px;
width: 112px;
text-align: center;
letter-spacing: 2px;
background-image:url(../img/howItWork/plan-your-travel.png) ;
padding-top: 51px;
padding-left: 1px;
}
/*fadeIn animate css end */
.svgline1 {
width: 450px;
position: absolute;
top: 496px;
right: 214px;
z-index: 0;
transform: rotate(30deg) !important;}
.text2 { position: absolute;
top: 920px;
right: 203px;
z-index: 19;
width: 295px; }
.twoimg1 { position: absolute; top: 895px; right: -20px; z-index:9;}
.twoimg2 { position: absolute; top: 950px; right: 80px; z-index:99;}
.twoimg3 { position: absolute; top: 870px; right: 153px; z-index:9;}
.twoimg4 { position: absolute; top: 952px; right: 523px; z-index:9;}
.twoimg5 { position: absolute; top: 1300px; right: 530px; z-index:9;}
.twoimg6 { position: absolute; top: 838px; right: 272px; z-index:9;}
.twoimg7 {position: absolute;top: 1249px;right: 220px;z-index:99;}
.twoimg8 { position: absolute; top: 1280px; right: 59px; z-index:99;}
.twoimg2a{ color: #fff;font-size: 18px;height: 114px;width: 127px;text-align: center;letter-spacing: 2px;padding-top: 22px;padding-left: 0;
position: absolute;
top: 913px;
right: 535px;
z-index: 99;
background-image: url(../img/howItWork/resort-type.png);
}
.twoimg8a{
color: #fff;
font-size: 18px;
height: 114px;
width: 127px;
text-align: center;
letter-spacing: 2px;
padding-top: 22px;
padding-left: 0;
position: absolute;
top: 1236px;
right: 124px; z-index:99;
background-image:url(../img/howItWork/room-type.png) ;
}
.twoimg7a{ color: #fff;
font-size: 18px;
height: 97px;
width: 146px;
text-align: center;
letter-spacing: 2px;
background-image: url(../img/howItWork/season-type.png);
padding-top: 96px;
padding-left: 46px;
position: absolute;
top: 1499px;
right: 244px;
z-index: 99;}
.svgline2 { width: 513px; position: absolute; top: 1033px; left: 225px; z-index: -14; transform: rotate(-13deg) !important; }
.text3 { position: absolute;
top: 989px;
left: 170px;
z-index: 99;
width: 333px;}
.thirdimg1 {position: absolute;top: 1050px;left: 114px;z-index: 99;}
.thirdimg1a
{
color: #fff;
font-size: 16px;
height: 97px;
width: 148px;
text-align: center;
letter-spacing: 2px;
background-image: url(../img/howItWork/Check-your-balance.png);
padding-top: 59px;
padding-left: 7px;
position: absolute;
top: 1319px;
left: 71px;
z-index: 99;
}
.thirdimg2 { position: absolute;top: 1178px;left: 111px; z-index: 99;}
.thirdimg3 { position: absolute; top: 1596px;
left: 176px; z-index: 99;}
.thirdimg4 { position: absolute;
top: 1269px;
left: 466px;
z-index: 99;}
.thirdimg4a
{
color: #fff;
font-size: 18px;
height: 97px;
width: 189px;
text-align: center;
letter-spacing: 2px;
background-image: url(../img/howItWork/top-up-your-balance.png);
padding-top: 54px;
padding-left: 46px;
position: absolute;
top: 1369px;
left: 354px;
z-index: 99;
background-position-x: 20px;
}
.thirdimg5 { position: absolute;
top: 1400px;
left: 297px;
z-index: 99;}
.thirdimg6 { position: absolute;top: 1132px;left: 30px;z-index: 9;}
.svgline3 { width: 560px;
position: absolute;
top: 957px;
left: 603px;
z-index: 9;
transform: rotate(14deg) !important;}
.text4 { position: absolute;
top: 1918px;
right: 95px;width: 333px; }
.fourthimg1 { position: absolute; top:2095px; left:835px; z-index:99;}
.fourthimg2 { position: absolute; top:2015px; right: 133px; z-index:99;}
.fourthimg3 { position: absolute; top:2213px; right: 65px; z-index:99;}
.fourthimg4 { position: absolute; top:2611px; right: 329px; z-index:99;}
.fourthimg4a{color: #fff;
font-size: 18px;
height: 97px;
width: 194px;
text-align: center;
letter-spacing: 2px;
background-image: url(../img/howItWork/e-voucher.png);
padding-top: 54px;
padding-left: 46px;
position: absolute;
top: 2800px;
right: 598px;
z-index: 99;
background-position-x: 44px;
background-repeat: no-repeat;}
.fourthimg5 { position: absolute; top:2400px; right: 101px; z-index:99;}
.fourthimg6 { position: absolute; top:2700px; right: 65px; z-index:99;}
.fourthimg7 { position: absolute; top:2090px; right: -32px; z-index:9;}
.svgline4 { width: 580px;
position: absolute;
top: 1930px;
left: 134px;
z-index: -3;
transform: rotate(-30deg) !important;
}
.text5 { position: absolute;top: 2272px;left: 449px;width: 751px; }
.fifthimg1 { position: absolute;
top: 2559px;
left: 39px;
z-index: 99; }
.fifthimg2 { position: absolute;
top: 2475px;
left: 266px;}
.fifthimg3 { position: absolute;
top: 3131px;
right: 646px;
left: 602px;}
.fifthimg4 { position: absolute; top:2183px; left: 483px; }
.fifthimg5 { position: absolute; top: 2531px; left: 195px; z-index: 9; }
.fifthimg6 { position: absolute;top: 2384px; left: 150px; z-index: 9;}
.siximg1 {z-index: 99;
position: absolute;
top: 3145px;
right: 395px;}
.siximg2 { position: absolute;top: 2656px;right: 87px;}
.siximg3 { position: absolute;
top: 3050px;
right: 332px;}
.siximg4 { position: absolute;top: 2561px;right: 176px; }
.siximg5 { position: absolute;top: 2812px;right: 358px;z-index: 9;
}
.siximg6 { position: absolute;top: 2502px;left: 632px;z-index: 9; }
#svg_lineone {
position: fixed;
top: 23%;
left: 25%;
width: 645px;
z-index:6;
}
/*Clouds Styling End Here*/
.page1_typo {
top: 237px;
position: absolute;
display: inline-block;
animation-duration: 2s;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
visibility: hidden;
font-family: 'RouterMediumItalic';
font-size: 75px;
text-align: center;
width: 562px;
left: 50%;
margin-left: -281px;
color: #FFFFFF;
line-height: 88px;
}
.animated.page1_typo { visibility: visible; animation-duration: 2s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; }
.page1_typo2 {
position: absolute;
top:1800px;
width:100%;
font-size: 23px;
font-family: 'RouterMediumItalic';
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
}
/*-------------------------------*/
.title1{
display: block;
font-size: 42px;
font-weight: 200;
text-align: center;
letter-spacing: -3px;
/* font-family: 'Poppins', sans-serif; */
font-family: 'Poppins', sans-serif;
font-weight: 200;
color: #fff;
text-transform: uppercase;
line-height: 43px;
box-shadow: 7px -12px 27px #13687f;
}
.title2{
display: block;
font-size:70px;
font-weight: 200;
text-align:center;
margin-bottom:-55px;
margin-left: -27px;
letter-spacing: -3px;
font-family: 'Poppins', sans-serif;
color: #fff;
}
.title3{
display: block;
font-size:70px;
font-weight: 200;
text-align:center;
letter-spacing: -3px;
font-family: 'Poppins', sans-serif;
color: #fff;
}
.howworks-bottom{
width:60%;
float:left;
display:block;
clear:both;
}
.fade-title {
height:250px;
display:block;
padding: 10px;
}
.floating {
-webkit-animation-name: Floating !important;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: Floating !important;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes Floating { from {
-webkit-transform: translate(0, 0px);
}
65% {
-webkit-transform:translate(0, 20px);
}
to { -webkit-transform: translate(0, -0px); }
}
@-moz-keyframes Floating { from {
-moz-transform: translate(0, 0px);
}
65% {
-moz-transform:translate(0, 20px);
}
to { -moz-transform: translate(0, -0px); }
}
.floating-slow {
-webkit-animation-name: FloatingSlow !important;
-webkit-animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: Floating !important;
-moz-animation-duration: 8s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes FloatingSlow { from {
-webkit-transform: translate(0, 0px);
}
65% {
-webkit-transform:translate(0, 15px);
}
to { -webkit-transform: translate(0, -0px); }
}
@-moz-keyframes FloatingSlow { from {
-moz-transform: translate(0, 0px);
}
65% {
-moz-transform:translate(0, 15px);
}
to { -moz-transform: translate(0, -0px); }
}
/*============================media for 1025px to 1366px========================================*/
.text-responsive{
display:none;
}
.mob-block{display:none;}
.ie-block{display:none;}
@media only screen and (min-width:1025px) and (max-width:1366px){
.process-bottext {top: 2470px;}
.page1 {
height: 3417px;
}
.layer1 {
right: 74px;
}
.layer2 {
top: 23%;
}
.layer3 {
right: 8%;
top: 0;
margin-top: 610px;
}
.layer4 {
right: 0%;
top: 166px;
}
.layer6 {
z-index: 99;
margin-top: 614px;
}
.layer5 {
z-index: 50;
margin-top: 860px;
}
.firstimg1{/* width:20% */}
.firstimg2{/* width: 31%; *//* top: 266px; *//* left: 88px; */}
.firstimg3{/* width: 15%; *//* margin-top: -3%; *//* left: 23%; */}
.firstimg4{/* width: 7%; *//* top: 316px; *//* left: 13%; */}
.firstimg5{/* width: 14%; *//* top: 595px; */}
.firstimg7{/* width: 15%; *//* top: 457px; *//* left: 40px; */}
.text2{left: 60%;width: 37%;top: 881px;}
.twoimg1{/* right: 3%; *//* top: 495px; */}
.twoimg2{width:50%;right: 0%;}
.twoimg3{width: 39%;top: 602px;left: 62%;}
.twoimg4{width: 10%;left: 58%;}
.twoimg5{width: 20%;/* top: 714px; */left: 44%;}
.twoimg6{width:10%;left:85%}
.twoimg7{width: 25%;}
.twoimg8 {
width: 32%;
left: 871px;
top: 1332px;
}
.twoimg9{width:10%;}
.twoimg10{width:10%;}
.twoimg2a {right: 414px;top: 914px;}
.twoimg7a{ top: 1445px; right: 264px;}
.thirdimg1{width: 42%;left: 142px;}
.thirdimg1a {
top: 1275px;
left: 85px;
}
.thirdimg5 {
top: 1373px;
left: 383px;
}
.thirdimg3 {
top: 1527px;
left: 253px;
}
.thirdimg4{width: 12%;top: 1271px;left: 36%;}
.thirdimg4a{ top: 1321px;
left: 309px;}
.thirdimg2{top: 1175px;left: 13%;}
.svgline1{z-index:-1; right: 129px;}
.svgline2{left: 8%; top: 1020px;z-index: -1;}
.svgline3{left: 50%;top: 897px; z-index: -1;}
.svgline4{left: 8%;top: 1664px; z-index: -1;}
.fourthimg1{width: 14%;top: 1780px;left: 55%;}
.fourthimg2{width: 34%;top: 1700px;right: 8%;}
.fourthimg3{width:30%;}
.fourthimg4{width: 22%;top: 2274px;right: 26%;}
.fourthimg5{ top: 2154px;right: 86px;}
.fourthimg6{width: 20%;top: 2452px;right: 14%;}
.fourthimg7 {
width: 31%;
right: 9%;
}
.fourthimg8{width:20%;}
.fourthimg4a{top: 2433px;
right: 547px;
background-position-x: 54px;}
.fifthimg1{ width: 31%; top: 2350px; left: 10px;}
.fifthimg2{ width: 40%;
left: 17%;
top: 2268px;}
.fifthimg3{width: 10%;
left: 39%;
top: 3005px;}
.fifthimg4{width: 14%;
left: 14%;
top: 2279px;}
.fifthimg5{ width: 14%;
left: 12%;
top: 2274px;}
.fifthimg6{ width: 50%;
left: 3%;
top: 2122px;}
.fifthimg7{width: 41%;right: 11%;}
.text5{ left: 348px;
top: 2065px;
}
.text4 {
position: absolute;
top: 1600px;
right: 87px;
width: 341px;
}
.page1{
padding:71px;
}
.siximg6 {
position: absolute;
top: 2502px;
left: 565px;
z-index: 9;
}
}
/*============================media for 1280px========================================*/
@media only screen and (max-width: 1280px) {
.process-bottext {top: 2478px;}
.page1 {height:3333px;}
.layer1 {
right: 74px;
}
.layer2 {
margin-top: 42px;
}
.layer3 {
right: 8%;
top: 0px;
}
.layer4 {
right: 0%;
top: 185px;
}
.layer5 {
z-index: 50;
margin-top: 800px;
}
.layer6 {
z-index: 99;
}
.firstimg1{ width:28%; left:16%;}
.firstimg2{ width: 45%; top: 266px; left: 88px; }
.firstimg3{ width: 15%;left: 33%;}
.firstimg4{ width: 7%;top: 333px;left: 16%;}
.firstimg5{ width: 16%;top: 612px; left: 334px;}
.firstimg6{ top: 158px;left: -50px; z-index: 9;}
.firstimg7{width: 15%;top: 471px; left: 131px;}
.firstimg4a { top: 507px; left: 230px;z-index: 99; width:20%;}
.firstimg3a {top: 348px;left: 482px;font-size: 14px;height: 48px;width: 106px;}
.firstimg7a {top: 598px;left: 113px;font-size: 14px;}
.firstimg5a {top: 733px; left: 433px; font-size: 14px;}
.svgline1 {
top: 349px;
right: 80px;
}
.text2{left: 60%;width: 37%;top: 881px;}
.twoimg1{/* right: 3%; *//* top: 495px; */}
.twoimg2{width:45%;right: 0%;}
.twoimg3{width: 39%;top: 602px;left: 62%;}
.twoimg4{width: 10%;left: 58%;}
.twoimg5{width: 16%;/* top: 714px; */left: 49%;}
.twoimg6{width:10%;left:85%}
.twoimg7{width: 22%;}
.twoimg8{width: 23%;left: 856px;top: 1354px;}
.twoimg9{width:10%;}
.twoimg10{width:10%;}
.twoimg2a {right: 355px;top: 901px;font-size: 14px;}
.twoimg7a{ top: 1392px; right: 229px; font-size: 14px;}
.twoimg8a { font-size: 14px; height: 114px; width: 127px; top: 1267px; right: 25px;}
.thirdimg1{width:48%;}
.thirdimg5{top: 1357px; left: 354px; width: 27%;}
.thirdimg3{top: 1608px;left: 242px; width: 6%;}
.thirdimg4{width: 12%;top: 1271px;left: 36%;}
.thirdimg2{top: 1084px;left: 11%;}
.thirdimg1a {font-size: 14px;letter-spacing: 1px;top: 1320px;left: 134px;}
.thirdimg4a {font-size: 14px;top: 1331px;left: 408px;}
.svgline1{z-index:-1; right: 129px;}
.svgline2{left: 8%; top: 1020px;z-index: -1;}
.svgline3{left: 50%;top: 897px; z-index: -1;}
.svgline4{left: 8%;top: 1664px; z-index: -1;}
.fourthimg1{width: 14%;top: 1780px;left: 55%;}
.fourthimg2{width: 34%;top: 1700px;right: 8%;}
.fourthimg3{width:30%;}
.fourthimg4{width: 22%;top: 2274px;right: 26%;}
.fourthimg5{ top: 2154px;right: 86px;}
.fourthimg6{width: 20%;top: 2452px;right: 14%;}
.fourthimg7 {
width: 31%;
right: 11%;
top: 1943px;
}
.fourthimg8{width:20%;}
.fourthimg4a{top: 2465px;right: 505px;}
.fifthimg1{ width: 31%; top: 2458px; left: 10px;}
.fifthimg2{ width: 40%;
left: 17%;
top: 2313px;}
.fifthimg3 {
width: 10%;
left: 43%;
top: 2975px;
}
.fifthimg4{width: 14%;
left: 14%;
top: 2279px;}
.fifthimg5 {
width: 14%;
left: 12%;
top: 2309px;
}
.fifthimg6{ width: 50%;
left: 3%;
top: 2122px;}
.fifthimg7{width: 41%;right: 11%;}
.text5{ left: 348px;
top: 2065px;
}
.text4 {
position: absolute;
top: 1600px;
right: 87px;
width: 341px;
}
.page1{
padding:71px;
}
.siximg6 {
position: absolute;
top: 2502px;
left: 388px;
z-index: 9;
}
}
/*============================media for 1024px========================================*/
@media only screen and (max-width: 1024px) {
.title1 {
display: block;
font-size: 39px;
font-weight: 200;
text-align: center;
letter-spacing: 0px;
font-family: 'Poppins', sans-serif;
color: #fff;
text-transform: uppercase;
line-height: 43px;
}
.page1 {height: 2972px;}
.page1 h1{font-size:68px;}
.container {width: 100%;}
.process-bottext {top: 1856px;}
.layer5_6 {
margin-top: 221px;
}
.layer2 {z-index: 20;margin-top: 0px;right: 60px;}
.layer3 {right: 8%;margin-top: 517px;}
.layer4 {right: 0%;top: 347px;margin-top: 0;left: 32px;}
.layer5 {z-index: 50;margin-top: 151px;}
.layer6 {z-index: 99;margin-top: -45px;}
.svgline1 {
z-index: -1;
right: 178px;
width: 44%;
top: 367px;
}
.svgline2 {
left: 20%;
top: 948px;
z-index: -1;
width: 44%;
}
.svgline3 {
left: 48%;
top: 963px;
z-index: -1;
width: 44%;
transform: rotate(24deg) !important;
}
.svgline4 {
left: 8%;
top: 1664px;
z-index: -1;
width: 44%;
}
.firstimg7 {width: 15%;top: 443px;left: 108px;}
.firstimg7a {
top: 536px;
left: 68px;
font-size: 14px;
line-height: 14px;
}
.firstimg5 {width: 16%;top: 545px;left: 260px; }
.firstimg5a {
top: 636px;
left: 325px;
font-size: 14px;
line-height: 14px;
}
.firstimg4a {
top: 456px;
left: 176px;
z-index: 99;
width: 20%;
}
.firstimg3a {
top: 330px;
left: 359px;
font-size: 14px;
height: 48px;
width: 106px;
line-height: 14px;
}
.twoimg1 {top: 800px;right: -83px;}
.twoimg5 {
width: 16%;
top: 1218px;
left: 49%;
}
.twoimg7 {
width: 22%;
top: 1199px;
right: 180px;
}
.twoimg7a {
top: 1306px;
right: 190px;
font-size: 14px;
}
.twoimg8 {
width: 23%;
left: 662px;
top: 1299px;
}
.twoimg8a {
font-size: 14px;
height: 114px;
width: 127px;
top: 1220px;
right: 4px;
}
.twoimg2a {
right: 288px;
top: 908px;
font-size: 14px;
}
.thirdimg1a {
font-size: 14px;
letter-spacing: 1px;
top: 1199px;
left: 55px;
}
.thirdimg2 {
top: 1074px;
left: 11%;
width: 15%;
}
.thirdimg3 {
top: 1458px;
left: 165px;
width: 6%;
}
.thirdimg4 {
width: 12%;
top: 1228px;
left: 41%;
}
.thirdimg4a {
font-size: 14px;
top: 1282px;
left: 257px;
}
.thirdimg5 {
top: 1383px;
left: 257px;
width: 25%;
}
.text3 {
position: absolute;
top: 989px;
left: 52px;
z-index: 99;
width: 333px;
}
.fourthimg4a {
top: 2403px;
right: 378px;
}
.fourthimg5 {
top: 2052px;
right: 59px;
width: 20%;
}
.fourthimg7 {
width: 31%;
right: 19%;
top: 1903px;
}
.thirdimg6 {
position: absolute;
top: 1132px;
left: 102px;
z-index: 9;
width: 40%;
}
.siximg6
{
display:none;
}
.text5 {
left: 225px;
top: 2149px;
font-size: 35px;
width: 618px;
}
.fifthimg2 {
width: 40%;
left: 17%;
top: 2364px;
}
.fifthimg5 {
width: 14%;
left: 9%;
top: 2358px;
}
.fifthimg6 {
width: 47%;
left: 11%;
top: 2228px;
}
.fifthimg3 {
width: 10%;
left: 43%;
top: 2915px;
}
.siximg3 {
position: absolute;
top: 3019px;
right: 187px;
width: 6%;
}
.siximg4 {
position: absolute;
top: 2665px;
right: 160px;
width: 7%;
}
.siximg2 {
position: absolute;
top: 2656px;
right: 37px;
width: 40%;
}
.siximg1 {
z-index: 99;
position: absolute;
top: 3042px;
right: 245px;
width: 15%;
}
.siximg2 {
position: absolute;
top: 2640px;
right: 37px;
width: 40%;
}
.siximg5 {
position: absolute;
top: 2689px;
right: 312px;
z-index: 9;
width: 12%;
}
.siximg6 {
position: absolute;
top: 2502px;
left: 388px;
z-index: 9;
}
.firstimg3a ,.firstimg5a ,.firstimg7a, .twoimg2a, .twoimg8a, .twoimg2a, .twoimg7a, .thirdimg1a, .thirdimg4a, .fourthimg4a{display:block !important;opacity:1 !important;}
}
@media only (min-width: 768px) and (max-width: 979px) {}
/* iPads (portrait) ----------- */
/*============================media for 768px========================================*/
@media only screen and (max-width: 768px) {
.howworks-contentbox .howworks-contentlist .howworks-contentimg p {
font-size: 15px;
text-align: center;
padding: 0px 21px;
}
.howworks-contentbox .howworks-contentlist p {
font-size: 13px;
text-align: center;
padding: 0px 6px;
}
.howworks-contentbox .howworks-contentlist p a {
font-size: 13px;
padding:0 0;
}
.page1 h1 {
font-size: 50px;
}
.page_wrapper {
margin-top: -290px;
}
.layer3 {right: 8%; bottom: 160px;}
.layer4 {right: 0%; bottom: 514px;}
.layer5 {left: 0%; bottom: 514px;}
.layer6 {z-index: 99;margin-top: 0px;}
.svgline1 {
z-index: -1;
right: 99px;
width: 60%;
transform: rotate(25deg) !important;
top: 342px;
}
.svgline2{
left: 15%;
top: 636px;
z-index: -1;
width: 40%;
}
.svgline3{
left: 34%;
top: 1057px;
z-index: -1;
width: 60%;}
.svgline4 {
left: -2%;
top: 1555px;
z-index: -1;
width: 66%;
}
.svgline2 {
left: 11%;
top: 630px;
z-index: -1;
width: 60%;
}
.twoimg1 {display: none;}
.twoimg2 {width: 50%; right: 0%; top:610px;}
.twoimg3 {top: 577px; left: 60%;}
.twoimg5 {top: 697px; left: 58%;}
.twoimg6 { left: 83%; top: 557px;}
.twoimg7 { top: 753px; right: 85px;}
.twoimg8 { top: 925px;}
.thirdimg1{width:26%; left:13%;}
.thirdimg5{width: 13%;top: 1300px;left: 125px;}
.thirdimg2 {width: 10%; top: 1156px; left: 9%;}
.thirdimg3{width: 14%;left:5%; top: 1246px;}
.thirdimg4{width: 14%;top: 1172px; left: 40%;}
.thirdimg6 {display: none;}
.fourthimg1{width: 14%;top: 1749px;left: 55%;}
.fourthimg2{width: 34%; top: 1694px; right: 12%;}
.fourthimg3{width:30%; top: 1853px;}
.fourthimg4{width: 20%;right: 33%;top: 1760px;z-index: -3;}
.fourthimg5{width: 8%;right: 6%;}
.fourthimg6{width: 20%;top: 2288px;right: 10%;}
.fourthimg7{display:none;}
.fourthimg8{width:20%;}
.fifthimg1 {
width: 35%;
left: 3%;
}
.fifthimg2 {width: 45%;left: 21%;Top: 2271px;}
.fifthimg3 {
width: 13%;
left: 51%;
top: 2669px;
}
.fifthimg4{width:15%; left: 36%; top: 2089px;}
.fifthimg5 {width: 15%;left: 14%;top: 2287px;}
.fifthimg6{display:none;}
.fifthimg7{width: 41%;right: 11%;}
.text1 {top: 222px; left: 128px;}
.text2 {
top: 560px;
z-index: 19;
left: 50%;
}
.text3 {top: 1008px;left: 41px; z-index: 99; width: 289px;}
.text4 {
top: 1535px;
right: 22px;
}
.text5 {
top: 2044px;
left: 231px;
width: 501px;
}
.title1 {display: block; font-size: 36px;width: 350px;}
.firstimg1 {
top: 281px;
left: 21%;
width: 30%;
}
.fifthimg2 {
width: 45%;
left: 21%;
top: 2249px;
}
.firstimg3 {
width: 15%;
margin-top: 3%;
left: 38%;
}
.firstimg4 {
width: 10%;
top: 308px;
left: 20%;
}
.firstimg4a {
position: absolute;
top: 437px;
left: 158px;
z-index: 99;
width: 23%;
}
.firstimg5 {
width: 15%;
top: 527px;
left: 235px;
}
.firstimg7 {
width: 17%;
top: 415px;
left: 107px;
}
.firstimg3a{
top: 326px;
left: 281px;
font-size: 16px;
line-height: 17px;
display:block;
}
.firstimg5a{
top: 586px;
left: 261px;
font-size: 16px;
line-height: 17px;
display:block;
}
/*anim -2*/
.twoimg5 {
top: 829px;
left: 45%;
width: 17%;
}
.twoimg7 {
top: 803px;
right: 124px;
width: 25%;
}
.twoimg8 {
top: 872px;
width: 27%;
right: 0;
left: 454px;
}
.layer3 {
right: 0%;
margin-top: 0;
top: 190px;
bottom: 0px;
}
.thirdimg1 {
width: 50%;
left: 10%;
top: 1061px;
}
.thirdimg2 {
width: 15%;
top: 1122px;
left: 11%;
}
.thirdimg3 {
width: 7%;
left: 15%;
top: 1410px;
}
.thirdimg5 {
width: 20%;
top: 1313px;
left: 187px;
}
.layer4 {
right: 0%;
bottom: 0;
top: 120px;
margin-top: 0;
}
.fourthimg2 {
width: 34%;
top: 1648px;
right: 12%;
}
.fourthimg4 {
width: 20%;
right: 33%;
top: 2127px;
z-index: -3;
}
.fourthimg5 {
width: 18%;
right: 13%;
top: 1942px;
}
.fifthimg1 {
width: 35%;
left: 3%;
}
.fifthimg2 {
width: 45%;
left: 21%;
top: 2288px;
}
.fifthimg3 {
width: 13%;
left: 51%;
top: 2760px;
}
.fifthimg5 {
width: 15%;
left: 14%;
top: 2287px;
}
.siximg6
{
display:none;
}
.layer5 {
left: 0%;
bottom: 0px;
top: 4px;
}
.layer6 {
z-index: 99;
margin-top: -182px;
bottom: 0;
top: 262px;
left: 70px;
}
.siximg1 {
right: 227px;
width: 18%;
top: 2960px;
}
.siximg2 {
width: 40%;
top: 2560px;
right: 83px;
}
.twoimg2a {
right: 226px;
top: 598px;
font-size: 14px;
}
.siximg3 {
position: absolute;
top: 2845px;
right: 224px;
width: 7%;
}
.siximg4 {
position: absolute;
top: 2497px;
right: 107px;
width: 12%;
}
.siximg5 {
position: absolute;
top: 2617px;
right: 270px;
z-index: 9;
width: 13%;
}
.twoimg8a {
font-size: 14px;
height: 114px;
width: 127px;
top: 794px;
right: -17px;
}
.twoimg7a {
top: 872px;
right: 74px;
font-size: 14px;
}
.thirdimg1a {
font-size: 14px;
letter-spacing: 1px;
top: 1199px;
left: 0px;
}
.thirdimg4a {
font-size: 14px;
top: 1224px;
left: 141px;
}
.fourthimg4a {
top: 2218px;
right: 288px;
}
.fifthimg1 {
width: 35%;
left: 0%;
top: 2416px;
}
.firstimg3a ,.firstimg5a ,.firstimg7a, .twoimg2a, .twoimg8a, .twoimg2a, .twoimg7a, .thirdimg1a, .thirdimg4a, .fourthimg4a{display:block !important;opacity:1 !important;}
.firstimg7a {
top: 488px;
left: 62px;
font-size: 16px;
}
.text5 {
top: 2042px;
left: 182px;
width: 493px;
}
.layer2 {
z-index: 20;
margin-top: 147px;
right: 2px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.page1{padding:71px 15px;}
.page1 h1{font-size: 40px;}
.lineimg
{
margin-left: 90px;
margin-top: 10px;
margin-bottom: 10px;
display: block;
}
.layer1 { display:none;}
.layer2 {display:none; }
.layer3 { display:none; }
.layer4 {display:none; }
.layer5 {display:none; }
.layer6 { display:none; }
.mob-block{display:block;}
.ie-block{display:none;}
.fade-title {
height:250px;
display:none !important;
padding: 10px;
}
.howworks-contentbox .howworks-contentlist .howworks-contentimg {
margin: 0 10% 10px;
}
.howworks-contentbox .howworks-contentlist p {
font-size: 15px;
text-align: center;
padding: 0px 6px;
}
.howworks-contentbox .howworks-contentlist p a {
font-size: 15px;
padding: 0 0;
}
.text-responsive{
display:block;
}
.works-img1-sand .text1{
font-size: 36px;
top: 155px;
position: inherit;
text-align: center;
}
img.sc_sandimg{
margin: 0px auto;
margin-bottom: -4px;
margin-left:0px;
}
.process-bottext {top: 18px !important;}
}
@media screen and (min-width: 320px) and (max-width: 767px){
.page1{padding:71px 15px;}
.page1 h1{font-size: 40px;padding: 30px 0 5px;}
.lineimg
{
margin-left: 90px;
margin-top: 10px;
margin-bottom: 10px;
}
.layer1 { display:none;}
.layer2 {display:none; }
.layer3 { display:none; }
.layer4 {display:none; }
.layer5 {display:none; }
.layer6 { display:none; }
.mob-block{display:block;}
.ie-block{display:none;}
.fade-title {
height:250px;
display:none !important;
padding: 10px;
}
.howworks-contentbox .howworks-contentlist .howworks-contentimg {
margin: 0 10% 10px;
}
.howworks-contentbox .howworks-contentlist p {
font-size: 15px;
text-align: center;
padding: 0px 6px;
}
.howworks-contentbox .howworks-contentlist p a {
font-size: 15px;
padding: 0 0;
}
.text-responsive{
display:block;
}
.works-img1-sand .text1{
font-size: 36px;
top: 155px;
position: inherit;
text-align: center;
}
img.sc_sandimg{
width: 100%;
margin: 0px auto;
margin-bottom: -4px;
margin-left:0px;
}
}
/* iPhone, etc portrait ---- */
@media only screen and (max-width: 767px) {
.process-bottext {top:auto; }
.page1 { height: auto;}
.bottom-whatmore .bottom-whatmore-title h2{font-size:40px;}
}
@media only screen and (width: 768px) {
.process-bottext {top: 1860px;}
.page1 { height: 3331px;}
}
@media only screen and (min-width: 769px) and (max-width: 991px){
.process-bottext {top:1100px;}
.page1 { height: 3212px;}
}
/*===================================================================*/
/* GENERAL MEDIA QUERIES –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.howworks-contentbox .howworks-contentlist .howworks-contentimg p {
font-size: 15px;
margin: 0 0px 10px;
padding: 0 8px;
}
.howworks-contentbox .howworks-contentlist p {
font-size: 13px;
}
#book-your-holidays .processbox img{
width:100%;
}
#book-your-holidays .processbox .nwork1 {
left: 15px;
width: 35%;
}
#book-your-holidays .processbox .line01 {
left: 28%;
top: -95px;
width: 425px;
}
#book-your-holidays .processbox .nwork2 {
top: -131px;
right:-129px;
}
#book-your-holidays .processbox .line02 {
left: 28%;
top: 701px;
width: 505px;
}
#book-your-holidays .processbox .nwork3 {
left: -61px;
top: -432px;
}
#book-your-holidays .processbox .line03 {
left: 41%;
top: 1114px;
width: 525px;
}
#book-your-holidays .processbox .nwork4 {
top: -555px;
left: 18%;
}
#book-your-holidays .processbox .line04 {
left: 24%;
top: 1367px;
width: 559px;
}
#book-your-holidays .processbox .nwork5 {
top: -590px;
left: -15%;
}
}
/*=========================== HOW IT WORKS SECTION End ==========================*/
/*=========================== HOW IT WORKS SECTION FOR IE STRAT ==========================
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here
.layer1 { display:none;}
.layer2 {display:none; }
.layer3 { display:none; }
.layer4 {display:none; }
.layer5 {display:none; }
.layer6 { display:none; }
.mob-block{display:none;}
.ie-block{display:block;margin-top:100px}
.svgline1{top:659px !important;right: 303px !important; background-color: red; }
.svgline2{top:859px !important;right: 303px !important; background-color: green;}
.svgline3{top:659px !important;right: 303px !important; background-color: blue;}
.svgline4{top:659px !important;right: 303px !important; background-color: purple;}
.book-your-holiday
{
margin-left:390px;
}
.use-point
{
}
.book-confirm
{
margin-left:490px;
}
.food-resorts
{
margin-top: -210px;
}
}
=========================== HOW IT WORKS SECTION FOR IE END ==========================*/