html,body
{
font-family: 'Muli', sans-serif;
font-size: 13px;
}
.default-link,.default-link:hover
{
color: inherit;
text-decoration: none;
}
.topbar
{
background: #fff;
padding: 10px 0;
}
.topbar ul
{
list-style:none;
padding: 0;
margin: 0;
text-align: right
}
.topbar ul li
{
color: #FFF;
font-weight: 600;
display:inline-block;
margin-left: 10px;
}
.topbar ul li:first-child
{
float: left;
margin-left: 0;
}
.kh-bar
{
border-radius: 0;
border: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.kh-bar.offset,.inner-page .kh-bar,.details-page .kh-bar
{
background: #FFF;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}
@media(min-width: 1200px){
.kh-bar .navbar-brand
{
padding: 9px 80px;
height: 100%;
}
}
@media(min-width: 768px){
.kh-bar .navbar-brand
{
height: 100%;
}
}
.kh-bar .navbar-brand img
{
height: 100px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin : 0% 0%;
-moz-transform-origin : 0% 0%;
-o-transform-origin : 0% 0%;
-ms-transform-origin : 0% 0%;
transform-origin : 0% 0%;
}
.kh-bar .navbar-nav>li>a
{
color: #999;
font-weight: 600;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
background: transparent;
color:#21313f;
font-weight: 600;
}
.dropdown-menu
{
border: 0;
top: 97%;
}
.dropdown-menu li a
{
/* font-weight: 800; */
padding: 11px 20px;
}
.navbar .tooltip .tooltip-inner
{
background: #21313f;
padding: 10px;
font-size: 13px;
text-align: left;
max-width: 250px;
}
.tooltip.left .tooltip-arrow
{
border-left-color: #21313f;
}
.banner
{
position: relative;
}
.banner-form form
{
background: rgba(0,0,0,0.8);
padding: 25px 35px 35px;
display: inline-block;
}
.banner-form form legend
{
color: #FFF;
border: 0;
text-align: left;
font-size: 30px;
font-weight: 800;
margin-bottom: 10px;
}
.banner-form form legend span
{
color: #00aeef;
}
.form-control
{
border-radius: 0;
box-shadow: 0;
font-size: 13px;
font-weight: 700;
}
.btn-blue
{
border-radius: 0;
background: #31a3da;
color: #FFF;
font-weight: 700;
}
.accredition-image
{
position: absolute;
top: -150%;
width: 10%;
}
.about-us
{
padding: 60px 0;
}
.section-title
{
font-weight: 800;
font-size: 30px;
color: #21313f;
}
.about-content
{
position: relative;
border-bottom: 1px dashed #303f4c;
border-right: 1px dashed #303f4c;
border-radius: 20px;
padding: 20px;
}
.about-content p
{
margin-bottom: 15px;
}
.about-content:before
{
height: 40px;
border-radius:0 20px 0 0;
content: ' ';
display: inline-block;
position: absolute;
width: 50%;
right:0;
top: 0px;
border-top: 1px dashed #303f4c;
}
.about-content:after
{
content: ' ';
position: absolute;
top: 35%;
left: 0;
height: 65%;
width: 10%;
display: inline-block;
border-radius:20px 0 0 20px;
border-left: 1px dashed #303f4c;
border-top: 1px dashed #303f4c;
z-index: -1;
}
.aeroplane-icon
{
position: absolute;
top: 0;
left: 50%;
transform: translate(-97%,-50%);
}
.bicycle-icon
{
position: absolute;
bottom: 10px;
right: 10px;
}
.read-more,.read-more:hover,.read-more:focus
{
color: #21313f;
text-decoration: none;
margin-top: 10px;
vertical-align: middle;
}
.read-more:before
{
content: url('../img/readmore-icon.png');
vertical-align: middle;
padding-right: 5px;
}
.popular-packages,.popular-destinations
{
padding: 40px 0;
background: #0067b5;
}
.popular-packages .section-title,.popular-destinations .section-title
{
text-align: center;
color: #FFF;
}
.pp-carousel
{
padding: 20px 0;
}
.pp-box
{
margin-top: 30px;
}
.outer-circle
{
position: relative;
border-radius: 50%;
overflow: hidden;
border: 1.5px dashed #FFF;
width: 260px;
height: 260px;
margin: 0 auto;
}
.inner-circle
{
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 95%;
height: 95%;
overflow: hidden;
}
.inner-circle img
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: auto!important;
height: 100%;
}
.price-circle
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(25%, -165%);
width: 110px;
height: 110px;
background: #31a5dd;
border-radius: 50%;
}
.price-circle-2
{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90%;
height: 90%;
border-radius: 50%;
border: 1.5px dashed #FFF;
}
.price-bg
{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #21313f;
width: 90%;
height: 90%;
border-radius: 50%;
}
.price-bg p
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -60%);
color: #FFF;
font-size: 17px;
font-weight: 800;
line-height: 16px;
}
.price-bg p small
{
font-size: 10px;
font-weight: 400;
white-space: nowrap;
}
.pp-title
{
text-align: center;
}
.pp-title h3
{
font-size: 15px;
color: #FFF;
font-weight: 800;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
}
.pp-title .compass
{
margin: 20px auto 0;
}
.thumb-next,
.thumb-prev
{
font-size: 35px;
position: absolute;
top: 50%;
color: #FFF;
}
.thumb-prev
{
left: 0;
padding-right: 2%;
transform: translate(-100%,-50%);
}
.thumb-next
{
right: 0;
padding-left: 2%;
transform: translate(100%,-50%);
}
.why-us
{
padding: 40px 0 50px;
}
.why-us .section-title
{
text-align: center;
}
.wu-box
{
margin:20px 0 10px 0;
text-align: center;
}
.wu-box img
{
margin: 0 auto;
}
.wu-box h4
{
font-size: 15px;
font-weight: 800;
color: #21313f;
}
.wu-box h4 span
{
font-size: 11px;
}
.latest-packages
{
background: #fafafa;
padding: 40px 0 0;
}
.latest-packages .section-title
{
color: #21313f;
text-align: center;
}
.latest-carousel
{
padding: 20px 0;
}
.latest-box
{
margin: 20px;
border: 1px solid #FFF;
}
.lb-image
{
position: relative;
margin: 0 auto;
padding: 10px 15px;
}
.lb-image img
{
margin: -25px auto 10px;
width: 100%!important;
}
.lb-image .compass-icon
{
background: #31a5dd;
position: absolute;
top: 90%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 50%;
}
.lb-image .compass-icon img
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 32px!important;
height: 32px!important;
margin: 0!important;
}
.lb-title
{
padding: 5px 0 10px 0;
}
.lb-title h4
{
text-align: center;
display: block;
color: #FFF;
font-size: 20px;
font-weight: 800;
padding-left: 20px;
}
.lb-price
{
position: absolute;
top: 204px;
right: 36px;
background: rgba(0,0,0,0.4);
border-radius: 15px 0 0 0;
font-size: 20px;
color: #FFF;
padding: 5px 10px;
font-weight: 800;
}
.lb-price p
{
margin: 0;
}
.lb-desc
{
border: 1px dashed #FFF;
border-left: 0;
border-right: 0;
padding: 5px;
}
.lb-desc p
{
font-weight: 600;
font-size: 13px;
color: #FFF;
text-align: center;
margin-bottom: 0;
}
.lb-inclusions
{
padding: 10px;
}
.lb-inclusions ul
{
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.lb-inclusions ul li
{
display: inline-block;
padding: 5px;
}
.lb-control
{
text-align: center;
}
.lb-control .btn-booknow
{
margin-bottom: -18px;
background: #31A5DD;
border: 1px solid #FFF;
color: #FFF;
border-radius: 0;
}
.testimonial
{
padding: 40px 0;
}
.testimonial .section-title:before
{
content: url('../img/quote-icon.png');
vertical-align: middle;
padding-right: 5px;
}
.testimonial .testimonial-icon
{
max-width: 100%;
}
.pd-car
{
padding: 20px 0;
}
.p0
{
padding: 0;
}
.pd-box
{
position: relative;
}
.pd-box .main-img
{
width: 100%!important;
}
.pd-overlay
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
color: #FFF;
}
.pd-overlay h5
{
font-size: 20px;
font-weight: 800;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
vertical-align: middle;
text-align: center;
}
.pd-overlay h5:before
{
content: url('../img/map-marker.png');
padding-right: 5px;
vertical-align: middle;
}
.pd-overlay p
{
position: absolute;
bottom: 10px;
left:0;
right: 0;
text-align: center;
font-weight: 600;
font-style: italic;
}
.pd-overlay p span
{
font-weight: 800;
font-size: 20px;
}
.pd-box .pd-overlay:after
{
content: ' ';
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 5px solid #FFF;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
opacity: 0;
}
.pd-box:hover .pd-overlay:after
{
opacity: 1;
}
.bookus
{
padding:60px 0 0;
}
.bookus .section-title
{
text-align: center;
}
.pd-title
{
position: relative;
}
.pd-title img
{
position: absolute;
top: 0;
left: 49.8%;
transform: translate(-50%, -50%);
}
.animated
{
position: relative;
min-height: 400px;
overflow: hidden;
}
.animated .sun
{
position: absolute;
top: 5%;
left: 5%;
}
.train-icon
{
position: absolute;
bottom: 0;
left: 0%;
}
.hotel-icon
{
position: absolute;
bottom: 0;
left: 20%;
}
.car-icon
{
position: absolute;
bottom: 0;
left: 40%;
}
.booth-icon
{
position: absolute;
bottom: 0;
left: 60%;
text-align: center;
}
.booth-icon img
{
margin: 0 auto;
}
.destination-icon
{
position: absolute;
bottom: 0;
left: 90%;
text-align: center;
}
.flight-icon
{
position: absolute;
top: 10%;
left: 58%;
}
.train-icon p,.hotel-icon p,.car-icon p,.destination-icon p,.flight-icon p
{
font-size: 20px;
font-weight: 800;
margin: 0;
color: #575757;
}
.booth-icon p
{
font-size: 30px;
color: #68c3fa;
font-weight: 800;
}
.hotel-icon p,.car-icon p
{
text-align: center;
}
.flight-icon p
{
float: right;
margin-top: 30px;
padding-left: 10px;
}
.train-icon,.hotel-icon,.car-icon,.destination-icon
{
width: 10%;
}
.booth-icon,.flight-icons
{
width: 20%;
}
.floats img:not(.circles)
{
max-width: 80px;
margin: 0 auto;
}
.heli
{
position: absolute;
bottom: 0;
left: -75%;
width: 213%;
}
.peli
{
position: absolute;
top: 45%;
left: 25%;
width: 50%;
}
.celi
{
position: absolute;
top: -31%;
right: 3%;
width: 24%;
z-index: 1;
}
.request_cb
{
padding: 20px 0;
background: #31a5dd;
}
.request_cb p
{
font-size: 25px;
font-weight: 800;
color: #FFF;
margin: 0;
}
.btn-cb
{
color: #FFF;
border: 1px solid #FFF;
background: transparent;
font-size: 25px;
font-weight: 800;
padding: 10px 15px;
text-decoration: none;
margin-top: 10px;
display: inline-block;
}
.btn-cb:hover,.btn-cb:focus
{
background: #FFF;
text-decoration: none;
color: #31a5dd;
}
footer
{
background: #ffffff;
padding: 40px 0 0;
color:#282d31;
}
.footer-logo
{
margin-bottom: 20px;
}
.footer-address
{
list-style: none;
padding-left: 1.3em;
}
.footer-address li
{
padding: 5px 0;
}
.footer-address li:before
{
font-size: 16px;
width: 1.28571429em;
text-align: center;
font-family: FontAwesome;
display: inline-block;
margin-left: -1.28571429em;
padding-right: 5px;
}
.footer-address li:first-child:before
{
content: "\f041";
}
.footer-address li:nth-child(2):before
{
content: "\f095";
}
.footer-address li:last-child:before
{
content: "\f003";
}
.footer-address li.phone
{
font-weight: 600;
}
footer h6
{
font-size: 15px;
font-weight: 600;
margin-bottom: 20px;
margin-top: 0;
}
.flinks
{
list-style: none;
padding: 0;
}
.flinks li
{
padding: 5px 0;
font-size: 14px;
font-weight: 800;
}
.flinks li a
{
color: inherit;
text-decoration: none;
text-transform: uppercase;
}
.flinks li a:hover
{
color: #31a5dd;
}
.flinks.social li
{
display: inline-block;
padding: 0 10px 0 0;
}
.social img{
width:20px;
}
.partners
{
margin-top: 20px;
list-style: none;
padding: 0;
}
.partners li
{
display: inline-block;
padding-right: 10px;
}
.copyright
{
margin-top: 20px;
padding: 5px 0;
background: #004375;
color: #FFF;
}
.copyright .powered
{
display: inline-block;
padding-left: 20px;
}
.copyright .powered a
{
color: inherit;
}
.copyright .powered a img
{
width: 15px;
vertical-align: middle;
opacity: 0.6;
margin-top: -3px;
}
.inner-banner
{
position: relative;
top: 114px;
}
.inner-banner img
{
margin: 0 auto;
}
.inner-banner .shadow
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
}
.inner-banner .ib-content
{
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.inner-banner .ib-content h1
{
font-size: 30px;
font-weight: 800;
color: #FFF;
}
.dest-desc
{
background: #21313f;
padding: 50px 0;
color: #FFF;
}
.dest-desc p
{
border: 1px dashed #FFF;
border-left: 0;
border-right: 0;
padding: 20px 0 40px;
margin-bottom: 0;
position: relative;
}
.dest-desc p:after
{
content: url('../img/divider-icon.png');
background:#21313f;
padding: 0px 10px;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 35%);
}
.package-lists
{
padding: 50px 0;
}
.package-list
{
border: 1px dashed #21313f;
border-radius: 15px;
margin-bottom: 20px;
}
.pkg-img
{
padding: 10px;
}
.pkg-img img
{
border-radius: 15px;
width: 100%;
}
.pkg-summary
{
padding:15px 0 0;
}
.package-list h2
{
font-size: 19px;
font-weight: 800;
color: #21313f;
}
.package-list p
{
color: #21313f;
}
.package-list .destinations
{
padding: 5px 0;
border: 1px solid #cccccc;
border-left: 0;
border-right: 0;
font-weight: 600;
}
.package-list .destinations .fa
{
padding-right: 10px;
}
.package-list .inclusions-list
{
list-style: none;
padding: 0;
}
.package-list .inclusions-list li
{
padding: 3px 3px 0 3px;
display: inline-block;
font-size: 14px;
font-weight: 800;
}
.package-list .inclusions-list li img
{
max-width: 30px;
margin-right: 1px;
}
.pkg-controls
{
text-align: center;
}
.pkg-controls .price
{
display: inline-block;
padding: 50px 20px 20px;
border: 1px dashed #21313f;
border-top: 0;
border-radius: 0 0 15px 15px;
color: #21313f;
font-style: italic;
font-weight: 700;
margin: 0 auto;
text-align: left;
}
.pkg-controls .price span
{
font-weight: 800;
font-size: 25px;
}
.btn-book
{
background: #31a5dd;
color: #FFF;
font-size: 14px;
font-weight: 800;
border-radius: 0;
margin-top: 20px;
min-width: 140px;
border: 0;
}
.btn-view
{
background: #21313f;
color: #FFF;
font-size: 14px;
font-weight: 800;
border-radius: 0;
margin-top: 20px;
min-width: 140px;
border: 0;
}
.details-banner
{
position: relative;
}
.details-banner .shadow
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
}
.db-content
{
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
color: #FFF;
}
.db-content h1
{
font-size: 30px;
font-weight: 800;
margin-top: 0;
}
.db-content h1 span
{
display: block;
font-size: 17px;
font-weight: 600;
margin-top: 5px;
}
@media(max-width: 768px)
{
.db-content h1
{
font-size: 16px;
}
.db-content h1 span
{
font-size: 13px;
}
}
.db-content .db-price
{
text-align: right;
}
.db-content .db-price p
{
font-size: 17px;
font-style: italic;
font-weight: 700;
margin-bottom: 0;
}
.db-content .db-price p span
{
font-size: 25px;
font-style: italic;
font-weight: 800;
}
.db-content .db-price .btn-enq
{
font-size: 14px;
font-weight: 800;
background: #31a5dd;
border: 0;
border-radius: 0;
margin-top: 5px;
}
.detail-gallery
{
background: #31a5dd;
}
.detail-gallery .img-thumb
{
position: relative;
}
.detail-gallery .img-thumb .fancybox .zoom
{
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0, 0, 0.4);
}
.detail-gallery .img-thumb .fancybox .zoom img
{
width: 35px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.detail-gallery .img-thumb .fancybox:hover .zoom
{
opacity: 1;
}
.detail-gallery .thumb-next,
.detail-gallery .thumb-prev
{
font-size: 35px;
position: absolute;
top: 50%;
color: #FFF;
}
.detail-gallery .thumb-prev
{
left: 0;
padding:10px 15px 10px 3px ;
background: #21313f;
transform: translate(0,-50%);
border-radius: 0 100px 100px 0;
border: 1px dashed #FFF;
border-left: 0;
}
.detail-gallery .thumb-next
{
right: 0;
padding:10px 3px 10px 15px ;
background: #21313f;
transform: translate(0,-50%);
border-radius:100px 0 0 100px;
border: 1px dashed #FFF;
border-right: 0;
}
.detail-summary
{
background: #21313f;
padding: 40px 0;
color: #FFF;
}
.detail-desc
{
border-bottom: 1px dashed #90989F;
padding: 20px 0 40px;
margin-bottom: 0;
position: relative;
}
.detail-desc:after
{
content: url('../img/divider-icon.png');
background:#21313f;
padding: 0px 10px;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 35%);
}
.detail-summary h2
{
font-size: 20px;
font-weight: 800;
margin-top: 30px;
}
.overview-list
{
list-style: none;
text-align: center;
border: 1px dashed #90989F;
border-left: 0;
border-right: 0;
padding: 10px 0;
}
.overview-list li
{
display: inline-block;
text-align: left;
vertical-align: middle;
background-repeat: no-repeat;
padding-left: 40px;
padding: 10px 40px 10px 40px;
background-position: left center;
}
.overview-list li:first-child
{
background-image: url('../img/duraction_icon.png');
}
.overview-list li:nth-child(2)
{
background-image: url('../img/destinations_icon.png');
}
.overview-list li:last-child
{
background-image: url('../img/tour_code_icon.png');
}
.overview-list li p
{
margin: 0;
font-size: 14px;
font-weight: 800;
}
.detail-summary .inclusions-list
{
list-style: none;
text-align: center;
border-top: 1px dashed #90989F;
padding: 10px 0;
}
.detail-summary .inclusions-list li
{
display: inline-block;
padding: 10px 15px;
font-size: 14px;
font-weight: 800;
}
.detail-summary .inclusions-list li img
{
padding-right:5px;
}
.detail-iti
{
padding: 40px 0 ;
}
.itinerary-box
{
margin: 20px 0;
}
.iti-title
{
border-bottom: 1px dashed #21313f;
}
.iti-title.tariffs
{
margin-bottom: 20px;
}
.iti-title h4
{
display: inline-block;
margin: 0;
padding:10px;
font-size: 16px;
font-weight: 800;
border: 1px dashed #21313f;
border-bottom: 0;
}
.itinerary-box .content p
{
padding: 10px 0;
}
.hotel-box
{
position: relative;
}
.h-overlay
{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-align: center;
}
.h-overlay .h-name
{
text-shadow: 2px 2px 2px #000;
position: absolute;
bottom:0;
left: 0;
right: 0;
transform: translateY(-50%);
margin: 0;
color: #FFF;
font-size: 12px;
font-weight: 600;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
min-height: 50px;
}
.h-content
{
background: #000;
padding: 5px;
color: #FFF;
text-align: center;
}
.h-content p
{
margin-bottom: 0;
padding: 0!important;
}
.tariff-box
{
position: relative;
overflow: hidden;
}
.tariff-box img
{
filter: blur(3px);
-webkit-filter: blur(3px);
}
.tariff-box .tariff-content
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
}
.tariff-box .tariff-content .t-text
{
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
}
.pkg-class
{
color: #FFF;
font-weight: 300;
font-size: 18px;
line-height: 18px;
margin-bottom: 0;
padding: 2px 0 0!important;
}
.pkg-price
{
color: #FFF;
font-weight: 800;
font-size: 19px;
line-height: 19px;
padding: 2px 0!important;
margin-bottom: 0;
}
.pkg-book
{
color: #FFF;
font-weight: 600;
font-size: 11px;
text-decoration: none;
padding: 5px;
border: 1px solid #FFF;
margin-top: 8px;
display: inline-block ;
}
.pkg-book:hover
{
background: #FFF;
color: #21313f;
text-decoration: none;
}
.side-column
{
padding: 10px 0;
}
.side-column h3
{
border-bottom: 1px dashed #21313f;
}
.point-list
{
list-style: none;
padding-left: 5px;
}
.point-list li::before
{
font-family: 'FontAwesome';
padding-right: 5px;
}
.inc-list li::before
{
color: #5ad151;
content: "\f046";
}
.exc-list li::before
{
color: #d14d4d;
content: "\f05c";
}
.imp-list li::before
{
color: #f7ad3d;
content: "\f071";
}
.imps h5
{
font-weight: 800;
}
.side-package
{
position: relative;
margin-bottom: 10px;
}
.side-package .side-overlay
{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.3);
text-align: center;
}
.side-package .side-overlay .o-content
{
position: absolute;
top: 50%;
left: 50%;
width: 90%;
height: 85%;
transform: translate(-50%, -50%);
border: 1px solid #FFF;
}
.texter
{
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.texter h6
{
color: #FFF;
font-size: 16px;
}
.testi-car .owl-theme .owl-dots,.testi-car .owl-theme .owl-nav
{
text-align: right;
}
.testi-car .owl-theme .owl-dots .owl-dot.active span,.testi-car .owl-theme .owl-dots .owl-dot:hover span
{
background: #31A5DD;
}
.about-description
{
padding: 20px 0 30px;
background: #21313f;
}
.about-description h1
{
color: #FFF;
font-weight: 800;
font-size: 35px;
}
.about-description p
{
color:#FFF;
}
.our-team
{
padding: 30px 0;
}
.about-testimonial
{
background: #21313f;
}
.about-testimonial .section-title
{
color: #FFF;
}
.about-testimonial .testi-car p
{
color: #FFF;
}
.team-box
{
position: relative;
}
.team-box img
{
width: 100%!important;
}
.team-box .team-hover
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.team-box:hover .team-hover
{
opacity: 1;
}
.team-hover .outline
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 90%;
height: 90%;
border: 1px solid rgba(255,255,255,0.5);
}
.team-box p
{
margin: 0;
position: absolute;
bottom: 10px;
color: #FFF;
left: 0;
right: 0;
text-align: center;
font-size: 18px;
font-weight: 800;
}
.team-box p small
{
font-size: 12px;
display: block;
font-style: italic;
}
.contact-form
{
margin: 150px 0;
border: 1px dashed #21313f;
padding: 20px;
border-radius: 10px;
position: relative;
}
.contact-form .contact-title
{
position: absolute;
top: 0;
left: 40px;
padding: 10px;
border: 1px dashed #21313f;
border-top: 0;
border-radius: 0 0 10px 10px;
color: #21313f;
text-align: center;
}
.contact-form h1
{
font-weight: 800;
font-size: 25px;
color: #21313f;
margin-top:0;
}
.contact-desc
{
margin-top: 100px;
padding-bottom:10px;
border-bottom: 1px dashed #21313f;
}
.text-center .contact-desc
{
border-bottom: 0;
}
.contact-form form
{
margin: 40px 0 10px;
padding-bottom: 20px;
border-bottom: 1px dashed #21313f;
}
.contact-form .form-group
{
position: relative;
}
.contact-form .form-icon
{
position: absolute;
top: 15%;
left: 0%;
font-size: 18px;
}
.contact-form .form-control
{
outline: none;
box-shadow: none;
border: 0;
border-bottom: 1px dashed #21313f;
}
.contact-form .valerror
{
border-bottom: 1px dashed #c71a1a;
}
.contact-form .form-control:not(.text)
{
padding-left: 25px;
}
.contact-form .text
{
border: 1px dashed #21313f;
border-radius: 5px;
}
.contact-image
{
position: absolute;
bottom: 0;
right: 20px;
width: 20%;
}
.map-embedd
{
margin-bottom: 30px;
}
.modal-content
{
border-radius: 0;
}
@media(min-width: 768px)
{
body
{
padding-top: 38px;
}
#travel-form.extented.banner-fm {
margin-top: 0px;
}
.kh-bar
{
background: transparent;
}
.kh-bar .navbar-nav>li>a
{
padding: 32px 14px;
}
.kh-bar.offset .navbar-nav>li>a
{
padding: 15px 10px;
}
.kh-bar.offset .navbar-brand
{
padding: 2px 15px;
}
.kh-bar.offset .navbar-brand img
{
transform: scale(0.9);
}
.banner-form
{
position:absolute;
bottom: 20px;
left: 0;
right: 0;
z-index: 9;
}
.package-list .col-md-5
{
padding: 0;
}
.details-page,.inner-page
{
padding-top: 122px;
}
}
@media(min-width: 992px)
{
.detail-iti .col-md-9
{
border-right: 1px dashed #21313f;
}
}
@media(max-width: 768px)
{
body
{
padding-top: 50px;
}
.kh-bar
{
background: #FFF;
}
.kh-bar .navbar-brand
{
padding-left: 60px;
height: 100%;
}
.kh-bar .navbar-brand img
{
max-height: 55px;
}
.kh-bar .navbar-nav>li>a
{
text-align: center;
}
.dropdown-menu
{
text-align: center;
}
.banner-form form legend
{
font-size: 18px;
}
.thumb-prev
{
left: 0;
padding-right: 0;
transform: translate(-100%,-50%);
}
.thumb-next
{
right: 0;
padding-left: 0;
transform: translate(100%,-50%);
}
.request_cb p
{
font-size: 18px;
}
.btn-cb
{
font-size: 18px;
}
.animated {
min-height: 360px;
}
.animated .sun {
left: 0%;
}
.booth-icon, .flight-icons {
width: 100%;
}
.flight-icon {
top: 15%;
left: 65%;
}
.booth-icon {
left: 0%;
}
.flight-icon p
{
display: none;
}
.footer-address
{
border-bottom: 1px dashed #FFF;
margin-bottom: 10px;
}
footer h6
{
margin-top: 10px;
}
.partners
{
margin-top: 0;
}
.package-list
{
border-radius: 15px 15px 0 0;
}
.package-list .pkg-img
{
margin-top: 1px;
}
.package-list .pkg-summary
{
padding: 10px;
}
.package-list .pkg-controls .price
{
padding: 5px 30px;
border-radius: 15px;
border-top: 1px dashed #21313f;
}
.banner-form .col-xs-12
{
padding: 0;
}
.banner-form form
{
width: 100%;
}
}
.fileContainer {
overflow: hidden;
position: relative;
}
.fileContainer [type=file] {
cursor: inherit;
display: block;
font-size: 999px;
filter: alpha(opacity=0);
min-height: 100%;
min-width: 100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
}
/* Example stylistic flourishes */
/*.fileContainer {
background: #fff;
border-radius: .5em;
float: left;
padding: .5em;
}
.fileContainer [type=file] {
cursor: pointer;
}*/
.no-padding {
padding: 0;
}
.flex {
display: flex;
}
.padding-right {
padding: 0 15px 0 0;
}
.about-block.center{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.v1 .about-block h2 {
color: #000;
font-weight: 700;
margin-bottom: 20px;
margin-top: 0;
text-transform: uppercase;
}
.v1 .about-block p {
line-height: 28px;
}
.v1 .about-block .tick-circle {
margin-top: 20px;
}
.tick-circle > li {
line-height: 40px;
padding-left: 40px;
}
.tick-circle > li::before {
border-radius: 50%;
bottom: 0;
content: "\f00c";
font-family: fontawesome;
font-size: 12px;
height: 25px;
left: 0;
line-height: 25px;
position: absolute;
text-align: center;
top: 8px;
width: 25px;
}
.tick-circle > li::before {
border: 1px solid #31a5dd;
color: #31a5dd;
}
* {
position: relative;
outline: 0!important;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
/* transition: all ease-in-out .3s;
-webkit-transition: all ease-in-out .3s;*/
}
.tick-circle{
list-style: none;
}
.animate-in {
-webkit-transition: all .7s ease-in-out .5s;
-moz-transition: all .7s ease-in-out .5s;
-o-transition: all .7s ease-in-out .5s;
-ms-transition: all .7s ease-in-out .5s;
transition: all .7s ease-in-out .5s;
}
.left-out {
left: -30px;
opacity: 0;
}
.left-out.animated {
left: 0;
opacity: 1;
}
.right-out {
right: -30px;
opacity: 0;
}
.right-out.animated {
right: 0px;
opacity: 1;
}
.space {
padding: 100px 0;
}
.move-up {
top: 30px;
opacity: 0;
}
.move-up.animated {
top: 0;
opacity: 1;
}
.main-heading {
margin-bottom: 60px;
}
.v4.main-heading h4 {
font-size: 24px;
color: #000;
line-height: 36px;
font-weight: 700;
margin: 0;
text-transform: capitalize;
}
.animate-in.animated{
min-height: inherit!important;
}
.wid-100 {
width: 100%!important;
}
.col-sm-41.dedicated-block{
border: 1px solid #eee;
padding: 10px;
margin-right: 10px;
}
.col-sm-41.dedicated-block:hover h4{
color:#31a5dd;
}
.col-sm-41.dedicated-block h4{
transition: .3s;
}
.caption-set{
position: absolute;
z-index: 999;
bottom: 0;
background: rgba(255, 255, 255, 0.94);
height: 0;
transition: .3s;
}
.col-sm-41.dedicated-block:hover .caption-set{
height: 40%;
}
.mb-50 {
margin-bottom: 50px;
}
.accordion{
line-height: 28px;
}
.accordion .content-title.active{
color: #424d58;
}
.accordion .content-title{
line-height: 24px;
color: #a9b5c1;
cursor: pointer;
font-weight: 700;
}
.accordion .content-title span{
position: relative;
background: #f0f4f7;
font-size: 12px;
text-transform: uppercase;
padding: 14px 40px 14px 60px;
min-height: 25px;
width: 100%;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.accordion .content-title.active i.active-icon{
background: #31a5dd;
}
.accordion .content-title span i.active-icon{
position: absolute;
z-index: 1;
left: 20px;
top: 50%;
width: 22px;
height: 22px;
background: #424d58;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.accordion .content-title span i.active-icon:before{
width: 12px;
height: 2px;
}
.accordion .content-title span i.active-icon:before, .accordion .content-title span i.active-icon:after{
content: ' ';
position: absolute;
z-index: 2;
top: 50%;
margin-top: -1px;
left: 5px;
background: #ffffff;
}
.accordion .content-title.active i.active-icon:after{
opacity: 0;
}
.accordion .content-title span i.active-icon:after{
width: 2px;
height: 12px;
margin-top: -6px;
left: 10px;
opacity: 1;
}
.accordion .content{
position: relative;
border: 1px solid transparent;
border-top: 0;
padding: 20px 30px;
}
.pb-100 {
padding-bottom: 100px;
}
.cws_prlx_section {
position: relative;
overflow: hidden;
z-index: 1;
}
.page-section {
padding: 140px 0;
}
.bg-gray-60:before {
content: '';
display: block;
position: absolute;
opacity: 0.6;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #424d58;
}
.cws_prlx_layer {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: none;
max-height: none;
}
.cws_prlx_section .container{
position: relative;
z-index: 12;
}
.title-section.alt {
color: #ffffff;
}
.title-section {
line-height: 1.3;
font-weight: 400;
text-transform: uppercase;
margin: 0;
}
.title-section.alt span {
color: #31a5dd;
font-weight: 800;
}
.color-white {
color: #ffffff;
}
.mb-40 {
margin-bottom: 40px;
}
.service-item.icon-center {
text-align: center;
}
.service-item.border {
padding: 60px 40px;
background: rgba(255, 255, 255, 0.95);
border: 1px solid #e6e6e6;
}
.service-item {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
}
.service-item.icon-center .cws-icon {
margin-bottom: 20px;
width: 40px;
font-size: 40px;
}
.service-item.color-icon .cws-icon {
color: #31a5dd;
}
.cws-icon {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 50px;
color: #b5b5b5;
text-align: center !important;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.service-item h3{
font-size: 18px;
line-height: 1.3;
margin: 0 0 15px 0;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-family: 'Muli', sans-serif;
}
.service-item p {
font-size: 14px;
padding: 0;
font-family: 'Muli', sans-serif;
line-height: 20px;
}
.mb-30{
margin-bottom: 30px;
}
@media (max-width: 767px){
.flex {
display: block;
}
}
.touristpoint-main-content {
padding: 110px 0px 60px 0px;
}
.touristpoint-main-section {
width: 100%;
position: relative;
}
.touristpoint-faq-page-full {
background-image: url(../img/faq-background-img.jpg);
background-repeat: no-repeat;
background-position: center;
}
.touristpoint-faq-transparent:before {
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #ffffff;
position: absolute;
opacity: 0.9!important;
}
.touristpoint-fancy-title {
margin: 0px 0px 40px;
}
.touristpoint-fancy-title{
float: left;
width: 100%;
}
.touristpoint-fancy-title h2 {
margin: 0px 0px 28px;
display: inline-block;
font-size: 24px;
position: relative;
padding: 0px 0px 17px;
line-height: 1;
}
.touristpoint-bgcolor, .touristpoint-bgcolorhover:hover, .touristpoint-ticket-tabs .nav-tabs > li > a, .touristpoint-ticket-tabs .nav-tabs > li > a:hover, .touristpoint-ticket-tabs .nav-tabs > li > a:focus, .touristpoint-tab-form form ul li input[type="submit"], .ui-slider .ui-slider-range, .touristpoint-fancy-title h2:before, .touristpoint-fancy-title h2:after, .touristpoint-services ul li span, .touristpoint-services ul li span:before, .touristpoint-services ul li span:after, .touristpoint-tour-modern figure > a i, .touristpoint-blog-modern figure a i, .touristpoint-blog-modern-text time, .touristpoint-blog-modern-text time:before, .touristpoint-footer-newsletter form input[type="submit"], .touristpoint-footer-title h2:before, .touristpoint-footer-title h2:after, .touristpoint-blog-heading time, .touristpoint-blog-heading time:before, blockquote:before, .touristpoint-section-heading h2:before, .touristpoint-section-heading h2:after, .touristpoint-related-blog figure a i, .thumb-list:hover .comment-reply-link, .comment-respond form p input[type="submit"], .touristpoint-widget-heading h2:before, .touristpoint-widget-heading h2:after, .widget_cetagories ul li:after, .touristpoint-blog-grid figure a i, .touristpoint-blog ul li:hover .touristpoint-readmore-btn:before, .touristpoint-blog ul li:hover .touristpoint-readmore-btn:after, .touristpoint-blog-large figure a i, .touristpoint-shop-summery .touristpoint-readmore-btn:hover:before, .touristpoint-shop-summery .touristpoint-readmore-btn:hover:after, .touristpoint-shop-tabs .nav-tabs li.active:before, .touristpoint-shop-grid figure > span, .touristpoint-shop-grid figure a i, .touristpoint-shop-list figure > span, .touristpoint-shop-list figure a i, .touristpoint-shop ul li:hover .touristpoint-readmore-btn:before, .touristpoint-shop ul li:hover .touristpoint-readmore-btn:after, .touristpoint-related-tour figure a i, .widget_tabs h2, .touristpoint-tour figure a > span, .touristpoint-tour ul li:hover .touristpoint-readmore-btn:before, .touristpoint-tour ul li:hover .touristpoint-readmore-btn:after, .bar-container .bar > small, .touristpoint-error-btn, .touristpoint-contact-us ul li i, .touristpoint-contact-us-text form ul li label input[type="submit"], .touristpoint-search-result-text form label input[type="submit"], .touristpoint-faq-accordion .panel-title > a:before, .touristpoint-priceplan-wrap h2, .touristpoint-priceplan-heading, .touristpoint-Pricing-Plan ul li:hover .touristpoint-pricepln-btn{
background-color: #31a5dd;
}
.touristpoint-fancy-title h2:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 80px;
height: 2px;
}
.touristpoint-fancy-title h2:after {
content: '';
position: absolute;
left: 90px;
bottom: -1px;
width: 5px;
height: 5px;
border-radius: 100%;
}
.touristpoint-faq-page {
float: left;
width: 100%;
margin: 0px 0px 34px;
}
.touristpoint-faq-accordion {
float: left;
width: 100%;
position: relative;
}
.touristpoint-faq-accordion:before {
content: '';
left: 24px;
top: 0px;
width: 2px;
height: 100%;
background-color: #f5f5f5;
position: absolute;
}
.touristpoint-faq-accordion .panel {
box-shadow: none;
}
.touristpoint-faq-accordion .panel {
background-color: transparent;
}
.touristpoint-faq-accordion .panel-default {
position: relative;
border: none;
}
.touristpoint-faq-accordion .panel-default > .panel-heading {
background-color: transparent;
padding: 0px 0px 10px;
}
.touristpoint-faq-accordion .panel-title > a {
color: #363636;
padding: 12px 0px 0px 79px;
display: block;
}
.touristpoint-faq-accordion .panel-title > .collapsed:before {
content: "\f29c";
left: 0px;
top: 0px;
font-family: 'FontAwesome';
position: absolute;
color: #808285;
background-color: #f5f5f5;
height: 50px;
font-size: 20px;
width: 50px;
text-align: center;
border-radius: 100%;
padding-top: 14px;
padding-left: 2px;
}
.touristpoint-faq-accordion .panel-title > a:before {
content: "\f011";
left: 0px;
top: 0px;
font-family: 'FontAwesome';
position: absolute;
color: #ffffff;
height: 50px;
font-size: 20px;
width: 50px;
text-align: center;
border-radius: 100%;
padding-top: 14px;
padding-left: 2px;
}
.touristpoint-faq-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
border: none;
color: #808285;
}
.touristpoint-faq-accordion .panel-body {
padding: 17px 0 0px 79px;
}
.touristpoint-faq-accordion .panel-body p {
margin: 0px;
line-height: 26px;
letter-spacing: 1px;
}
.touristpoint-faq-accordion.panel-group .panel + .panel {
margin-top: 45px;
}
.touristpoint-faq-accordion .panel-title > a:after {
content: '';
position: absolute;
left: 3px;
top: 3px;
border: 1px dashed #ffffff;
width: 44px;
height: 44px;
border-radius: 100%;
}
.touristpoint-faq-transparent{
position: static!important;
}
.touristpoint-faq-accordion .panel-title > a:hover,a:focus{
text-decoration: none;
}
.section.sm{
padding: 60px 0;
}
.section-title.alt {
margin: 0 0 55px;
}
.section-title h3 {
line-height: 1;
margin: 0;
position: relative;
font-style: italic;
}
.font-italic {
font-style: italic !important;
}
.section-title.alt h3:before {
content: "";
position: absolute;
left: 50%;
bottom: -22px;
height: 3px;
width: 45px;
border-top: 1px dotted #20B3E8;
border-bottom: 1px dotted #20B3E8;
margin-left: -22px;
}
.section-title.alt p {
margin: 35px 0 0;
}
.section-title p {
font-weight: 300;
margin: 25px 0 0;
color: #B0B0B0;
font-size: 22px;
line-height: 1.4;
}
.tab-style-01-wrapper ul {
text-align: center;
margin: 0 0 40px;
border-top: 2px solid #E4E4E4;
border-bottom: 2px solid #E4E4E4;
}
.tab-style-01-wrapper ul li {
display: inline-block;
margin: 0 3px 0 2px;
}
.tab-style-01-wrapper ul li a {
display: block;
padding: 20px;
color: #333;
font-size: 17px;
position: relative;
font-weight: 700;
line-height: 1;
}
.tab-style-01-wrapper ul li a:before {
content: "";
position: absolute;
top: -2px;
left: 0;
right: 0;
height: 2px;
background: transparent;
}
.tab-style-01-wrapper ul li a:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 2px;
background: transparent;
}
.tab-style-01-wrapper ul li.active a, .tab-style-01-wrapper ul li.active:hover a{
color: #20B3E8;
}
.external-search-form-wrapper {
border: 2px solid #20B3E8;
position: relative;
padding-left: 230px;
}
.external-search-form-wrapper .image {
background: #ffffff;
position: absolute;
border-right: 2px solid #31a5dd;
top: 0;
bottom: 0;
left: 0;
width: 230px;
}
.external-search-form-wrapper .image-inner {
padding: 13px 20px;
}
.external-search-form {
padding: 25px 25px 10px;
}
.row.gap-10 {
margin-right: -5px;
margin-left: -5px;
}
.form-icon-left, .form-icon-right{
position: relative;
}
.form-icon-left .form-control {
padding-left: 33px;
}
.form-icon-left .icon {
left: 12px;
}
.form-icon-left .icon, .form-icon-right .icon {
position: absolute;
bottom: 5px;
color: #BABABA;
font-size: 13px;
}
.hotel-item {
position: relative;
text-align: center;
line-height: 1.4;
border: 1px solid #E4E4E4;
margin-bottom: 30px;
}
.hotel-item .image {
margin: -1px -1px 0;
}
.hotel-item .price {
background: #20B3E8;
color: #FFF;
width: 84px;
height: 84px;
border-radius: 50%;
margin: -42px auto 15px;
line-height: 1.2;
font-size: 12px;
display: table;
border: 3px solid #FFF;
position: relative;
}
.hotel-item .price-inner {
display: table-cell;
vertical-align: middle;
}
.hotel-item .price span {
display: block;
font-size: 18px;
font-weight: 700;
}
.hotel-item .hotel-content {
padding: 0 15px 105px;
}
.hotel-item h5 {
line-height: 1;
margin: 0 0 5px;
}
.hotel-item .hotel-location {
color: #BABABA;
font-style: italic;
}
.hotel-item .hotel-bottom {
border-top: 1px solid #E4E4E4;
background: #FAF9F9;
padding: 20px 15px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.hotel-item .hotel-bottom .btn {
margin-top: 5px;
padding-left: 10px;
padding-right: 10px;
}
.hotel-item img{
width: 100%;
}
.hotel-item:hover{
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.hotel-item{
transition: .3s ease-out;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.our-services .single-service {
text-align: center;
border: 1px solid #E5E5E5;
margin-bottom: 30px;
padding: 35px 0;
padding-top: 40px;
transition: all .4s ease;
position: relative;
}
.our-services .single-service:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 1px dashed #fff;
}
.our-services .single-service i {
font-size: 53px;
color: #7FC142;
transition: all .4s ease;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.our-services .single-service h3 {
font-size: 16px;
transition: all .4s ease;
/* font-style: italic; */
/* font-family: 'Lora'; */
color: #222222;
margin: 0;
margin-top: 15px;
font-weight: bold;
}
.our-services .single-service:hover {
background: #37a6ff;
border-color: #37a6ff;
}
.v-agent{
background: url(../img/veri-agent.png) center top no-repeat;
width: 100px;
height: 99px;
transition: .3s;
margin: 0 auto;
}
.single-service:hover .v-agent{
background-position: center bottom;
}
.c-pack{
background: url(../img/cust-pack.png) center top no-repeat;
width: 100px;
height: 99px;
transition: .3s;
margin: 0 auto;
}
.single-service:hover .c-pack{
background-position: center bottom;
}
.expert-pack{
background: url(../img/expert-guid.png) center top no-repeat;
width: 100px;
height: 99px;
transition: .3s;
margin: 0 auto;
}
.single-service:hover .expert-pack{
background-position: center bottom;
}
.hot-price{
background: url(../img/hot-price.png) center top no-repeat;
width: 100px;
height: 99px;
transition: .3s;
margin: 0 auto;
}
.single-service:hover .hot-price{
background-position: center bottom;
}
.party-pay{
background: url(../img/party-pay.png) center top no-repeat;
width: 100px;
height: 99px;
transition: .3s;
margin: 0 auto;
}
.single-service:hover .party-pay{
background-position: center bottom;
}
.money-safe{
background: url(../img/100-saf.png) center top no-repeat;
width: 100px;
height: 99px;
transition: .3s;
margin: 0 auto;
}
.single-service:hover .money-safe{
background-position: center bottom;
}
.single-service span{
font-weight: bold;
}
.single-service:hover {
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
}
.bottom-out {
top: 200px !important;
}
.bottom-out.animated {
top: 0px !important;
}
.fade-in {
opacity: 0;
}
.fade-in.animated {
opacity: 1;
}
.scale-less {
opacity: 0;
-ms-transform: scale(.8);
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
transform: scale(.8);
}
.scale-less.animated {
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.move-up {
top: 30px;
opacity: 0;
}
.move-up.animated {
top: 0;
opacity: 1;
}
.zoom-out {
opacity: 0;
-ms-transform: scale(5);
-webkit-transform: scale(5);
-moz-transform: scale(5);
transform: scale(5);
}
.zoom-out.animated {
-ms-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.small-spliter {
width: 50px;
}
.small-spliter.animated {
width: 20px;
}
@-webkit-keyframes grow {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
top: 110%;
}
100% {
opacity: 1;
top: 100%;
}
}
@keyframes grow {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
top: 110%;
}
100% {
opacity: 1;
top: 100%;
}
}
@keyframes grow-2 {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
top: 10%;
}
100% {
opacity: 1;
top: 0;
}
}
@-webkit-keyframes grow-2 {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
top: 10%;
}
100% {
opacity: 1;
top: 0;
}
}
.title-section-top {
font-size: 12px;
color: #ffc107;
text-transform: uppercase;
font-weight: 400;
margin: 0;
}
.title-section {
line-height: 1.3;
font-weight: 400;
text-transform: uppercase;
margin: 0;
color: #ffffff;
text-align: center;
font-weight: 800;
margin-bottom: 25px;
}
.mb-25 {
margin-bottom: 25px;
}
.mt-5 {
margin-top: 5px;
}
.cws_divider{
position: relative;
z-index: 1;
display: block;
width: 100%;
border-bottom: 2px solid #ffc107;
}
.title-icon {
color: #f0f4f7;
font-size: 130px;
text-align: right;
line-height: 1;
margin-right: 10px;
display: block;
}
.recom-item {
position: relative;
z-index: 1;
background: #ffffff;
overflow: hidden;
margin-bottom: 30px;
max-width: 770px;
margin-right: auto;
margin-left: auto;
}
.recom-item .recom-media {
position: relative;
z-index: 1;
width: 47%;
height: 100%;
float: right;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recom-item .recom-media .pic:before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-box-shadow: inset 0px -100px 60px -40px rgba(0, 0, 0, 0.8);
-moz-box-shadow: inset 0px -100px 60px -40px rgba(0, 0, 0, 0.8);
box-shadow: inset 0px -100px 60px -40px rgba(0, 0, 0, 0.8);
}
.recom-item .recom-media .pic img {
max-width: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 239px;
}
.recom-item .recom-media .location {
position: absolute;
z-index: 1;
bottom: 5px;
left: 50%;
width: 100%;
text-align: center;
color: #ffffff;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.recom-item .recom-item-body {
width: 53%;
padding: 30px 0 0 40px;
position: absolute;
z-index: 2;
top: 0;
left: 0;
height: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: #ffffff;
color: #b5b5b5;
}
.recom-item .recom-item-body:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-webkit-transform: skew(-15deg) translateX(32px);
-moz-transform: skew(-15deg) translateX(32px);
-ms-transform: skew(-15deg) translateX(32px);
-o-transform: skew(-15deg) translateX(32px);
transform: skew(-15deg) translateX(32px);
background: #ffffff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recom-item .recom-item-body .blog-title {
margin-top: 0;
text-transform: uppercase;
margin-bottom: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
margin-top: 10px;
color: #21313f;
margin-bottom: 0;
}
.recom-item .recom-item-body .recom-price span {
font-size: 26px;
color: #424d58;
vertical-align: middle;
}
.recom-item .recom-item-body .recom-button {
line-height: 44px;
position: absolute;
z-index: 1;
bottom: 0;
left: 40px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #a9b5c1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recom-item .recom-item-body .cws-button {
min-width: initial;
padding: 10px 34px;
padding-right: 16px;
padding-left: 24px;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
}
.recom-item .recom-item-body .cws-button:before {
content: '';
position: absolute;
z-index: 1;
right: 0;
top: 0px;
bottom: -2px;
right: 3px;
width: 20px;
background: #34a5dd;
-webkit-transform: skew(-15deg) translateX(8px);
-moz-transform: skew(-15deg) translateX(8px);
-ms-transform: skew(-15deg) translateX(8px);
-o-transform: skew(-15deg) translateX(8px);
transform: skew(-15deg) translateX(8px);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.recom-item .recom-item-body .action {
position: absolute;
z-index: -2;
top: 30px;
right: -115px;
color: #ffffff;
background: #34a5dd;
font-size: 16px;
padding: 6px 15px 6px 30px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-weight: 600;
}
.recom-item:hover {
-webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.recom-item .recom-media:hover {
width: 100%;
}
.recom-item .recom-media:hover + .recom-item-body {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.recom-item .recom-media:hover + .recom-item-body:before {
-webkit-transform: skew(0) translateX(0);
-moz-transform: skew(0) translateX(0);
-ms-transform: skew(0) translateX(0);
-o-transform: skew(0) translateX(0);
transform: skew(0) translateX(0);
}
.recom-item .recom-media:hover + .recom-item-body .action {
right: -65px;
}
.cws-button.alt {
background: #34a5dd;
color: #ffffff;
font-size: 12px;
}
.cws-button.alt:hover {
color: #ffffff;
background: #22313f;
border-color: #22313f;
text-decoration: none;
}
.recom-item .recom-item-body .cws-button:hover:before {
background: #22313f;
}
.recom-item .recom-media:hover + .recom-item-body .cws-button:before {
-webkit-transform: skew(0) translateX(0);
-moz-transform: skew(0) translateX(0);
-ms-transform: skew(0) translateX(0);
-o-transform: skew(0) translateX(0);
transform: skew(0) translateX(0);
}
.bg-gray {
background: #fafafa;
}
.custom-packgae{
font-weight: 800;
text-transform: capitalize;
text-align: center;
}
.small-section{
padding: 50px 0;
}
.mt-40{
margin-top: 40px;
}
.star-rating, .stars {
display: inline-block;
position: relative;
line-height: 1;
font-size: 11px;
overflow: hidden;
vertical-align: middle;
}
.stars:before {
padding-left: 0px;
font-size: 10px;
line-height: 1;
}
.stars.stars-3:before {
content: "\f005\f005\f005";
}
.star-rating:before, .stars:before {
color: #0067b5;
}
.star-rating:before, .star-rating > span:before, .stars:before, .stars .stars-active{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: 8px;
}
.stars.stars-4:before {
content: "\f005\f005\f005\f005";
}
.stars.stars-2:before {
content: "\f005\f005";
}
.stars.stars-5:before {
content: "\f005\f005\f005\f005\f005";
}
.recom-item .recom-media:hover .pic img{
width: 100%;
height: 239px;
object-fit: cover;
}
@media (max-width: 560px){
.recom-item .recom-item-body {
padding: 15px 0 0 15px;
}
.recom-item .recom-item-body .blog-title {
font-size: 14px;
}
.recom-item .recom-item-body .recom-price span {
font-size: 20px;
}
.recom-item .recom-item-body p {
font-size: 14px;
line-height: 1.5;
}
.recom-item .recom-item-body .recom-button {
line-height: 30px;
bottom: 30px;
left: 10px;
font-size: 10px;
width: 100%;
text-align: center;
}
.recom-item .recom-item-body .cws-button {
min-width: 100%;
padding: 3px 0 3px 20px;
right: 2px;
text-align: center;
margin: 0 !important;
}
}
.packed .hotel-item .hotel-bottom{
background: #e4e4e4;
border-top: 1px solid #e4e4e4;
}
.packed .hotel-item{
background: #fafafa;
}
.packed .btn{
background: inherit;
padding: 9px 0;
color: #20b3e8;
font-size: 20px;
border-color: #20b3e8;
transition: .3s ease;
}
.packed .btn:hover{
background: #20b3e8;
color:#fff;
}
.hotel-location .lb-inclusions li{
text-transform:uppercase;
font-size: 12px;
line-height: 20px;
font-style: normal;
transition: .3s ease;
}
.hotel-location .lb-inclusions li:hover{
color:#fff;
}
.hotel-location .lb-inclusions li img{
width: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
.hotel-location .lb-inclusions ul{
margin: 15px 0 17px!important;
border: 0;
}
.hotel-location .lb-inclusions{
padding:0!important;
background: #22313f;
}
.custom-hotel{
padding: 0 0px 105px!important;
}
.custom-hotel p{
padding-left: 15px;
padding-right: 15px;
}
.packed{
padding: 20px 0;
}
.packed .slick-arrow{
position: absolute;
top: -15px;
right: 16px;
width: 30px;
transition: .3s ease;
cursor: pointer;
}
.packed img.left.slick-arrow {
right: 49px;
background: #20b3e8;
padding: 4px;
}
.packed img.right.slick-arrow {
background: #20b3e8;
padding: 4px;
}
.packed .slick-arrow:hover{
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
background: #22313f!important;
}
.bg-blue-40:before {
content: '';
display: block;
position: absolute;
opacity: 0.4;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #16344f;
}
.testimonial-item {
background: #ffffff;
margin: 0 15px;
padding-bottom: 35px;
max-width: 370px;
}
.testimonial-item .testimonial-top {
position: relative;
z-index: 1;
height: 100px;
}
.testimonial-item .testimonial-top .pic {
position: relative;
z-index: 1;
height: 100px;
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-item .testimonial-top .pic:before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.3);
}
.testimonial-item .testimonial-top .pic img {
position: absolute;
z-index: -1;
top: -35%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
max-width: none;
}
.testimonial-item .testimonial-top .author {
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -10px, 0);
-moz-transform: translate3d(-50%, -10px, 0);
transform: translate3d(-50%, -10px, 0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.testimonial-item .testimonial-top .author img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #ffffff;
object-fit: cover;
}
.testimonial-item .testimonial-body {
text-align: center;
margin-top: 90px;
}
.testimonial-item .testimonial-body .title {
font-weight: 400;
margin-bottom: 0;
}
.testimonial-item .testimonial-body .title span {
font-weight: 700;
}
.stars {
display: inline-block;
position: relative;
line-height: 1;
font-size: 11px;
overflow: hidden;
vertical-align: middle;
}
.stars.stars-5:before {
content: "\f005\f005\f005\f005\f005";
}
.stars:before {
padding-left: 0px;
font-size: 10px;
line-height: 1;
}
.testimonial-item .testimonial-body p {
padding: 0 13%;
margin-bottom: 20px;
}
.testimonial-item .testimonial-body .testimonial-button {
color: #424d58;
font-size: 12px;
position: relative;
z-index: 1;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-weight: 700;
}
.testimonial-item .testimonial-body .testimonial-button:before {
content: '';
position: absolute;
z-index: 1;
bottom: -5px;
left: 50%;
width: 30px;
height: 2px;
background: #31a5dd;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.owl-three-item .slick-arrow{
position: absolute;
top: -35px;
right: 6px;
width: 30px;
transition: .3s ease;
cursor: pointer;
}
.owl-three-item img.left.slick-arrow {
right: 39px;
background: #0064af;
padding: 4px;
}
.owl-three-item img.right.slick-arrow {
background: #0064af;
padding: 4px;
}
.owl-three-item .slick-arrow:hover{
box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
background: #22313f!important;
}
.test-head{
color: #ffffff;
text-align: center;
font-weight: 800;
margin-bottom: 25px;
}
.testimonial-item:hover .testimonial-top .pic {
height: 180px;
}
.testimonial-item:hover .testimonial-top .pic img {
top: 0;
}
.testimonial-item .testimonial-body .testimonial-button:hover{
text-decoration: none;
}
.cws_prlx_section .overlay {
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
}
.cws_prlx_section .overlay.opacity-8 {
background: rgba(0, 0, 0, 0.8);
}
.cws_prlx_section .overlay.half {
left: 50%;
}
.cws_prlx_section .overlay.pattern:before {
content: '';
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-repeat: repeat;
background-image: url(../img/pattern.html);
}
.cws_prlx_section .container,
.cws_prlx_section .content-prlx {
position: relative;
z-index: 12;
}
.cws_prlx_layer {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: none;
max-height: none;
}
@media (max-width: 992px) {
.cws_prlx_section .overlay.half {
left: 0;
}
}
.popular-destinations{
padding: 10px 0;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.single-service a{
color:inherit;
}
.single-service a:hover{
text-decoration: none;
}
.hot-deal .hotel-item .hotel-bottom{
background: #e4e4e4;
border-top: 1px solid #e4e4e4;
}
.hot-deal .hotel-item{
background: #fafafa;
}
.hot-deal .btn{
background: inherit;
padding: 9px 0;
color: #20b3e8;
font-size: 20px;
border-color: #20b3e8;
transition: .3s ease;
}
.hot-deal .btn:hover{
background: #20b3e8;
color:#fff;
}
.hotel-item .image {
position: relative;
}
.hotel-item .image::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hotel-item:hover .image::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.hotel-item .image{
overflow: hidden;
}
.colr-dblue{
color: #0067b5;
}
#list .available-hotels .avail-hotel-block {
margin-bottom: 0;
margin-top: 30px;
}
#list .avail-hotel-block {
background-color: #fff;
border: 1px solid #eee;
}
.search-hotels .feature-image {
overflow: hidden;
}
.available-hotels .feature-image img {
height: 250px;
width: 100%;
}
.available-hotels .hotel-heading {
border-bottom: 1px solid #eee;
display: inline-block;
padding: 15px;
width: 100%;
}
#list .hotel-heading > h4{
color: #000;
font-size: 16px;
font-weight: 700;
margin-bottom: 4px;
margin-top: 0;
}
#list .hotel-heading > h4 a{
color: #22313f;
}
.available-hotels .hotel-info p {
line-height: 28px;
padding: 15px 15px 0;
}
.available-hotels .book-now {
border-left: 1px solid #eee;
}
.available-hotels .review {
border-bottom: 1px solid #eee;
padding: 16.5px 15px;
}
.available-hotels .review .rating i{
color: #34a5dd;
font-size: 12px;
margin: 0 1px 4px;
}
.available-hotels .booking {
padding: 20px 15px;
}
.available-hotels .booking .price {
font-size: 13px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
}
.available-hotels .booking .price span {
color: #80b538;
}
.available-hotels .booking .btn {
margin-bottom: 10px;
padding: 12px 0;
width: 100%;
}
.btn.green {
background-color: #22313f;
color: rgba(255, 255, 255, 0.78);
transition: .3s;
}
.available-hotels .booking .btn:last-child {
margin: 0;
}
.btn.yellow {
background-color: #34a5dd;
color: rgba(255, 255, 255, 0.78);
transition: .3s;
}
.co-pagination .pagination {
background-color: #ffffff;
border: 1px solid #eeeeee;
border-radius: 0;
line-height: 1px;
margin-top: 0;
padding: 20px 30px;
margin-bottom: 0;
text-align: center;
width: 100%;
}
.co-pagination .pagination>li:first-child {
float: left;
}
.co-pagination li:not(:last-child) {
margin-right: 10px;
}
.pagination>li {
display: inline-block;
}
.co-pagination .pagination>li:first-child a{
width: auto;
height: auto;
}
.co-pagination .pagination li a {
border: medium none;
border-radius: 0;
color: #999;
font-weight: 700;
height: auto;
line-height: 20px;
padding: 0;
width: auto;
}
.co-pagination ul{
list-style: none;
}
.search-hotels .co-pagination {
margin-top: 30px;
}
.bg-color {
background-color: #f6f6f6;
}
.btn.yellow:hover, .btn.green:hover{
color:#fff;
}
.co-pagination .pagination li a:hover, .co-pagination .pagination li.active a, .co-pagination .pagination li a:focus {
background-color: transparent;
color: #000;
}
#list .hotel-heading > h4 a:hover {
text-decoration: none;
}
.secure{
background: url(../img/locker.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
}
/*#travel-form {
overflow: visible;
}*/
.extented.banner-fm .travel-form.v1 .inner {
border: medium none;
}
.banner-fm .travel-form.v1 .inner {
border: 1px solid #eee;
display: inline-block;
width: 100%;
}
.banner-fm .travel-form.v1 .tab-content {
background-color: #fff;
padding: 50px 15px;
box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.05);
}
.banner-fm .tab-content>.active {
background-color: transparent;
display: inline-block;
}
.banner-fm .travel-form.v1 .form-group {
margin: 0;
}
.banner-fm .travel-form.v1 .form-group>label, .banner-fm .travel-form.v2 .form-group>label {
font-size: 11px;
color: #000;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 600;
}
.banner-fm .travel-form.v1 .form-group>label>i, .banner-fm .travel-form.v2 .form-group>label>i {
color: #34a5dd;
}
.banner-fm .travel-form.v1 .form-group>label>i,.banner-fm .travel-form.v2 .form-group>label>i {
margin-right: 7px;
}
.banner-fm .travel-form input{
background-color: #f6f6f6;
border: 1px solid #eee;
border-radius: 0;
box-shadow: none;
color: #999;
display: block;
font-size: 12px;
height: 53px;
line-height: 1.42857;
padding: 6px 12px;
}
.banner-fm .travel-form input:focus{
border-color: #f0f0f0 !important;
box-shadow: none !important;
background-color: #fff !important;
}
.banner-fm .travel-form .form-group .input-group input {
border-right: medium none;
}
.banner-fm .travel-form{
z-index: 99;
}
.banner-fm .travel-form.v1 .btn[type="submit"], .banner-fm .travel-form.v2 .btn[type="submit"] {
height: 53px;
width: 100%;
margin-top: 33px;
background: #34a5dd;
color: #fff;
transition: .3s;
}
.banner-fm .travel-form.v1 .btn:hover{
background: #22313f;
}
.bgs-head{
background: #fff;
padding: 13px;
border-bottom: 1px solid #eee;
}
.bgs-head h3{
/* background: #fff; */
margin-bottom: 0;
padding-bottom: -1px;
/* border-bottom: 1px solid #eee; */
/* padding-top: 0px; */
/* padding-left: 14px; */
margin-top: 0;
font-size: 2.5em;
text-transform: uppercase;
font-weight: bold;
color: #21313f;
}
.bgs-head h3 span{
color: #00aeef;
}
.social li a{
color: rgba(39, 39, 39, 0.86);
transition: .3s;
}
.menu-hedr{
background: #fff;
}
.b1 {
animation: stroke_fill 4s linear forwards infinite;
stroke-dasharray: 324.774;
stroke-dashoffset: 324.774;
}
@keyframes stroke_fill {
0% {
fill: white;
}
50% {
fill: white;
stroke-dashoffset: 0;
}
100% {
fill: #22313F;
stroke-dashoffset: 0;
}
}
.b2 {
animation: stroke_fils 4s linear forwards infinite;
stroke-dasharray: 324.774;
stroke-dashoffset: 324.774;
}
@keyframes stroke_fils {
0% {
fill: white;
}
50% {
fill: white;
stroke-dashoffset: 0;
}
100% {
fill: #34A5DD;
stroke-dashoffset: 0;
}
}
.b3 {
animation: stroke_files 4s linear forwards infinite;
stroke-dasharray: 324.774;
stroke-dashoffset: 324.774;
}
@keyframes stroke_files {
0% {
fill: white;
}
50% {
fill: white;
stroke-dashoffset: 0;
}
100% {
fill: #000000;
stroke-dashoffset: 0;
}
}
.kh-bar .navbar-brand svg{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.kh-bar.offset .navbar-brand svg{
transform: scale(0.7);
}
.kh-bar .navbar-nav>li>a::before{
position: absolute;
top: 65%;
left: 50%;
color: transparent;
content: "•";
text-shadow: transparent 0px 0px;
font-size: 1.2em;
transform: translateX(-50%);
pointer-events: none;
transition: text-shadow 0.3s, color 0.3s;
}
.khbar .navbar-nav li a{
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
color: #999!important;
}
.khbar .navbar-nav li a:hover{
color: #ba7700;
}
.kh-bar .navbar-nav li a:hover::before{
color: #364451!important;
text-shadow: 10px 0 #364451, -10px 0 #364451;
}
.khbar .navbar-nav li.active a{
color: #ba7700!important;
}
.kh-bar .navbar-nav li.active a::before{
color: #364451!important;
text-shadow: 10px 0 #364451, -10px 0 #364451;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #21313f;
background-color: transparent;
}
#loader{
width: 100%;
height: 100%;
position: fixed;
background-color: #fff;
z-index: 999999;
top: 0;
}
#loader .loader-item{
position: absolute;
width: auto;
height: 100%;
top: 50%;
left: 50%;
text-align: center;
-webkit-transform: translate(-50%, -10%);
-ms-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
}
#loader .loader-item img{
display: block;
}
#loader .loader-item svg{
display:block;
}
.dropdown-menu {
transform: translateY(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
visibility: hidden;
opacity: 0;
display: block;
}
.open .dropdown-menu {
visibility: visible; /* shows sub-menu */
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
a.float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
left: 40px;
background-color: #21313f;
color: #FFF;
border-radius: 50px;
text-align: center;
box-shadow: 2px 2px 3px #999;
}
i.fa.fa-pencil.my-float {
margin-top: 19px;
font-size: 22px;
color: #fff;
}
div.social-float-parent {
width: 100%;
position: relative;
}
div#social-float {
width: 60px;
height: 60px;
bottom: 40px;
left: 40px;
background-color: #21313f;
color: #FFF;
border-radius: 50px;
text-align: center;
z-index: 99999;
box-shadow: 2px 2px 3px #999;
}
.cont-slider img{
height: 450px!important;
object-fit: cover;
}
.navigation a.btn{
background: #eee;
border: #eee;
box-shadow: inherit;
color: #5f5f5f;
border-radius: 0;
-webkit-transition: .3s ease-out;
transition: .3s ease-out;
}
@media(min-width: 992px){
.navigation a.btn{
width: 15%;
}
}
.navigation a.btn:hover{
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
@media(max-width: 767px){
.banner-fm .tab-content>.active{
display: block;
}
body{
overflow-x: hidden;
}
}
#rev_slider_7_1_forcefullwidth * {
overflow: visible!important;
}
body{
overflow-x: hidden;
}
.action.v6 {
background-color: #f6f6f6;
overflow: visible;
}
.rev-btn:hover{
background-color: #22313f!important;
border-color: #22313f!important;
color:#fff!important;
}
.rev-btn{
transition: .3s;
}
#travel-form.extented.banner-fm{
padding: 40px 0;
}
.card{
background-color: #ffffff;
box-shadow: 0 0 20px 0px rgb(214, 227, 234);
min-height: 525px;
}
.plr-2{
padding: 0 2em;
}
.pb-2{
padding-bottom: 2em;
}
.pl-15{
padding-left: 15px;
}
.dest{
background-color: azure;
}
#myImg {
border-radius: 5px;
cursor: pointer;
transition: 0.3s;
}
#myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 2000; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (image) */
.modal-content {
margin: auto;
display: block;
width: 100%;
max-width: 700px;
background: transparent;
box-shadow: none;
}
/* Caption of Modal Image */
#caption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
/* Add Animation */
.modal-content, #caption {
-webkit-animation-name: zoom;
-webkit-animation-duration: 0.6s;
animation-name: zoom;
animation-duration: 0.6s;
}
.modal-body {
padding: 0;
}
.modal-footer{
border: none;
}
.modal-footer .btn-default{
color: #fff;
background-color: transparent;
border-color: #2c46ff;
}
@-webkit-keyframes zoom {
from {-webkit-transform:scale(0)}
to {-webkit-transform:scale(1)}
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
/* The Close Button */
.close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
.modal-content {
width: 100%;
}
}
li.dropdown:hover .dropdown-menu {
display: block!important;
visibility: visible;
opacity: 1;
z-index: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
.yamm-fw .dropdown-menu li a{
font-weight: 400;
line-height: 1.42857143;
color: #333;
}
#gallery{
background-color: #216fb8;
}
#gallery img{
border-radius: 10px;
margin-bottom: 50px;
box-shadow: 0 0 10px 1px #0798ffa6;
}
#gallery .colr-dblue{
color: #ffff;
}
#gallery .slick-dots li.slick-active button:before{
color: #fff;
font-size:24px;
}
.destinations{
background: #f1f1f1;
}
.navbar-toggle {
padding: 9px 10px;
margin-top: 30px;
margin-right: 10%;
margin-bottom: 0;
}
.about-description h2, .about-description h4{
color: #fff;
font-weight: 500;
}
@media(min-width: 991px){
.about-description img{
padding-top: 70px;
}
.about-description h2, .about-description h4{
text-align: center
}
}
section.tnc, section.banner{
margin-top: 60px;
}
@media(max-width:991px){
section.banner{
margin-top: 40px;
}
}