@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,500;0,700;0,800;1,400&display=swap');
:root{--bs-blue-dark:#151d36;
--bs-font-Montserrat:'Montserrat';}
body {
color:#151d36;
font-family: var(--bs-font-Montserrat);
font-family: 'Montserrat', sans-serif;/* */
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
font-family: 'Montserrat', sans-serif;
letter-spacing: 0px;
}
h1 {
font-size: 36px;
line-height: 40px;
font-weight:normal;
}
h2
{
line-height: 32px;font-weight:100;
}
main {
display: block;
font-family: 'Montserrat', sans-serif;
}
section-index {
display: block;
padding: 10px 0 50px 0;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
section-indextop {
display: block;
padding: 10px 0 50px 0;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
section-act
{
display: block;
padding: 10px 0 10px 0;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
section-act-top
{
display: block;
padding: 10px 0 10px 0;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
margin-top:53px;
}
section-Hotel-top
{
display: block;
padding: 10px 0 10px 0;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
margin-top:53px;
}
section-itenary
{
display: block;
padding: 0 0 10px 0;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
section-itenary-top {
display: block;
padding: 10px 0 0px 0;
overflow: hidden;
margin-top:53px;
font-family: 'Montserrat', sans-serif;
}
section-cust
{ color:#151d36;
display: block;
padding: 10px 0 0px 0;
overflow: hidden;
margin-top:30px;
font-family: 'Montserrat', sans-serif;
}
p{
font-size:12px;
}
.page_section
{
scroll-margin-top: 6rem;
padding: 60px 0 0;
}
.border-sm-bottom
{
border-bottom:none;
}
#bg-image
{
background-image: url('../images/forest_trees_fog_110131_1920x1080.jpg');
}
.navbar-light .navbar-nav .nav-link-menu{
border-bottom:4px solid #fff;
}
.btn-menu-activitie
{
border-radius: 10px;
padding:5px 5px;
}
.btn-menu-activitie:hover
{
background-color:#f5f5f5;
}
.radius1
{
border-radius: 10px;
}
.card-index {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: 15px;}
.card-border-lg
{ position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border:none;
border-radius: 10px;
}
.card-border {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: 10px;
}
.card-border-Book-Now
{
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: 10px;
}
.card-img-top1
{
border-radius:10px 10px 0 0;width:100%;
}
.card-cart {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius:10px;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
border-width:1px;
}
.rating-content
{
background-color:#fff;
border-radius:15px;
padding: 1rem;
}
#customer-review .owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
height: 324px;
}
#customer-review.owl-carousel .item
{
height: 100%;
}
.review
{
font-size: 12px;
color:#151D36;
}
.not-checked
{
color:#efefef;
}
.half-checked
{
background-color: #fdc508;
background-image: -webkit-linear-gradient(180deg, #efefef 50%, #fdc508 50%);
}
.text-link,.text-link:focus,.text-link:hover
{
color:#151d36;
text-decoration:none;
}
.white-space
{
white-space:nowrap;
}
.star-rating
{
font-size:12px;
}
.topcontainer
{
margin-top:40px;
}
.bg-greycolor
{
background-color:#f5f5f5
}
.bg-md-greycolor-sm-white
{
background-color:#f5f5f5
}
.divpadding
{
padding-left:35px;padding-right:35px;
}
.underline
{
text-decoration:underline;
}
.underline-lg
{
text-decoration:underline;
}
.font
{
color:#151d36;
letter-spacing: 0px;
text-decoration:none;
}
font1
{
color:#162040;
}
.rounded-circle{border-radius:50%!important}
.fixed-top
{
border-bottom:1px solid #ececec;
}
.bg-blue-house
{
padding:5px 10px;
border-radius:20px;
background-color:#151d36;
color:#fff;
}
.phone
{
padding: 10px 8px;
background-color: #f5f5f5; color: #151d36;
border-radius: 20px;
font-size:12px;
font-weight:500;
}
.phone-nav-btn
{
display:inline-block;
padding: 10px 0;
background-color: #f5f5f5; color: #394055;
text-decoration:none;
border-radius: 10px;
width:95%;
}
.phone-nav-btn:focus,.phone-nav-btn:hover {
color: #394055;
}
.navbar-toggler>.close {
display:inline;
color:#151d36;
font-size:12px;
}
.w75-md
{
width: 75%!important;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon,.navbar-toggler:not(.collapsed)>.cartnav {
display:none;
padding-top:10px;
padding-right:10px;
}
.cartnav{
display:inline-block;
color:#151d36;
padding-right:10px;
}
.dropdown-toggle1::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.nav-item a
{
font-size:12px;
font-weight:500;
color:#151d36;
}
.nav-item a:hover
{
color:#151d36;
}
.list-unstyled a
{
text-decoration:none;
font-weight:500;
}
.alink
{
text-decoration:none;
}
.alink:hover
{
text-decoration:none;
}
#bg-bule
{
background-color:rgba(26,157,174,1);
color:#ffffff;
}
.bg-bule
{
background-color:rgba(26,157,174,1);
color:#ffffff;
}
.bluelink
{
color:#3bafbf;
}
.btn-outline-plain
{
outline: none;
display: block;
line-height: 1.5;
background: #fff;
color: #525b62;
text-align: center;
text-decoration: none;
vertical-align: middle;
border: 1px solid #a0a3ad;
border-radius: 5px;
padding: 5px 10px;
font-weight: 500;
width: auto;
min-width: 110px;
}
.btn-solid-blue,.btn-solid-blue:hover,.btn-solid-blue:focus, .btn-solid-blue a
{
outline: none;
display: block;
line-height: 1.5;
background: #151d36;
color: #ffffff;
text-align: center;
text-decoration: none;
vertical-align: middle;
border: none;
border-radius: 5px;
padding: 10px 10px;
font-weight: 500;
width: auto;
min-width: 110px;
}
.iconstyle
{
color:#3b444d;
}
.iconstyle-disactive
{
color:#c1c7cc;
}
.btn-moneydeal,.btn-moneydeal:hover,.btn-moneydeal:focus
{
background-color:#a3e8f2;
color:#212f47;
text-decoration:none;
padding:8px 15px;
border: none;
border-radius:5px;
font-size:12px;
}
.btn-moneydeal-Package,.btn-moneydeal-Package:hover,.btn-moneydeal-Package:focus
{
background-color:#f5f5f5;
color:#71777e;
font-weight:600;
padding:8px 15px;
border: none;
border-radius:5px;
font-size:12px;
text-decoration:none;
}
.btn-moneydeal-Package1,.btn-moneydeal-Package1:hover,.btn-moneydeal-Package1:focus
{
text-decoration:none;
background-color:#ffffff;
color:#151d36;
font-weight:600;
padding:8px 15px;
border: none;
border-radius:5px;
font-size:12px;
}
.scrollable-menu {
height: auto;
max-height: 405px;
overflow-x: hidden;
}
.abc
{
padding:5px 0 1px 0;
display: inline-block;
}
.abc1
{
padding:15px 10px 0 0;
display: inline-block;
}
.email-input
{
width: 9.0ch;
background:
repeating-linear-gradient(90deg,
black 0,
black .9ch,
transparent 0,
transparent 1.5ch)
0 100%/100% 1px no-repeat;
font: 3ch consolas, Montserrat;
letter-spacing: .4ch; border: none;
}
.button-footer-book-now
{
background: #fff;
padding: 0;
font-family:'Montserrat', sans-serif;height:100%;
}
.grid-parent-booknow {
display: grid;
grid-template-columns: 50px 1fr 170px ;
}
.grid-parent-Makepay {
display: grid;
grid-template-columns: 50px 1fr ;
}
.child-btn-parent-booknow {
text-align:left;
}
.btn-square-booknow
{
height: 50px;
width: 50px;
border-radius: 10px;
border: none;
background-color:#f5f5f5;
color:#000000;
font-size:14px;
}
.btn-booknow
{ border-radius: 10px;
background-color: #fdc508;
border: 0;
color: #151d36;
padding: 15px 0 ;
text-decoration: none;
font-size:14px;
text-align:center;
}
.btn-booknow:hover
{
color:#000;
}
.grid-parent-flight {
display: grid;
grid-template-columns: 240px 1fr;
}
.grid-parent-flight-1
{
display: grid;
grid-template-columns: 60px 1fr;
}
.child-btn-parent-flight-1 {
text-align:left;
}
.child-btn-parent-flight {
text-align:left;
min-height:48px;
}
.flight-img
{
text-align:center; background-image:url('../images/flight.png');width:229px;padding:13px 0;white-space:nowrap;
}
.overflowsmall
{
overflow-x:hidden;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
.navbar .has-megamenu{position:static!important;}
.navbar .megamenu-uae{width:250px; margin-left:-90px; margin-top:13px;-webkit-box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15);
box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15); }
.navbar .megamenu-select{width:280px; margin-left:-57px; margin-top:10px;-webkit-box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15);
box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15); }
.textField {
background: #f7f7f7;
border: 1px solid #b1b1b1;
box-sizing: border-box;
border-radius: 8px;
padding: 5px 16px ;
width: 100%;
height: 48px;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
background-image: url('https://www.svgrepo.com/show/80156/down-arrow.svg');
background-repeat: no-repeat;
background-size: 14px 14px;
background-position: calc(100% - 16px);
}
.arrow-top:before{
position: absolute;
top: -10px;
left:50%;
margin-left: -10px;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.navbar .megamenu{padding: 1rem; color:#162040;left:0; right:0;width:758px;margin-left:auto; margin-top:10px;
-webkit-box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15);
box-shadow: 2px 6px 21px -2px rgba(0, 0, 0, 0.15); }
/*Home page manu*/
.arrow-top1:before{
position: absolute;
top: -10px;
left:42%;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.arrow-top2:before{
position: absolute;
top: -10px;
left:57%;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.arrow-top3:before{
position: absolute;
top: -10px;
left:71%;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.arrow-top4:before{
position: absolute;
top: -10px;
left:80%;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
/*End Home page manu*/
/*other page manu*/
.arrow-page-top1:before{
position: absolute;
top: -10px;
left:29%;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.arrow-page-top2:before{
position: absolute;
top: -10px;
left:43%;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.arrow-page-top3:before{
position: absolute;
top: -10px;
left:57%;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.arrow-page-top4:before{
position: absolute;
top: -10px;
left:65%;
content:"";
display:block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
/*end other page manu*/
}
/* ============ desktop view .end// ============ */
/* Style the tab */
.tab {
overflow: hidden;
}
/* Style the buttons inside the tab */
.tab button {
background-color:#1a9dae;
border: none;
color:#f5fbfb;
padding: 5px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
outline: none;
border-radius: 10px;
border: 1px solid #f5fbfb;
cursor: pointer;
}
/* Change background color of buttons on hover */
.tab button:hover {
border: 1px solid #f5fbfb;
}
.tab button.active {
position: relative;
margin: 20px auto;
background-color: #fec508;
color:#151d36;
border: 1px solid #fec508;
padding: 5px 30px; text-align: center;
}
.tab button.active::after {
content: '';
position: absolute;
top: 100%;
left: calc(50% - 5px);
background: #fec508;
width: 20px;
height: 10px;
/* The points are: (left top: x y, right top: x y, center bottom: x y) */
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
/* Create an active/current tablink class */
.tab button.active:hover {
background-color: #fec508;
color:#151d36;
border: 1px solid #fec508;
}
/* Style the tab content */
.tabcontent {
width:100%;
display: none;
padding: 0px;
}
/* Bootstrap 4 text input with search icon */
.has-search .form-control {
padding-left: 2.875rem;font-weight:500;color:#151d36;
}
.has-search .form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 2.875rem;
height: auto;
line-height: 3.500rem;
text-align: center;
pointer-events: none;
color: #151d36;
}
.has-search .form-control::-moz-placeholder {
color: #151d36 !important;
opacity: 1;
font-size:14px;
font-weight:500;
}
.has-search .form-control:-ms-input-placeholder {
color: #151d36 !important; font-size:14px; font-weight:500;
}
.has-search .form-control::-webkit-input-placeholder {
color: #151d36 !important; font-size:14px; font-weight:500;
}
.btn-search
{
border-radius:10px;
background-color: #fdc508;
border: 0;
color: #151d36;
padding: 10px 35px;
text-decoration:none;
}
.btn-search:hover
{
border-radius:10px;
background-color: #fdc508;
border: 0;
color: #151d36;
text-decoration:none;
}
.btn-search-blue, .btn-search-blue:hover, .btn-search-blue:focus
{
border-radius:8px;
background-color: #1ca7ba;
border: 0;
color: #ffffff;
padding: 10px;
text-decoration:none;
width:100%;
}
.btn-search-visa
{
border-radius:10px;
background-color: #fdc508;
border: 0;
color: #151d36;
height:62px;
text-decoration:none;
}
.btn-search-visa:hover
{
border-radius:10px;
background-color: #fdc508;
border: 0;
color: #151d36;
text-decoration:none;
}
a
{
text-decoration:none;
}
a:hover
{
text-decoration:none;
}
.showbadgetlink
{
text-decoration:underline;
font-size:12px;
font-weight:normal;
}
.tab1 li{
display: inline-block;
margin-right: 30px;
position: relative;
margin-bottom: 0;
font-size: 14px;
color:#ffffff;
padding: 0;
}
.tab1 li:last-child {
margin-right: 0px;
}
.tab1 li:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #ffffff;
-webkit-transition: .5s;
transition: .5s
}
.tab1 li a{
color:#ffffff;
text-decoration:none;
padding-bottom:5px;
}
.tab1 li a.active
{
border-bottom:2px solid #fff;
}
.tab1 li a.active:hover
{
border-bottom:0;
}
.tab1 li:hover:before {
width: 100%
}
.tab1 p {
display: inline-block;
margin-right: 30px;
position: relative;
margin-bottom: 0;
font-size: 14px;
color:#ffffff;
}
.tab1 p:last-child {
margin-right: 0px;
}
.tab1 p:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #ffffff;
-webkit-transition: .5s;
transition: .5s
}
.tab1 p:hover:before {
width: 100%
}
.tab2 p {
display: inline-block;
margin-right: 10px;
position: relative;
margin-bottom: 0;
font-size: 16px;
color:#020a3f;
}
.tab2 p:last-child {
margin-right: 0px;
}
.tab2 p:first-child:active {
background-color: #3bafbf;
}
.tab2 p:before {
content: '';
font-weight:bold;
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #3bafbf;
-webkit-transition: .5s;
transition: .5s
}
.tab2 p:hover:before {
width: 100%
}
.order-card {
color: #f8fcfd;
}
.bg-c-blue {
background: linear-gradient(45deg,#3bafbf,#3bafbf);
}
.bg-c-green {
background: linear-gradient(45deg,#2ed8b6,#59e0c5);
}
.bg-c-yellow {
background: linear-gradient(45deg,#FFB64D,#ffcb80);
}
.bg-c-pink {
background: linear-gradient(45deg,#FF5370,#ff869a);
}
.card {
border-radius: 10px;
border: none;
margin-bottom: 10px;
}
.card .card-block {
padding: 10px;
}
.order-card i {
font-size: 18px;
}
.f-left {
float: left;
font-size:14px;
}
.f-right {
float: right;
}
.halfright {
border-top:3px solid #1fbbce;
position: relative;
padding-right:3px;
}
.halfright:after {
content: "";
display:block;
width:96%;
height:3px;
padding:0;margin:0;
background-color:white;
position: absolute;
border:none;
right:0;
top:-3px;
}
.sm-text
{
color:#151d36;
font-size:12px;
}
.sm-text-md
{
font-size:13px;
}
.text-grey-color
{
color:#848c93;
}
.Extra-sm-text
{
font-size:10px;
}
.headline
{
font-size:1.5rem;font-weight:500;
}
.readmore
{
color:rgb(253,142,32);
font-size:12px;
font-weight:500;
text-decoration:none;
}
.readmore:hover
{
color:rgb(253,142,32);
font-size:12px;
font-weight:500;
text-decoration:none;
}
.moretext {
display: none;
}
.halfrightgrey {
border-top:3px solid #1fbbce;
position: relative;
padding-right:3px;
}
.halfrightgrey:after {
content: "";
display:block;
width:97%;
height:3px;
padding:0;margin:0;
background-color:#f5f5f5;
position: absolute;
right:0;
top:-3px;
}
.halfrighttran {
border-top:3px solid #1fbbce;
position: relative;
padding-right:3px;
}
.halfrighttran:after {
content: "";
display:block;
width:97%;
height:3px;
padding:0;margin:0;
background: #4d7b90;
border-radius: 0.25rem;
position: absolute;
right:0;
top:-3px;
}
.checked {
color: orange;
}
.packagedetails
{
border-radius:10px;
}
.ten h4 {
font-weight:500;
}
.ten h4:before {
background-color: #1fbbce;
content: '';
display: block;
height: 0.10rem;
width: 32px;
margin-bottom: 1.25rem;
}
.ten-yellow h4 {
font-weight:500;
}
.ten-yellow h4:before {
background-color: #f5be0a;
content: '';
display: block;
height: 0.10rem;
width: 32px;
margin-bottom: 1.25rem;
}
.pseudo_border {
position:relative;
display:inline-block;
}
.pseudo_border:after {
content:'';
position:absolute;
left:0;right:0;
bottom:100%;
margin: 10px auto;
width:32px;
height: 0.10rem;
background:#1fbbce;
}
.button-viztype {
border: none;
border-left: 1px solid #999999;
}
.btnyellow, .btnyellow:hover, .btnyellow:focus
{
background-color:#fec508;
font-weight:500;
padding:15px 0;
border:none;
border-radius:5px;
text-decoration:none;
display:block;
height:100%;
color:black;
text-align:center;
}
.icon-servives {
display: table-cell;
width: 127px;
height: 120px;
border-radius: 9px;
background-color: #60c2f3;
box-shadow: 0 0 2px #888;
text-align: center;
vertical-align: middle;
}
.btnyellow1,.btnyellow1:hover, .btnyellow1:focus
{
background-color:#fec508;
font-weight:500;
color:black;
padding:15px 0;
border:none;
border-radius:5px;
text-decoration:none;
display:block;
height:100%;
}
.btnyellow1:hover
{
color:black;
}
.btngrey
{
background-color:#f5f5f5; font-weight:500;
border:none;
padding:14px 35px;
text-decoration:none;
display:block;
border-radius:5px;
}
.btngrey-side
{
background-color:#f5f5f5; font-weight:500;
padding:5px 10px;
border:none;
text-decoration:none;
display:block;
border-radius:5px;
}
.btngrey1
{padding:10px 0;
background-color:#f5f5f5; font-weight:500;
border:none;
text-decoration:none;
display:block;
border-radius:5px;
}
.footer-text
{
font-size:12px;
}
#div1 {
display: none;
}
#div2
{
clear: both;
display: block;
top:54px;
}
#search1
{
display: none;
}
.divpadding1
{
padding-left:0px;padding-right:0px;
}
.divpadding
{
padding-left:5px;padding-right:5px;
}
#boxThis1.box .container .divcont{
width:100%;
}
#boxThis {
z-index:1;
}
#boxThis.box {
position: fixed;display:inline-block;
top: 49px;
z-index:2;
width: 20%;
}
#boxThis1 {
z-index:1;
}
#boxThis1.box {
margin: 0;
padding:10px 10px 4px 30px;
position: fixed;
top: 40px;
height:auto;
left:0;
z-index:2;
background-color:#FFFFFF;
width: 100%;
border-bottom:1px solid #dbdbdb;
}
#boxThis1.box .container .divcont .horizontal-list{
width:auto;
}
.divpadding1
{
padding-left:35px;padding-right:35px;
}
.divpadding
{
padding-left:0;padding-right:0;
}
#search1
{
clear: both;
display: inline;
}
.download-btn {
width: 100%;
height: 50px;
}
.download-btn-icon {
display: inline-block;
float: left;
width: 25%;
}
.fa{
padding-top: 2px;
padding-left: 23px;
}
.download-btn-text {
display: inline-block;
width: 75%;
float: right;
padding-left: 15px;
border-right: 1px solid #d0cece;
}
.download-btn-text1 {
display: inline-block;
width: 75%;
float: right;
padding-left: 15px;
}
@media screen and (max-width: 405px) {
.flight-img
{
text-align:center; background-image:url('../images/flight.png');width:150px ;padding:8px 0;white-space:nowrap;background-size: 150px 35px;
}
.grid-parent-flight {
display: grid;
grid-template-columns: 150px 1fr;
}
.overflowsmall
{
overflow-x:auto;
}
.download-btn-text {
padding-left: 1px;
}
.download-btn-text1 {
padding-left: 1px;
}
}
.closeModel
{
font-size:1.8rem;
}
.textsmall
{
color:#8e959b;
font-size:12px;
font-weight:500;
}
.textsmall-blue-bold
{
color:#151d36;
font-size:12px;
font-weight:500;
}
.textEx-small-blue-bold
{
color:#151d36;
font-size:10px;
font-weight:500;
}
.textnormal
{
color:#151d36;
font-size:14px;
font-weight:500;
}
.textnormal-nocolor
{
font-size:14px;
}
.textnormal1
{
color:#151d36;
font-size:13px;
font-weight:500;
}
.blue-link
{
color:#15b8cc;
text-decoration:none;
}
.blue-link:hover
{
color:#17CBDF;
text-decoration:none;
}
.icon-square {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 20%;
}
.badge-grey
{
background-color:#F5F5F5;
display: inline-block;
padding: 0.35em 0.65em;
font-size: .75em;
font-weight: 700;
line-height: 1;
color: #000;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge-info
{
background-color:#20B8CC;
display: inline-block;
padding: 0.35em 0.65em;
font-size: .75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.bg-light-blue
{
background-color:#F7FEFF;
}
.bg-side
{
background-color: #fff;
border:none;
border-radius:10px;
padding:10px;
}
#featureContainer .carousel-inner .carousel-item.active,
#featureContainer .carousel-inner .carousel-item-next,
#featureContainer .carousel-inner .carousel-item-prev {
display: flex;
}
/* medium and up screens */
#featureContainer .carousel-inner .carousel-item-end,
#featureContainer .carousel-inner .carousel-item-start {
transform: translateX(0);
}
#featureContainer .card{
border: 0;
}
#featureContainer .card{
position: relative;
}
#featureContainer .card .card-img-overlays{
position: absolute;
bottom: 15%;
left: 10%;
color: #fff;
font-weight: bolder;
}
#featureContainer a{
text-decoration: none;
}
#featureContainer .indicator{
border: 1px solid #c3c6c8;
padding: 3px 6px 3px 6px;
background-color: #f5f5f5;
color:#c3c6c8;
width: 6vh;
height: 6vh;
border-radius: 50%;
top:50%;
transform: translateY(-50%);
}
#featureContainer .indicator:hover{
background-color:#ffffff ;
border: 1px solid #505860;
color:#505860;
border: 1px solid blue;
transition: 200ms;
}
#featureContainer .indicator {
color:#c3c6c8;
}
#featureContainer .float-end{
padding-top: 10px;
}
/* Container holding the image and the text */
.containerimg1 {
position: relative;
}
/* Bottom right text */
.text-block {
position: absolute;
display:block;
bottom: 10px;
left: 0;
text-align:left;
color: white;
padding-left: 20px;
padding-right: 20px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
}
.sm-text1
{
color:#b6babe;
font-size:14px;
}
.text-grey
{
color:#b6babe;
}
.btnbg-0
{
color:#b6babe;
background-color:#ffffff;
border:none;
}
.line {
width:20px;
}
.bold-1
{
font-weight:400;
}
.bold-2
{
font-weight:500;
}
.bold-3
{
font-weight:bold;
}
.downborderLine2 {
border-bottom:3px solid #f5f5f5;
}
.divFl
{ color: #151d36;
font-size: 12px;
text-decoration:none;
}
.divFl:hover
{ color: #151d36;
font-size: 12px;
text-decoration:none;
}
.blog-name
{
color:#fd8a17;
}
.More-Range
{
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
position:absolute;width:30%;left:15%;
padding:10px;
background:#fff;
border-radius:10px;
z-index:2;
}
.More-Range-Maldives
{
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
position:absolute;
width:450px;
padding:10px;
background:#fff;
border-radius:10px;
z-index:2;
}
.More-info
{
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
position:absolute;width:50%;right:5%;
padding:10px;
background:#fff;
border-radius:10px;
z-index:2;
}
.btn-blue-full
{
border-radius:25px;
padding:10px 25px;
font-size:12px;
background-color:#15b8cc;
border:none;
color:#fff;;
}
.btn-blue-outline
{
background-color:transparent;
border-radius:25px;
padding:10px 25px;
font-size:12px;
border:1px solid rgb(33,41,65);color:rgb(33,41,65);font-weight:500;
}
.btn-blue-outline:focus
{
outline: none;
}
.top-link-color
{
color:#848c93;
}
.button-slide
{
border-radius:5px;
padding:5px 10px;
background-color:#FFFFFF;
color:#000;
font-size:12px;
font-weight:500;
text-decoration:none;
}
.button-slide:hover
{
color:#000;
}
.carousel-control-image-count
{
right:0;
position: absolute;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
height:15%;
padding: 0;
text-align: center;
background: 0 0;
border: 0;
transition: opacity .15s ease;
}
.blue-link-outer-line
{
display:block;
border-radius:25px;
padding:5px 0;
font-size:12px;
border:1px solid #15b8cc;
color:#000;
text-align:center;
text-decoration:none;
font-weight:500;
}
.text-black
{
color:#000000;
}
.bl-mobile
{
display:none;
}
.headtext
{
font-size:32px;
color:#fff;
}
.card-block{
min-height: 50px;
border: none;
background-position: center;
background-size: cover;
transition: all 0.2s ease-in-out !important;
border-radius: 24px;
background-color:transparent;
&:hover{
transform: translateY(-5px);
box-shadow: none;
opacity: 0.9;
}
}
.border {
height: auto;
border: 1px black solid;
display: inline-block;
}
.arrow {
font-size: 25px;
color: red;
}
.middle > * {
vertical-align: middle;
}
.watchvideo {
display: inline-block;
margin: 0;
font-weight:bold;
font-size:14px;
text-align: left;
}
#carousel-customer-mob
{
display:none;
}
.bg-image-visa
{
width: 100%;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
background-image: url('../images/Dubai.jpg');
}
.bg-image-maldives
{
width: 100%;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
background-color:rgba(26,157,174,1);
/* background-image: url('../images/laamu-maldives-six-senses-laamu-panorama.jpg');
*/
}
@media(max-width: 991px){
#boxThis1.box .container .divcont{
width:75%;
}
.overflowsmall
{
overflow-x:auto;
}
.More-info
{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
position:absolute;
width:80%;
max-width:720px;
right:auto;
}
.More-Range
{
width:80%;
max-width:720px;
}
}
@media (min-width: 768px){
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
width: 100%;
*width: 100%;
}
}
@media (min-width: 992px) {
.navbar-light .navbar-nav .nav-link-menu:focus{
border-bottom:4px solid #fec508;
}
.megamenucol
{
background-color:#ebfdff;
padding:0;
}
.megamenucol1
{
background-color:#fff;
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714%;
*width: 14.285714285714285714285714285714%;
}
}
.padding-navleft
{
padding-left:1rem;
}
.padding-navright
{
padding-right:1rem;
}
.padding-nav
{
padding-left:1rem;
padding-right:1rem;
}
.navbar-expand-lg .navbar-nav .nav-link1 {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.link a,.link a:hover, .link a:focus
{
color:inherit;
text-decoration:none;
}
.overflow-x
{
overflow-x: hidden;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes growDown {
0% {
transform: scaleY(0)
}
80% {
transform: scaleY(1.1)
}
100% {
transform: scaleY(1)
}
}
.dropdown-menu.show {
-webkit-animation: fadeIn 0.3s alternate;
/* Safari 4.0 - 8.0 */
animation: fadeIn 0.3s alternate;
animation: growDown 300ms ease-in-out forwards;
transform-origin: top center;
}
@media (max-width: 992px)
{
.tab1 li{
margin-right: 20px;
}
.btn-moneydeal, .btn-moneydeal:hover, .btn-moneydeal:focus
{
padding: 7px 5px;
}
.navbar-collapse ul.h-menu .nav-item-last {
position: absolute;width:100%;
bottom:0;
left:0px;
}
.nav-item-last {
position: fixed;width:100%;
bottom:10px;
left:0;
top:auto;
}
.nav-item-last a,.nav-item-last a:focus,.nav-item-last a:hover
{
color: #394055;
}
.nav-item1
{
margin-bottom:140px;
}
.nav-item1 a, .nav-item1 a:hover,.nav-item1 a:focus{
font-size: 12px;
font-weight: 500;
color: #151d36; border-bottom:1px solid #ebebeb;
}
.nav-fill .nav-item1, .nav-fill>.nav-link {
flex: 1 1 auto;
text-align: center;
}
.nav-item1 a.active
{
/* border-bottom:1px solid #202020;*/
}
.nav-item2 a, .nav-item2 a:hover,.nav-item2 a:focus{
font-size: 12px;
font-weight: 500;
color: #151d36; padding: 15px 10px;
}
.nav-fill .nav-item2, .nav-fill>.nav-link {
flex: 1 1 auto;
text-align: center;
}
.navbar-collapse
{
box-shadow: inset 0 7px 9px -10px rgba(0,0,0,0.4);padding:0;}
.padding-nav
{
padding-left:1rem;
padding-right:1rem;
}
.phone
{
padding: 10px 0;
width:100%;
background-color: #fff;
color: #151d36;
border-radius: 0;
font-size:16px;
}
.nav-item
{
border-bottom:1px solid #e6e6e6;
}
.megamenucol
{
background-color:#fff;
}
.megamenucol1
{
padding:0;
}
.nav-item a
{
font-size:16px;
padding: 15px 0;
font-weight:500;
}
.dropdown-toggle::after {
float: right;
background-image:
}
.col-megamenu .list-unstyled li
{
padding: 8px 0;
}
}
@media screen and (min-width: 768px) {
#div1 {
clear: both;
display: flex;
}
#div2 {
display: none;
}
.container {
max-width: 100%;
}
}
@media (max-width: 767px)
{
.nav-item a {
padding: 15px 20px;
}
.card-border-lg
{
border: 1px solid #DDDDDD;
}
.review
{
font-size: 8px;
}
.rating-content {
padding: 1rem 7px;
}
.w75-md
{
width: 100%!important;
}
#boxThis1.box .container .divcont{
width:100%;
}
#boxThis1.box {
height:auto;
padding:10px 10px 0 10px;
}
#boxThis1.box .container .divcont .horizontal-list
{
padding-left:0;
width:auto;
overflow:auto;
}
ul.horizontal-list li
{
width:auto;
}
.More-Range-Maldives
{
width:auto;
left:7%;
padding:10px;
background:#fff;
border-radius:10px;
z-index:2;
}
.btn-search-visa
{
width:100%;
}
#carousel-customer-desktop
{
display:none;
}
#carousel-customer-mob
{
display:block;
}
section-index {
padding:10px 10px 20px 10px;
}
section-act
{
padding:10px 10px 20px 10px;
}
section-indextop {
padding: 10px 0 10px 0;
}
#search1
{
display: none;
}
.tab button
{
padding: 10px 10px;
min-width:100px;
}
.tab button.active
{
padding: 10px 10px; color:#000;
}
.tab button.active span
{
color:#000;
}
.tab button span
{
color:#fff;
}
}
@media (max-width: 575px) {
.btn-solid-blue
{
width:100%;
}
.bg-md-greycolor-sm-white
{
background-color:#fff;
}
.halfright {
border-top:3px solid #1fbbce;
position: relative;
padding-right:3px;
}
.halfright:after {
content: "";
display:block;
width:90%;
height:3px;
padding:0;margin:0;
background-color:white;
position: absolute;
border:none;
right:0;
top:-3px;
}
.btn-search-visa
{
width:100%;
}
.bg-side
{
background-color: #fff;
border:none;
border-radius:0;
padding:0;
}
.card-border-Book-Now
{
border-radius: 0;
}
.card-border-Book-Now table
{
border:0;
}
.card-cart
{
box-shadow: 0 .5rem 1rem rgba(0,0,0,0)!important;
border-left-width:0;
border-right-width:0;
border-top-width:0;
border-bottom-width:0;
border-radius:0;
}
.More-Range-Maldives
{
width:auto;
left:7%;
padding:10px;
background:#fff;
border-radius:10px;
z-index:2;
}
.border-sm-bottom
{
border-bottom:2px solid #C0C0C0;
}
.underline-lg
{
text-decoration:none;
}
section-index {
padding:10px 10px 50px 10px;
}
section-act
{
padding:10px 10px 5px 10px;
}
section-indextop {
padding:10px 10px 10px 10px;
}
.container {
max-width: 100%;
}
.headtext
{
font-size:20px;
color:#fff;
}
.has-search .form-control-feedback
{
width:1.875rem;
}
.has-search .form-control
{
padding-left:1.875rem;
}
.has-search .form-control::-moz-placeholder {
font-size:12px;
font-weight:500;
}
.has-search .form-control:-ms-input-placeholder {
font-size:12px;font-weight:500;
}
.has-search .form-control::-webkit-input-placeholder {
font-size:12px;font-weight:500; }
}
.btn-back, .btn-back:hover, .btn-back:focus
{ outline: none;
display:block;
line-height:1.5;
background:#fff;
color:#1c233c;
text-align:center;
text-decoration:none;
vertical-align:middle;
border:1px solid #1c233c;
border-radius: 10px;
padding:12px 10px;
font-weight:500;
width:100%;
font-size:14px;
}
.img-activities
{
width:100%;height:550px;border-radius:10px;
}
.act-daytable
{
border-top:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
}
.act-daytable1
{
border-top:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
}
.act-icon
{ color:#b6babe;
}
.act-up-btn {
left:5%;
position: absolute;
top: 10%;
z-index: 1;
align-items: center;
justify-content: center;
padding: 0;
text-align: left;
background: 0 0;
border: 0;
transition: opacity .15s ease;
}
.act-up-btn a,.act-up-btn a:focus, .act-up-btn a:hover
{
color: #151d36;
width:auto;
margin-left:10px;
padding-right:30px;
}
.act-up-btn1 {
left:7%;
position: absolute;
top: 20%;
z-index: 1;
align-items: center;
justify-content: center;
padding: 0;
text-align: left;
background: 0 0;
border: 0;
transition: opacity .15s ease;
}
.act-up-btn-slide, .act-up-btn-slide:hover,.act-up-btn-slide:focus
{
width: 200px;
text-decoration:none;
border-radius: 20px;
padding: 5px 10px;
background-color:#F5F5F5;
color: #000;
font-size: 12px;
font-weight: 500;
text-decoration: none;
}
.act-up-btn-job
{
width: auto;
border-radius: 20px;
padding: 5px;
background-color:#e8e8e8;
color: #000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.btn-circle-act {
display:inline-block;
height: 30px;
width: 32px;
padding-top:6px;
border-radius: 50%;
background-color: #ffffff;
color: #000000;
font-size: 16px;
font-weight:100;
text-align:center;
vertical-align:middle;
box-shadow: 0px 1px 2px #00000029;
}
.nav-link-jobdetails
{
color:#151d36;
font-weight:600;
font-size:18px;
border-bottom: none;
}
.nav-link-jobdetails.active
{
border-bottom: 3px solid #151d36;
}
@media (max-width: 768px)
{
.btn-search
{
padding: 10px 25px;
}
section-Hotel-top
{
margin-top: 10px;
}
}
.flagSprite.in {
width: 15px;
height: 12px;
background-position: 0 0;
}
.flagSprite.ae {
width: 15px;
height: 12px;
background-position: 0 -24px;
}
.flagSprite {
background-image: url(../images/flagSprite2.avif);
background-repeat: no-repeat;
background-size: 16px 74px;
display: inline-block;
}
#english,#arabic,#AED
{
display:block;
}
#USD,#INR,#MYR,#OMR,#BHD,#KWD,#SAR,#QAR
{
display:none;
}
ul.social-media {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin:0;
padding: 0;
}
.social-media li {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 34px;
width: 34px;
margin: 0 10px;
cursor: pointer;
}