/
/* 01. General Style */
/* ================================================== */
/* Google Font */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap');
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
color: #3c3c3c;
line-height: 25px;
font-weight: 400;
}
figure {
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0px;
margin: 0px;
font-family: 'Source Sans Pro', sans-serif;
color: #3c3c3c;
font-weight: 400;
}
h1 {
font-size: 72px;
}
h2 {
font-size: 50px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
p {
padding: 0px;
margin: 0px;
font-family: 'Source Sans Pro', sans-serif;
color: #3c3c3c;
font-weight: 400;
font-size: 17px;
}
ol,
ul {
margin-bottom: 0px;
}
a {
text-decoration: none !important;
outline: none;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
img {
max-width: 100%;
}
label {
font-weight: normal;
}
::-webkit-input-placeholder {
opacity: 1;
}
:-moz-placeholder {
/* Firefox 18- */
opacity: 1;
}
::-moz-placeholder {
/* Firefox 19+ */
opacity: 1;
}
:-ms-input-placeholder {
opacity: 1;
}
input,
select,
textarea {
font-size: 14px;
line-height: 24px;
font-family: 'Source Sans Pro', sans-serif;
color: #128bcb;
}
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: all 0.3s ease 0s;
cursor: pointer;
}
input:focus,
textarea:focus,
select:focus {
outline: none;
}
textarea {
overflow: auto;
resize: none;
}
select::-ms-expand {
display: none;
}
img {
border: 0;
display: inline-block;
max-width: 100%;
}
:focus {
outline: none;
}
a {
text-decoration: none;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
color: #3c3c3c;
}
a:hover {
text-decoration: none;
}
ul,
li {
padding: 0;
margin: 0;
list-style: none;
}
.btn.focus,
.btn:focus {
outline: none;
box-shadow: none;
}
/* ================================================== */
/* 02. Header */
/* ================================================== */
header {
background: transparent;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9;
}
header.header-small {
box-shadow: 0px 0px 5px #c1c1c1;
z-index: 9;
transition: all 0.3s ease 0s;
opacity: 0.9;
background: #18196e;
}
header.header-small .header-top {
display: none;
transition: all 0.3s ease 0s;
}
.header-top {
padding: 0 0;
background: #f3f3f3b9;
}
.header-top img{
border: 0;
display: inline-block;
max-width: 100%;
padding: 10px;
}
.top-left {
display: inline-block;
}
.top-right {
display: inline-block;
float: right;
margin-top: 40px;
}
.top-right .left {
display: inline-block;
}
.top-right .right {
display: inline-block;
}
.top-right .left ul li {
display: inline-block;
border-right: 2px solid #000;
padding-right: 20px;
margin-right: 15px;
margin-top: 15px;
}
.top-right .left ul li:last-child {
border-right: none;
}
.top-right .left ul li a {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #000;
}
.top-right .left ul li a:hover {
color: #d62128;
text-decoration: underline !important;
}
.navbar {
padding: 0;
}
.header-bottom {
background: rgba(12, 14, 102, 0.5);
padding: 10px 0;
}
.header-bottom .bottom-left {
display: inline-block;
}
.header-bottom .bottom-right {
display: inline-block;
}
.header-bottom .bottom-left ul.navbar-nav li {
display: inline-block;
padding: 0 20px;
}
.header-bottom .bottom-left ul.navbar-nav li a {
padding: 0 10px;
font-size: 18px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 3px solid transparent;
color: #fff;
padding-bottom: 16px;
}
.header-bottom .bottom-left ul.navbar-nav li a:hover {
color: #d62128;
border-color: #d62128;
}
.header-bottom .bottom-left ul.navbar-nav li.nav-item.active a {
color: #d62128;
border-color: #d62128;
}
.header-bottom .bottom-right ul li {
display: inline-block;
}
.header-bottom .bottom-right ul li a {
display: inline-block;
background: #fff;
color: #090a62;
border-radius: 50%;
font-size: 18px;
line-height: 25px;
padding: 5px;
width: 35px;
height: 35px;
vertical-align: middle;
text-align: center;
margin-left: 15px;
}
.header-bottom .bottom-right ul li a:hover {
background: #fdb531;
}
.btn.book-ride {
font-size: 18px;
line-height: 24px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
background: #4FA095;
padding: 12px 24px;
border-radius: 8px;
border: 0;
}
.btn.book-ride:hover {
opacity: 0.9;
transition: all 0.3s ease 0s;
}
/* ================================================== */
/* 03. Navigation */
/* ================================================== */
/* ================================================== */
/* 04. Home Page */
/* ================================================== */
/*-----------------------
Banner
-----------------------*/
.content {
float: left;
width: 100%;
}
.banner-home {
background: url(../images/banner/back_dark.jpg) top center no-repeat;
background-size: cover;
}
.banner-box {
padding: 190px 0 250px;
text-align: center;
max-width: 750px;
margin: 0 auto;
}
.banner-home .banner-box h1 {
font-size: 60px;
color: #fff;
display: block;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
}
.banner-home .banner-box h1 span {
color: #fff;
display: block;
}
.banner-home .banner-box p {
font-size: 20px;
font-weight: bold;
line-height: 24px;
color: #fff;
}
/*-----------------------
Search Section
-----------------------*/
.search-section .tab-sec {
width: 100%;
}
.search-section .tab-sec {
background: #fdb531;
text-align: center;
position: relative;
margin-top: -40px;
}
.search-section .tab-sec:before {
position: absolute;
content: "";
left: 0;
bottom: -30px;
background: url(../images/left-shadow.png) no-repeat left bottom;
width: 375px;
height: 30px;
}
.search-section .tab-sec:after {
position: absolute;
content: "";
right: 0;
bottom: -30px;
background: url(../images/right-shadow.png) no-repeat right bottom;
width: 375px;
height: 30px;
}
.search-section .tab-sec .nav-tabs .nav-link {
display: inline-block;
border-radius: 15px;
background: #efa316;
border: 2px solid#ffea93;
width: 22%;
margin: 0 1%;
padding: 10px;
text-align: center;
vertical-align: middle;
}
.search-section .tab-sec .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.search-section .tab-sec .nav-tabs .nav-link:focus,
.search-section .tab-sec .nav-tabs .nav-link:hover {
background: #ef540f;
border-color: #ef540f;
color: #fff;
}
.search-section .tab-sec .nav {
display: inline-block;
margin: 0 auto;
}
.search-section .tab-sec .nav-tabs {
border: none;
padding: 15px 0
}
.search-section .tab-sec .nav-tabs .nav-link p {
font-size: 13px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
}
.search-section .tab-sec .tab-details figure img {
margin-top: -180px;
}
.search-section .tab-sec .form-inline .form-control {
font-size: 18px;
line-height: 24px;
color: #9f9f9f;
border-radius: 7px;
height: 50px;
width: 239px;
}
.search-section .tab-sec .form-inline .form-control2 {
font-size: 18px;
line-height: 24px;
color: #6f6e6e;
border-radius: 7px;
height: 50px;
width: 500px;
margin-bottom: 20px;
}
.font-size{
font-size: 17px;
}
.font-size2{
font-size: 15px;
line-height: 1.42857143;
color: #555;
}
.search-section .tab-sec .form-inline .form-group {
margin: 0 5px;
display: inline-block;
}
.search-section .tab-sec .form-control:focus {
box-shadow: none;
border-color: transparent;
}
.search-section .tab-sec .form-inline {
display: inline-block;
padding: 0 0 30px;
}
/*-----------------------
We Offer Section
-----------------------*/
.sec-pd {
padding-top: 25px;
padding-bottom: 58px;
}
.section-title {
text-align: center;
max-width: 900px;
margin: 0 auto;
padding-bottom: 50px;
}
.section-title h3 {
color: #d62128;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
}
.section-title h2 {
font-weight: 700;
line-height: 55px;
text-transform: uppercase;
}
.section-title p {
color: #8a8a8a;
font-size: 22px;
line-height: 28px;
}
.we-offer ul {
display: inline-block
}
.we-offer ul li {
width: 24.5%;
display: inline-block;
}
.we-offer ul li:last-child .offer-colm {
border: none;
}
.offer-colm h3 {
font-size: 25px;
line-height: 28px;
padding: 20px 0 10px;
}
.offer-colm p {
font-size: 17px;
line-height: 24px;
}
.offer-colm {
text-align: center;
border-right: 1px solid #d3d3d3;
padding: 15px;
}
/*-----------------------
Download App Section
-----------------------*/
.download-app {
background: url(../images/download-app-banner.jpg) top center no-repeat;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.download-app .section-title {
padding: 180px 0 200px;
text-align: left;
}
.download-app .section-title h2 {
color: #fff;
}
.download-app .section-title p {
font-size: 20px;
color: #fff;
padding: 15px 0 35px;
}
.download-app .section-title ul li {
display: inline-block;
}
.download-app .section-title ul li:first-child {
margin-right: 20px;
}
.download-app-right {
padding-top: 60px;
}
/*-----------------------
Contact Us Section
-----------------------*/
.contact-us .section-title {
text-align: left;
padding-bottom: 0;
}
.contact-us .section-title p {
font-size: 17px;
line-height: 26px;
padding: 10px 0 25px;
color: #3c3c3c;
}
.contact-us .section-title h2 {
font-size: 48px;
}
.video-colm iframe {
width: 100%;
}
.contact-us.inner-pg .section-title h2 {
line-height: 47px;
}
/*-----------------------
Car Classes & Rates Section
-----------------------*/
.car-category {
background: #ececec;
}
.category-colm {
text-align: center;
border: 2px solid #d8d8d8;
border-radius: 8px;
padding: 30px 30px;
background: #fff;
}
.category-colm h3 {
font-size: 25px;
line-height: 28px;
padding-top: 15px;
}
.category-colm p {
font-size: 17px;
line-height: 24px;
padding: 10px 0;
}
.category-colm h4 {
font-size: 22px;
line-height: 24px;
color: #fdb531;
}
/*-----------------------
Latest News Section Section
-----------------------*/
.news-blk {
display: flex;
border: 1px solid#bcbcbc;
margin-bottom: 30px;
}
.news-blk:hover {
box-shadow: 0 0 5px #bcbcbc;
}
.news-blk .img-ar {
flex-shrink: 0;
border-right: 1px solid#bcbcbc;
}
.news-blk .txt-ar {
padding: 15px 15px;
}
.news-blk .txt-ar h3 {
line-height: 28px;
font-weight: 600;
border-bottom: 1px solid #c9c9c9;
padding-bottom: 10px;
margin-bottom: 10px;
}
.news-blk .txt-ar h5 {
font-size: 15px;
line-height: 23px;
color: #ef540f;
font-weight: 600;
text-transform: uppercase;
}
.news-blk .txt-ar h5 .svg-inline--fa {
color: #5f5f5f;
}
.news-blk .txt-ar p {
font-size: 16px;
line-height: 23px;
padding: 10px 0;
}
.news-blk .txt-ar span{
font-size: 15px;
line-height: 23px;
color: #ef540f;
font-weight: 600;
text-transform: uppercase;
}
.news-blk .txt-ar span .svg-inline--fa {
margin-left: 10px;
}
.news-blk .txt-ar span:hover .svg-inline--fa {
margin-left: 15px;
transition: all 0.3s ease 0s;
}
.news-blk .txt-ar h5 .svg-inline--fa {
margin-right: 10px;
}
.veiw-all-news {
text-align: center;
margin-top: 20px;
}
/*-----------------------
Our Benefits Section
-----------------------*/
.our-benefits {
background: url(../images/banner/index.png) center center no-repeat;
background-size: cover;
padding-bottom: 40px;
}
.our-benefits .section-title h2 {
color: #fff;
}
.benefits-colm {
text-align: center;
margin-bottom: 40px;
padding: 0 40px;
}
.benefits-colm h3 {
color: #fff;
padding: 15px 0 10px;
font-size: 25px;
}
.benefits-colm p {
color: #fff;
}
/*-----------------------
Earn with us Section
-----------------------*/
.earn-with-us .section-title {
text-align: left;
padding-bottom: 0;
}
.earn-with-us .section-title p {
color: #3c3c3c;
font-size: 16px;
line-height: 24px;
padding: 10px 0 25px 0px;
}
.earn-with-us ul {
display: inline-block;
padding-right: 100px;
margin-bottom: 50px;
}
.earn-with-us ul li {
font-size: 17px;
padding-bottom: 15px;
}
.earn-with-us ul li:last-child {
padding-bottom: 0;
}
.earn-with-us ul li .svg-inline--fa {
margin-right: 15px;
}
/*-----------------------
Testimonials Section
-----------------------*/
.testimonials-sec {
background: #ececec;
}
.item {
margin: 0 20px;
}
.testimonial {
border: 1px solid #3c3c3c;
padding: 40px;
position: relative;
}
.testimonial .pic {
float: left;
padding-right: 30px;
}
.testimonial .pic img {
width: 53px;
display: inline-block;
}
.testimonial .review p {
font-size: 18px;
line-height: 25px;
font-style: italic;
}
.testimonial .review {
position: relative;
}
.testimonial .review:before {
position: absolute;
display: inline-block;
content: "";
height: 30px;
width: 40px;
background: url(../images/testimonial-qoute.png) no-repeat center center;
left: 135px;
top: -20px;
}
.item .author {
padding-left: 85px;
padding-top: 7px;
}
.item .author h3 {
font-weight: 600;
line-height: 25px;
}
.item .author p {
font-size: 14px;
line-height: 25px;
font-style: italic;
}
.testimonial:after {
position: absolute;
display: inline-block;
content: "";
height: 60px;
width: 35px;
background: #ececec url(../images/testimonial-icon.png) no-repeat center center;
left: 40px;
bottom: -48px;
}
.testimonials-sec .owl-dots {
text-align: center;
margin-top: 20px;
}
.testimonials-sec button.owl-dot span {
height: 20px;
width: 20px;
background: #dbdbdb;
border-radius: 50%;
display: inline-block;
margin: 0 5px;
}
.testimonials-sec button.owl-dot.active span {
background: #b5b5b5;
}
.testimonials-sec button.owl-dot:focus {
outline: none;
}
/*-----------------------
Newsletter Subscribe Section
-----------------------*/
.email-subscribe-sec {
background: #d62128;
padding: 10px 0;
}
.email-subscribe-sec .left-text {
text-align: right;
}
.left-text h2 {
color: #ffffff;
font-size: 28px;
line-height: 58px;
}
.email-subscribe-sec .form-control {
border: none;
background-color: #fff;
height: 60px;
text-transform: capitalize;
font-size: 18px;
border-radius: 10px;
color: #9a9a9a;
background: #fff url(../images/mail-icon.png) left center no-repeat;
background-position: 20px;
padding: 0 20px 0 60px;
}
.email-subscribe-sec .form-control:focus {
border: none;
}
.email-subscribe-sec .input-group-text {
background: #ffffff;
color: #ef540f !important;
font-weight: 300;
font-size: 30px;
border: 0 !important;
border-radius: 0 10px 10px 0;
padding-right: 20px;
}
/* ================================================== */
/* 05.Footer */
/* ================================================== */
footer {
background: #333333;
padding: 45px 0 0;
}
footer .logo-sec img{
border: 0;
display: inline-block;
max-width: 100%;
}
footer .logo-sec p {
color: #fff;
font-size: 16px;
line-height: 24px;
padding: 25px 0;
}
.footer-socio li {
display: inline-block;
}
.footer-socio li a {
display: inline-block;
background: #fff;
color: #333333;
border-radius: 50%;
font-size: 18px;
line-height: 25px;
padding: 5px;
width: 35px;
height: 35px;
vertical-align: middle;
text-align: center;
margin-right: 15px;
}
.footer-socio li a:hover {
background: #d62128;
color: #fff;
}
footer h3 {
color: #fff;
font-size: 25px;
line-height: 30px;
text-transform: capitalize;
border-bottom: 1px solid #fff;
margin-bottom: 20px;
padding-bottom: 20px;
}
footer .services ul {
display: inline-block;
padding-right: 130px;
}
footer .services ul:last-child {
padding: 0;
}
footer .services ul li {
padding-bottom: 20px;
}
footer .services li a {
color: #fff;
font-size: 16px;
line-height: 1;
display: inline-block;
}
footer .get-in-touch p {
color: #fff;
padding-bottom: 20px;
font-size: 16px;
}
footer .get-in-touch ul li {
display: block;
padding-bottom: 20px;
}
footer .get-in-touch ul li a {
color: #fff;
display: inline-block;
font-size: 16px;
}
footer .get-in-touch .svg-inline--fa.fa-w-16,
footer .get-in-touch .svg-inline--fa.fa-w-12,
footer .get-in-touch .svg-inline--fa.fa-w-16 {
margin-right: 15px;
vertical-align: middle;
width: 20px;
font-size: 20px;
}
footer .get-in-touch {
padding-left: 50px;
}
.footer-bottom {
background: #1f1f1f;
text-align: center;
padding: 20px 0;
margin-top: 45px;
}
.footer-bottom p {
color: #fff;
font-size: 16px;
line-height: 24px;
}
footer ul li a:hover {
color: #d62128;
}
footer .services ul li:last-child {
padding-bottom: 0;
}
/* ================================================== */
/* 06. About Us Page */
/* ================================================== */
.banner-about-us {
background: url(../images/book-a-ride-banner.jpg) top center no-repeat;
background-size: cover;
}
.banner-gallery {
background: url(../images/contact-us-banner.jpg) top center no-repeat;
background-size: cover;
}
.tour-banner {
background: url(../images/banner/tour.png) top center no-repeat;
background-size: cover;
}
.service-banner {
background: url(../images/banner/service.png) top center no-repeat;
background-size: cover;
}
.inner-banner .banner-box {
padding: 250px 0 120px;
text-align: center;
max-width: 750px;
margin: 0 auto;
}
.inner-banner .banner-box h1 {
font-size: 64px;
color: #fff;
display: inline-block;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
}
.inner-banner .banner-box h1 span {
color: #d62128;
display: inline;
}
.inner-banner .banner-box p {
font-size: 20px;
line-height: 24px;
color: #fff;
}
/*-----------------------
Breadcrumb Section
-----------------------*/
.breadcrumb {
display: block;
background: #fff;
padding: 0;
margin: 0;
border-radius: 0;
padding-top: 10px;
}
.breadcrumb ol {
list-style: none;
}
.breadcrumb ol li {
display: inline-block;
text-transform: capitalize;
font-size: 16px;
line-height: 24px;
color: #b8b8b8;
}
.breadcrumb ol li a {
text-decoration: none;
color: #3c3c3c;
}
.breadcrumb ol li a:after {
content: "/";
padding-left: 10px;
color: #b8b8b8;
font-size: 16px;
line-height: 24px;
}
.breadcrumb-item+.breadcrumb-item::before {
display: none;
}
.breadcrumb-item+.breadcrumb-item {
padding: 0;
color: #b8b8b8;
padding-left: 10px;
}
.breadcrumb-item.active {
padding-left: 10px;
}
/*-----------------------
About Us Section
-----------------------*/
.inner-pd {
padding-top: 40px;
}
.about-us .section-title {
text-align: left;
padding-bottom: 0;
}
.about-us .section-title p {
font-size: 17px;
line-height: 24px;
padding: 10px 0 25px;
color: #3c3c3c
}
.right-block .text-ar h3 {
color: #fdb531;
font-weight: 600;
padding-bottom: 10px;
}
.right-block ul li {
display: flex;
margin-bottom: 30px;
}
.right-block ul li:last-child {
margin-bottom: 0;
}
.icon-ar {
flex-shrink: 0;
padding-right: 15px;
}
.icon-ar .svg-inline--fa {
vertical-align: middle;
font-size: 35px;
color: #fdb531;
}
/* ================================================== */
/* 07. Services Page */
/* ================================================== */
.banner-services {
background: url(../images/services-banner.jpg) top center no-repeat;
background-size: cover;
}
/*-----------------------
Services Section
-----------------------*/
.car-services {
padding-bottom: 50px;
}
.service-colm {
text-align: center;
border: 1px solid #d8d8d8;
padding: 30px 30px;
margin-bottom: 30px;
}
.service-colm h3 {
font-size: 25px;
line-height: 28px;
padding-top: 15px;
padding-bottom: 10px;
}
.service-colm:hover {
box-shadow: 0 0 5px #bcbcbc;
transition: all 0.3s ease 0s;
}
.service-colm:hover h3 {
color: #d62128;
transition: all 0.3s ease 0s;
}
/*-----------------------
Earn with us Section
-----------------------*/
.earn-with-us.abt {
background: #f1f1f1;
}
/* ================================================== */
/* 08. News Page */
/* ================================================== */
.news-banner {
background: url(../images/news-banner.jpg) top center no-repeat;
background-size: cover;
}
/* ================================================== */
/* 08-1. News Details Page */
/* ================================================== */
/*-----------------------
News Left Column
-----------------------*/
.news-details h2 {
font-size: 30px;
line-height: 38px;
font-weight: 600;
padding-bottom: 7px;
}
.list-head {
display: flex;
}
.left-list {
/* float:left; */
}
.left-list ul li {
display: inline-block;
padding-right: 20px;
color: #757575;
font-size: 15px;
line-height: 24px;
}
.left-list ul li .svg-inline--fa {
color: #fdb531;
margin-right: 10px;
}
.right-lists {
/* float:right; */
justify-content: flex-end;
margin-left: auto;
}
.right-lists ul li {
display: inline-block;
padding-left: 10px;
}
.news-details .right-lists ul li a {
display: inline-block;
background: #f00;
color: #fff;
border-radius: 4px;
font-size: 16px;
line-height: 16px;
padding: 5px;
width: 25px;
height: 25px;
vertical-align: middle;
text-align: center;
}
.news-details .right-lists ul li a:hover {
opacity: 0.7;
}
.news-details .right-lists ul li a.fb {
background: #506bb1;
}
.news-details .right-lists ul li a.twitter {
background: #60aade;
}
.news-details .right-lists ul li a.pinterest {
background: #bd081c;
}
.news-details .right-lists ul li a.linkedin {
background: #1b93ce;
}
.news-details p.news-qoute {
font-size: 21px;
font-weight: 600;
font-style: italic;
line-height: 30px;
padding: 20px 0;
}
.news-details p.news-qoute a {
color: #ed5623 !important;
}
.news-details p.news-qoute a:hover {
color: #fdb531!important;
}
.news-details .news p {
padding-bottom: 20px;
}
.news-details .news p:last-child {
padding-bottom: 0;
}
.news-details .news {
padding: 0px 0;
}
img.center {
text-align: center !important;
padding: 0 30px
}
/* Comment section */
.comment-outer {
display: block;
border-bottom: 1px solid#e8e8e8;
border-top: 1px solid#e8e8e8;
padding-bottom: 20px;
}
.comment-outer h3 {
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
padding: 40px 0 30px;
}
.comment-wrap {
display: flex;
margin-bottom: 20px;
}
.comment-wrap .comment-img {
flex-shrink: 0;
}
.comment-dtl {
border: 1px solid #d0d0d0;
padding: 20px;
margin-left: 30px;
position: relative;
background: #fcfcfc;
}
.comment-dtl .name {
display: inline-block;
font-size: 20px;
line-height: 24px;
padding-right: 5px;
text-transform: capitalize;
}
.comment-dtl .country {
display: inline-block;
font-size: 18px;
line-height: 24px;
text-transform: capitalize;
}
.comment-dtl .date {
display: inline-block;
color: #757575;
font-size: 14px;
line-height: 24px;
text-transform: capitalize;
padding-left: 25px;
}
.comment-dtl p {
font-size: 17px;
line-height: 24px;
padding: 10px 0;
}
.comment-dtl a {
font-size: 16px;
line-height: 24px;
color: #3c3c3c;
display: inline-block;
text-transform: capitalize;
}
.comment-dtl .fa-reply-all {
margin-right: 10px;
}
.comment-dtl a:hover {
color: #fdb531;
}
.comment-dtl:before {
content: "";
display: inline-block;
position: absolute;
width: 15px;
height: 15px;
background: #fcfcfc;
text-indent: -9999px;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
text-decoration: none;
color: transparent;
transform: rotate(-45deg);
left: -8px;
top: 20px;
}
/* Leave Comment/Form section */
.leave-comment h3 {
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
padding: 40px 0 30px;
}
.leave-comment .form-group input {
display: inline-block;
color: #808080;
font-size: 14px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
width: 100%;
border: none;
border-radius: 0;
border-bottom: 1px solid #c3c3c3 !important;
padding: 20px 15px;
}
.leave-comment .form-control:focus {
box-shadow: none;
outline: 0;
}
.leave-comment .form-group textarea.form-control {
border-bottom: 1px solid #c3c3c3!important;
border: none;
border-radius: 0;
resize: none;
color: #808080;
font-size: 14px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
padding: 20px 15px 20px 15px;
margin-bottom: 50px;
}
.name-block {
display: flex;
}
.name-block .form-group .form-group {
display: inline-block;
width: 50%;
}
.name-block .form-group.fname {
padding-right: 2%;
width: 50%;
}
.name-block .form-group.lname {
padding-left: 2%;
width: 50%;
}
/*-----------------------
News Right Column
-----------------------*/
.news-right {
padding-left: 30px;
}
/* Search */
.news-right .search-block {
background: #fafafa;
border: 1px solid #c1c1c1;
border-radius: 5px;
height: 50px;
display: flex;
margin-bottom: 30px;
}
.news-right .search-block input {
border: none;
background: none;
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #a8a8a8;
padding: 12px 10px;
width: calc(100% - 50px);
}
.news-right .search-block .search-button {
color: #fff;
background: #ed5623;
border: none;
width: 50px;
height: 48px;
font-size: 20px;
border-radius: 0 5px 5px 0;
}
.news-right .search-block .search-button:focus {
box-shadow: none;
outline: none;
}
/* Category */
.news-right h3 {
font-size: 24px;
line-height: 24px;
color: #3c3c3c;
margin-top: 12px;
padding-top: 30px;
padding-bottom: 20px;
text-transform: uppercase;
}
.news-right .category ul li {
display: block;
padding-bottom: 20px;
}
.news-right .category ul li:last-child {
padding-bottom: 0;
}
.news-right .category ul li .svg-inline--fa {
vertical-align: middle;
margin-right: 15px;
}
.news-right .category ul li a {
font-size: 17px;
line-height: 24px;
color: #3c3c3c;
}
.news-right .category ul li a:hover {
color: #d62128;
}
/* Popular News */
.popular-news .news {
display: flex;
margin-bottom: 30px;
}
.popular-news .news .img-ar {
flex-shrink: 0;
padding-right: 15px;
}
.popular-news .news .text-ar p {
font-size: 15px;
line-height: 18px;
padding-bottom: 6px;
}
.popular-news .news .text-ar h6 {
font-size: 15px;
line-height: 24px;
}
.popular-news .news:hover p {
color: #6d1710;
transition: all 0.3s ease 0s;
}
/* Archive */
.news-right .archives ul li {
display: block;
padding-bottom: 20px;
}
.news-right .archives ul li:last-child {
padding-bottom: 0;
}
.news-right .archives ul li .svg-inline--fa {
vertical-align: middle;
margin-right: 15px;
}
.news-right .archives ul li a {
font-size: 17px;
line-height: 24px;
color: #3c3c3c;
text-transform: capitalize;
}
.news-right .archives ul li a:hover {
color: #fdb531;
}
/* ================================================== */
/* 09. Gallery Page */
/* ================================================== */
.gallery-banner {
background: url(../images/gallery-banner.jpg) top center no-repeat;
background-size: cover;
}
.gallery-item {
position: relative;
margin-bottom: 30px;
}
.gallery-item .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 2;
visibility: hidden;
transition: 0.3s;
}
.gallery-item .overlay img {
max-width: 100%;
}
.gallery-item:hover .overlay {
opacity: 1;
visibility: visible;
transition: 0.3s;
border: 1px solid #fff !important;
padding: 15px 20px;
}
.dlab-box .overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 2;
visibility: hidden;
transition: 0.3s;
}
.dlab-box:hover .overlay {
opacity: 1;
visibility: visible;
transition: 0.3s;
border: 1px solid #fff !important;
padding: 15px 20px;
}
/* ================================================== */
/* 10. Testimoinial Page */
/* ================================================== */
.testimonial-banner {
background: url(../images/testimonial-banner.jpg) top center no-repeat;
background-size: cover;
}
.earn-with-us.tst {
background: #f1f1f1;
}
.testimonial-page .testimonial {
padding: 20px 20px;
position: relative;
}
.testimonial-page .testimonial:after {
position: absolute;
display: inline-block;
content: "";
height: 60px;
width: 35px;
background: #fff url(../images/testimonial-icon.png) no-repeat center center;
left: 40px;
bottom: -48px;
}
.testimonial-page .item {
margin: 0 0 30px 0;
}
.testimonial-page .testimonial .pic {
padding-right: 40px;
}
.testimonial-page .testimonial .pic img {
width: 100%;
}
.testimonial-page .testimonial .review:before {
left: 80px;
top: -10px;
}
/* ================================================== */
/* 11. Contact Us Page */
/* ================================================== */
.contact-us-banner {
background: url(../images/contact-us-banner.jpg) top center no-repeat;
background-size: cover;
}
.form-section p {
font-weight: 600;
padding-bottom: 20px;
}
.form-section .form-control {
text-transform: capitalize;
font-size: 18px;
line-height: 24px;
color: #9f9f9f;
height: 50px;
border: 1px solid #b8b8b8;
padding: 15px 20px;
border-radius: 8px;
}
.form-control:focus {
box-shadow: none;
}
textarea.form-control {
height: auto !important;
}
.form-group {
margin-bottom: 30px;
}
.section-title.left ol li {
font-size: 17px;
line-height: 24px;
padding: 0px 0 20px;
color: #3c3c3c;
list-style: disc;
}
.section-title.left ol li:last-child {
padding-bottom: 0;
}
.btn.book-ride.submit {
width: 100%;
}
.section-title.left {
text-align: left;
padding-bottom: 0;
}
.section-title.left p {
font-size: 17px;
line-height: 24px;
padding: 0px 0 20px;
color: #3c3c3c;
}
.call-support {
position: relative;
background: #f1f1f1;
}
.support-image {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
background: url(../images/call-support-banner-half.jpg) top right no-repeat;
background-size: cover;
background-position: center center;
}
.car-category.wbg {
background: #fff;
}
.category-colm a {
color: #fdb531;
font-size: 22px;
line-height: 24px;
font-weight: 500;
}
/* ================================================== */
/* 12. Drive With Us Page */
/* ================================================== */
.we-offer.why-us {
background: #f1f1f1;
}
.section-title.drive-with-us h2 {
line-height: 47px;
}
/* ================================================== */
/* 13. Book A Ride Page */
/* ================================================== */
.book-ride-banner {
background: url(../images/book-a-ride-banner.jpg) top center no-repeat;
background-size: cover;
}
.book-ride-inner .tab-sec {
background: #fff;
margin-top: 0;
position: static;
padding: 20px 0 40px;
}
.book-ride-inner .tab-sec .nav-tabs .nav-link p {
color: #3c3c3c;
}
.book-ride-inner .tab-sec .nav-tabs .nav-link {
background: #ececec;
border-color: #d2d2d2;
}
.book-ride-inner .tab-sec .nav-tabs .nav-link:focus,
.book-ride-inner .tab-sec .nav-tabs .nav-link:hover {
border-color: #ef540f;
background: #ef540f;
}
.book-ride-inner .tab-sec .nav-tabs .nav-item.show .nav-link,
.book-ride-inner .tab-sec .nav-tabs .nav-link.active {
background: #ef540f;
border-color: #ef540f;
color: #fff!important;
}
.book-ride-inner .tab-sec .nav-tabs .nav-link:focus,
.book-ride-inner .tab-sec .nav-tabs .nav-link:hover p {
color: #fff;
}
.book-ride-inner .tab-sec .nav-tabs .nav-item.show .nav-link,
.book-ride-inner .tab-sec .nav-tabs .nav-link.active p {
color: #fff;
}
.book-ride-inner .tab-sec .nav-tabs .nav-item.show .nav-link,
.book-ride-inner .tab-sec .nav-tabs .nav-link.active img.hover {
display: inline-block;
}
.book-ride-inner .tab-sec .nav-tabs .nav-item.show .nav-link,
.book-ride-inner .tab-sec .nav-tabs .nav-link.active img.first {
display: none;
}
.book-ride-inner .tab-sec .nav-tabs .nav-link:hover img.hover {
display: inline-block;
}
.book-ride-inner .tab-sec .nav-tabs .nav-link:hover img.first {
display: none;
}
.book-ride-inner .tab-sec .nav-tabs .nav-link img.hover {
display: none;
}
.book-ride-inner .tab-sec .form-control:focus {
border-color: #c6c6c6;
}
.book-ride-inner .tab-sec:before {
display: none;
}
.book-ride-inner .tab-sec:after {
display: none;
}
/* ================================================== */
/* 14. Error Page */
/* ================================================== */
.error .header-top {
background: #010834;
}
.error .header-bottom {
background: #05055f;
}
.error .content {
padding-top: 152px;
}
.error-section {
background: #fff;
padding: 100px 0;
}
.page-not-found {
max-width: 600px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.page-not-found h3 {
font-size: 36px;
line-height: 53px;
font-weight: 600;
padding: 30px 0 0 0;
}
.page-not-found p {
font-size: 20px;
line-height: 30px;
padding-bottom: 40px;
}
/* ================================================== */
/* 15. Login/Register Form */
/* ================================================== */
.login-sign-up-popup {
width: 560px;
padding: 50px;
border-radius: 10px;
display: none;
}
.top-sec {
text-align: center;
}
.top-sec h3 {
font-weight: 600;
font-size: 36px;
line-height: 24px;
padding-top: 40px;
}
.top-sec p {
font-size: 18px;
line-height: 24px;
padding: 20px 0;
}
.bottom-sec {
text-align: center;
}
.bottom-sec p {
font-size: 16px;
line-height: 24px;
padding-top: 20px;
}
.bottom-sec p a {
color: #ef540f;
}
.top-sec p.frgot-pwd {
text-align: right;
padding-top: 0;
margin-top: -20px;
font-size: 15px;
}
.top-sec p.frgot-pwd a:hover {
color: #ef540f !important;
}
.bottom-sec p.log-with {
padding-top: 0;
color: #696969;
}
.log-with {
position: relative;
margin: 30px 0;
}
.log-with span {
background: #fff;
padding: 0 20px;
position: relative;
}
.log-with:before {
content: "";
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
height: 1px;
background: #aaaaaa;
}
.login-socio {}
.login-socio li {
display: inline-block;
width: 49%;
}
.login-socio li a {
display: inline-block;
background: #3b5998;
padding: 10px 10px;
color: #fff;
font-size: 22px;
line-height: 24px;
font-weight: 600;
border-radius: 5px;
width: 210px;
}
.login-socio li a.twitter {
background: #60aade;
}
.login-socio li a:hover {
opacity: 0.7;
}
.login-socio li .svg-inline--fa {
margin-right: 15px;
}
/* ================================================== */
/* 16. Responsive Style */
/* ================================================== */
@media screen and (max-width: 1279px) {
.header-bottom .bottom-left ul.navbar-nav li {
padding: 0 12px;
}
.header-bottom .bottom-left ul.navbar-nav li a {
padding: 0 0 16px 0;
}
.header-bottom .bottom-right ul li a {
margin-left: 5px;
}
.banner-home .banner-box h1 {
font-size: 50px;
}
.banner-home .banner-box p {
font-size: 18px;
}
.search-section .tab-sec .tab-details figure img {
max-width: 60%;
}
.search-section .tab-sec .nav-tabs {
padding: 15px 0;
}
.search-section .tab-sec .form-inline .form-control {
width: 220px;
}
.search-section .tab-sec .form-inline .form-control2 {
width: 500px;
margin-bottom: 20px;
}
.sec-pd {
padding-top: 25px;
padding-bottom: 58px;
}
.section-title h3 {
font-size: 20px;
}
.section-title h2 {
font-size: 40px;
line-height: 50px;
}
.section-title p {
font-size: 18px;
}
.download-app-right {
padding-top: 40px;
}
.download-app-right img {
width: 80%;
}
.download-app .section-title {
padding: 80px 0 0 0;
}
.download-app .section-title p {
font-size: 18px;
}
.contact-us .section-title h2 {
font-size: 40px;
line-height: 50px;
}
.contact-us .section-title p {
font-size: 16px;
line-height: 24px;
}
.news-blk .txt-ar {
padding: 15px 15px;
}
.news-blk .txt-ar h3 {
font-size: 20px;
line-height: 26px;
}
.news-blk .txt-ar p {
font-size: 16px;
}
.our-benefits {
padding-bottom: 30px;
}
.benefits-colm {
margin-bottom: 30px;
}
.earn-with-us ul {
padding-right: 50px;
margin-bottom: 30px;
}
.earn-with-us ul li {
font-size: 16px;
}
.left-text h2 {
font-size: 25px;
line-height: 50px;
}
.email-subscribe-sec .form-control {
font-size: 16px;
height: 50px;
}
.email-subscribe-sec .input-group-text {
font-size: 25px;
}
.testimonial .review p {
font-size: 17px;
}
footer .get-in-touch {
padding-left: 0;
}
.inner-banner .banner-box h1 {
font-size: 50px;
}
.inner-banner .banner-box p {
font-size: 18px;
}
.right-block .text-ar h3 {
font-size: 20px;
}
.right-block ul li {
margin-bottom: 15px;
}
.icon-ar .svg-inline--fa {
font-size: 25px;
}
.inner-pd {
padding-top: 30px;
}
.car-services {
padding-bottom: 30px;
}
.news-details h2 {
font-size: 28px;
}
.section-title {
padding-bottom: 35px;
}
}
@media screen and (max-width: 1023px) {
.top-left img {
max-width: 200px;
}
.top-right .left ul li {
padding-right: 10px;
margin-right: 10px;
}
.top-right .left ul li a {
font-size: 14px;
}
.btn.book-ride {
font-size: 16px;
line-height: 22px;
padding: 10px 20px;
}
.header-bottom .bottom-left ul.navbar-nav li {
padding: 0 5px;
}
.header-bottom .bottom-right ul li a {
font-size: 15px;
line-height: 15px;
padding: 5px;
width: 25px;
height: 25px;
margin-left: 5px;
}
.header-bottom .bottom-left ul.navbar-nav li a {
padding: 0 0 12px 0;
font-size: 14px;
}
.banner-home .banner-box {
max-width: 600px;
}
.search-section .tab-sec .form-inline .form-control {
width: 200px;
margin-bottom: 20px;
}
.search-section .tab-sec .form-inline .form-control2 {
width: 468px;
margin-bottom: 20px;
}
.offer-colm h3 {
font-size: 20px;
}
.offer-colm p {
font-size: 16px;
}
.download-app-right {
display: none;
}
.download-app .section-title {
text-align: center;
padding: 60px 0 60px 0;
}
.category-colm {
padding: 15px 15px;
}
.news-blk {
display: block;
}
.news-blk .img-ar {
border-bottom: 1px solid#bcbcbc;
border-right: none;
}
.news-blk .img-ar img {
width: 100%;
}
.benefits-colm {
padding: 0 0;
}
.earn-with-us ul {
padding-right: 15px;
}
footer .get-in-touch {
margin-top: 30px;
}
.inner-banner .banner-box {
max-width: 600px;
padding: 220px 0 100px;
}
.service-colm {
padding: 25px 15px;
}
.service-colm h3 {
font-size: 23px;
}
.veiw-all-news {
margin-top: 0;
}
.list-head {
display: block;
}
.right-lists {
margin-top: 15px;
}
.right-lists ul li {
padding-left: 0;
padding-right: 10px;
}
.category-colm a {
font-size: 18px;
}
.section-title h2 {
font-size: 38px;
}
.contact-us .section-title h2 {
font-size: 38px;
}
.section-title.left p {
padding: 0 0 15px;
}
.section-title.left p {
padding: 0 0 15px;
}
.search-section .tab-sec .tab-details figure img {
margin-top: -150px;
}
.book-ride-inner .tab-sec {
padding: 20px 0 20px;
}
.video-colm {
margin-bottom: 20px;
}
.header-bottom {
background: #18196e;
}
footer .logo-sec img{
max-width: 60%;
}
footer h3{
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.header-bottom .bottom-right {
display: none;
}
/* header{background:#18196e;} */
.navbar-toggler-icon {
background-image: url(../images/menubar.png);
height: 25px;
width: 35px;
background-size: contain;
}
.navbar-brand img {
max-width: 185px;
}
.navbar-toggler {
border-radius: 0;
padding: 0;
border: 0;
display: block;
}
.header-bottom .bottom-left {
width: 100%;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
outline: none;
text-decoration: none;
border: 0;
border-radius: 0;
}
.header-top {
display: none;
}
.header-bottom .bottom-left ul.navbar-nav li {
padding: 10px 0;
display: block;
border-bottom: #fff 1px solid;
}
.header-bottom .bottom-left ul.navbar-nav li:last-child a {
padding-bottom: 0;
}
.header-bottom .bottom-left ul.navbar-nav li a {
padding: 0 10px;
display: block;
border-bottom: 0;
}
.banner-home .banner-box {
padding: 130px 25px 150px;
max-width: 100%;
}
.banner-home .banner-box h1 {
font-size: 30px;
line-height: 36px;
}
.inner-banner .banner-box {
padding: 130px 25px 60px;
max-width: 100%;
}
.banner-home .banner-box p {
font-size: 18px;
line-height: 22px;
}
.inner-banner .banner-box h1 {
font-size: 30px;
}
.inner-banner .banner-box p {
font-size: 18px;
line-height: 22px;
}
.email-subscribe-sec .left-text {
text-align: center;
}
.email-subscribe-sec {
padding: 10px 0 25px;
}
.search-section .tab-sec .tab-details figure img {
margin-top: -80px;
}
.search-section .tab-sec .form-inline .form-control {
width: 100%;
}
.search-section .tab-sec .nav-tabs .nav-link {}
.search-section .tab-sec .form-inline .form-group {
display: block;
}
.search-section .tab-sec::before,
.search-section .tab-sec::after {
width: 100%;
}
.search-section .tab-sec .nav-tabs .nav-link p {
font-size: 11px;
}
.section-title h2 {
font-size: 30px;
line-height: 40px;
}
.section-title p {
font-size: 16px;
}
.download-app .section-title ul li:first-child {
margin-right: 0;
margin-bottom: 15px;
}
.contact-us .section-title h2 {
font-size: 28px;
line-height: 35px;
}
.category-colm {
margin-bottom: 30px;
}
.car-category {
padding-bottom: 30px;
}
.offer-colm {
border-right: 0;
border-bottom: 1px solid #d3d3d3;
}
.we-offer ul li {
width: 100%;
}
.download-app-right {
display: none;
}
.testimonials-sec .testimonial {
width: 100%;
float: left;
}
.testimonials-sec .testimonial .pic {
width: 100%;
padding-right: 0;
text-align: center;
}
.testimonials-sec .testimonial .review {
float: left;
width: 100%;
margin-top: 40px;
}
.testimonials-sec .testimonial .review:before {
left: 0;
top: -30px;
}
.about-us .right-block {
margin-top: 30px;
}
.earn-with-us .right-colm {
margin-top: 30px;
}
.news-right {
margin-top: 30px;
padding-left: 0;
}
.name-block {
display: block;
}
.name-block .form-group.fname {
width: 100%;
padding-right: 0;
}
.name-block .form-group.lname {
width: 100%;
padding-left: 0;
}
.get-in-touch .form-section {
margin-top: 30px;
}
.support-image {
display: none;
}
.login-socio li {
margin-top: 15px;
width: 100%
}
.login-socio li a {
width: 210px;
}
.log-with {
margin: 10px 0;
}
footer .services {
margin-top: 30px;
}
.search-section .tab-sec .form-inline {
display: inline-block;
}
.search-section .tab-sec .form-inline .form-group {
display: inline-block;
width: 85%;
}
}
.search-section .tab-sec .form-inline .form-group2 {
display: inline-block;
width: 85%;
}
.dlab-info-has{
background: linear-gradient(to bottom, rgba(40,42,60,0) 0%,rgba(40,42,60,0.9) 100%);
position: absolute;
bottom: 0;
width: 100%;
height: auto;
padding: 13px 20px 36px;
padding: 20px;
}
.title-destination{
color: #fff;
font-weight: 600 !important;
font-family: 'Signika', sans-serif;
font-size: 23px;
line-height: 34px;
}
.dlab-info-has {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
padding: 30px 15px 40px;
opacity: 0;
margin-bottom: -100px;
z-index: 2;
}
.dlab-info-has.p-a15 {
padding: 15px;
}
.dlab-info-has.p-a20 {
padding: 20px;
}
.dlab-info-has.bg-primary {
background-color: rgba(27, 188, 232, 0.9);
}
.dlab-info-has.bg-green {
background-color: rgba(106, 179, 62, 0.9);
}
.dlab-info-has.bg-black {
background-color: rgba(0, 0, 0, 0.6);
}
.dlab-info-has.bg-white {
background-color: rgba(255, 255, 255, 0.8);
}
.dlab-info-has.bg-white h1,
.dlab-info-has.bg-white h2,
.dlab-info-has.bg-white h3,
.dlab-info-has.bg-white h4,
.dlab-info-has.bg-white h5,
.dlab-info-has.bg-white h6 {
color: #3d474a;
}
.dlab-info-has.bg-white h1 a,
.dlab-info-has.bg-white h2 a,
.dlab-info-has.bg-white h3 a,
.dlab-info-has.bg-white h4 a,
.dlab-info-has.bg-white h5 a,
.dlab-info-has.bg-white h6 a {
color: #3d474a;
}
.dlab-info-has.bg-white .dlab-info-has-text,
.dlab-info-has.bg-white p {
color: #767676;
}
.dlab-info-has h1,
.dlab-info-has h2,
.dlab-info-has h3,
.dlab-info-has h4,
.dlab-info-has h5,
.dlab-info-has h6,
.dlab-info-has p,
.dlab-info-has-text,
.dlab-info-has a {
color: #fff;
}
.dlab-info-has .dlab-info-has-text {
margin-bottom: 20px;
line-height: 24px;
}
.dlab-media {
overflow: hidden;
position: relative;
}
.dlab-box:hover .dlab-info-has,
.dlab-media:hover .dlab-info-has {
opacity: 1;
width: 100%;
margin-bottom: 0;
}
/* without hover */
.overlay-bx.no-hover,
.dlab-info-has.no-hover {
opacity: 1;
width: 100%;
margin-bottom: 0;
visibility: visible;
}
/* Skew */
.dlab-info-has.skew-has {
border-top: 4px solid #2D3239;
padding: 30px 40px 60px;
-moz-transform: skewY(10deg);
-webkit-transform: skewY(10deg);
-o-transform: skewY(10deg);
-ms-transform: skewY(10deg);
transform: skewY(10deg);
bottom: -35px;
}
.dlab-info-has.skew-has > * {
-moz-transform: skewY(-10deg);
-webkit-transform: skewY(-10deg);
-o-transform: skewY(-10deg);
-ms-transform: skewY(-10deg);
transform: skewY(-10deg);
}
.dlab-box hotal-box:hover{
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.tour:hover{
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.dlab-media {
overflow: hidden;
position: relative;
}
.dlab-box:hover .dlab-info-has,
.dlab-media:hover .dlab-info-has {
opacity: 1;
width: 100%;
margin-bottom: 0;
}
.dlab-img-effect {
position: relative;
overflow: hidden;
display: block;
vertical-align: middle;
}
.dlab-img-effect img {
display: block;
margin: 0;
width: 100%;
height: auto;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
}
.dlab-box:hover {
box-shadow: 0 1px 13px 1px #6f6b6b;
transition: all 0.3s ease 0s;
}
.single-package-title{
margin-bottom: 20px;
}
.tour-description{
padding-left: 4px;
}
.tour-description p{
text-align: justify;
margin-bottom: 15px;
}
.single-package-title h3{
font-size: 28px;
font-weight: 600;
}
@media (max-width:575px){
.width-responsive{
max-width: 98% !important;
}
}
.contact-info{
background-color: #fff;
margin-top: 63px !important;
}
.contact .contact-info .info{
padding: 0px;
margin-bottom: 20px;
}
.contact-info .info{
margin: 0px;
margin-left: 18px !important;
}
.contact-info .info li{
list-style: none;
border-bottom: 1px solid #eeeeee;
overflow: hidden;
padding: 15px 0px;
}
.contact-info .info li .icon {
float: left;
margin-right: 15px;
font-size: 36px;
color: #d62128;
line-height: 1;
}
.contact-info .info p{
padding: 0 0 0 35px !important;
}
.social-media {
padding-left: 13px !important;
}
.event-social {
overflow: hidden;
margin-bottom: 30px;
margin-top: 20px;
}
.contact-info .event-social li {
margin-right: 20px;
}
.event-social li {
list-style: none;
display: inline-block;
margin-bottom: 5px;
}
.contact-info .event-social li a {
height: 40px;
width: 40px;
line-height: 2;
}
.event-social li a {
color: #fff;
font-size: 22px;
display: inline-block;
text-align: center;
border-radius: 100%;
}
.event-social li {
list-style: none;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
}
.event-social li a {
color: #fff;
text-align: center;
}
.contact-info .info li .icon {
float: left;
margin-right: 15px;
line-height: 0;
}
.offer-action div {
display: inline-block;
text-transform: uppercase;
padding: 7px 15px;
font-weight: 500;
color: #fff;
font-size: 14px;
width: 100%;
}
.offer-action {
text-align: center;
background: #020202 none repeat scroll 0 0;
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
margin: 13px auto 0;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
border-radius: 3px;
}
.offer-image {
width: 235px;
margin: 0 auto;
display: block;
}
.single-offers {
text-align: center;
padding: 20px;
border: 3px solid #f0f0ff;
margin-top: 30px;
}
.offer-btn-1:hover{
background: #d62128;
}
.offer-text{
margin-top: 10px;
}
.icons-item type-2:hover{
background: red;
}
.widget-title:not(:last-child) {
font-size: 27px;
}
.vehicle{
margin-top: -52px;
}
@media (max-width:767px){
.testimonial .pic img{
width: 96px !important;
}
.vehicle-title{
margin-top: 15px !important;
}
.img-width{
width: 449px !important;
}
.banner-home {
background: url(../images/banner/1.png) top center no-repeat !important;
background-size: cover;
}
.our-benefits {
background: url(../images/banner/index2.png) center center no-repeat;
background-size: cover;
padding-bottom: 40px;
}
}
@media(max-width:992px) and (min-width:768px){
.btn-margin-top{
margin-top: -19px !important;
}
}
@media(max-width:340px){
.search-section .tab-sec .nav-tabs .nav-link p{
font-size: 9px !important;
}
}
@media(min-width:768px){
.capcha-responsive{
margin-top: -76px !important;
}
.capcha-responsive2{
margin-top: -53px !important;
}
}
.btn-margin-top{
margin-top: 10px;
}
#wa-widget-send-button {
margin: 0 0 0px 0 !important;
position: fixed !important;
z-index: 16000160 !important;
bottom: 0 !important;
border-radius: 25px;
/* box-shadow: 0px 3px 3px rgba(0,0,0,0.3); */
right: 12px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
#wa-widget-send-button {
text-align: center !important;
visibility: visible;
cursor: pointer;
}
#wa-widget-send-button img{
width: 70%;
margin-bottom: 60px;
}
#whatsapp_chat_widget {
display: block;
}
|