@charset "utf-8";
/*Font-Icons*/
@import url('all.min.css');
/**************************
01. COMMON-CSS
02. Home-page-Top
03. BACKGROUND-BG
08. SIDE_BAR_WIDGET
10. Captcha
12. Other CSS
13. Mobile-Version
****************************/
/*Home Page*/
.flightNumber .form-control.is-invalid{
background-image: none;
}
select {
color: #7c7d81 !important;
border-color: #7c7d81 !important;
}
.cnt-flags{
height: 560px;
overflow-y: auto;
overflow-x: hidden;
}
.cnt-pad{
padding: 25px 0px !important;
}
.main-banner-wrap1.main-banner-wrap6{
padding: 40px 0px 20px 0px;
}
.land-page-form .rent-form .form-grid .form-group .form-control{
display: block;
width: 100%;
padding: 16px 20px 16px 54px !important;
height: 55px;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
border-radius: 12px !important;
background-color: #fff;
color: #9EA2B1;
border: none;
background-clip: padding-box;
webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.land-page-form .rent-form .form-grid .form-group ::placeholder {
font-weight: 500;
}
.land-page-form .rent-form .form-grid .form-group{
margin-bottom: 25px;
}
.land-page-form .rent-form .form-grid .form-group select{
/* color: #143635 !important;*/
}
.land-page-form .form-switch{
padding-left: 2.5em;
margin-bottom: 10px;
margin-top: -10px;
}
.main-banner-wrap6 .item-banner-thumb{
z-index: 0;
}
.team-wrap1 {
padding: 70px 0px 1px 0px;
}
.mb-arrange{
margin-top: 5px;
}
.fr-franchise{
display: flex;
position: relative;
padding-bottom: 12px;
}
.fr-franchise img{
width: 52px;
float: right;
position: absolute;
right: 0px;
top: 0px;
}
/*@media (min-width: 1920px) {
.main-banner-wrap6 .item-banner-thumb{
right: 0px !important;
}
}*/
@media (max-width: 1920px) {
.main-banner-wrap6 .item-banner-thumb{
right: -180px;
}
}
@media (max-width: 1500px) {
.main-banner-wrap6 .item-banner-thumb{
right: -180px;
}
}
@media (max-width: 1370px) {
.main-banner-wrap6 .item-banner-thumb{
right: -200px;
}
}
@media (max-width: 1310px) {
.main-banner-wrap6 .item-banner-thumb{
right: -250px;
}
}
@media (min-width: 1200px) {
.about-box-10 {
padding-right: 50px;
}
/*.main-banner-wrap6 .item-banner-thumb{
right: -180px;
}*/
}
@media only screen and (max-width: 767px){
.fr-franchise img{
top: -8px;
}
.form-section-wrap1 .item-title{
font-size: 26px;
}
.land-page-form .main-banner-box1 {
padding: 6px 0px !important;
}
}
@media only screen and (max-width: 575px){
.about-wrap-5 {
padding: 35px 0px 10px 0px;
}
.team-wrap1 {
padding: 35px 0px 1px 0px;
}
.hero-search-content.side-form label, label{
font-size: 12px;
}
.form-section-wrap1 .item-title{
font-size: 22px;
}
.form-section-wrap1{
padding: 1px;
}
.mb-30{
margin-bottom: 10px !important;
}
.main-banner-wrap1.main-banner-wrap6{
padding: 30px 0px;
}
.land-page-form .main-banner-box1{
padding: 2px 0px !important;
}
.land-page-form .rent-form .form-grid .form-group{
margin-bottom: 12px;
}
.land-page-form .form-switch {
padding-left: 3.5em;
margin-bottom: 10px;
margin-top: 0px;
}
.about-wrap-5.airport .float-right{
float: none;
}
}
.hide_div{
display: none;
}
.main-banner-wrap1{
padding: 0px 0px;
}
.banner-section-pad{
padding: 80px 0px 120px 0px;
}
.world-map{
position: absolute;
margin: 10px 0px 0px 3px;
}
.dropbtn {
background-color: #04AA6D;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
vertical-align: middle;
}
.dropbtn:hover, .dropbtn:focus {
background-color: #3e8e41;
}
#myInput {
box-sizing: border-box;
background-position: 14px 12px;
background-repeat: no-repeat;
font-size: 16px;
padding: 17px 20px 16px 48px;
border: none;
/*width: 320px;*/
width: 100%;
}
#myInput:focus {outline: 0px solid #ddd;}
.dropdown {
position: relative;
display: inline-block;
float: left;
width: 92%;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #ffffff;
/* min-width: 230px;*/
overflow: auto;
border: 1px solid #e8e8e8;
z-index: 99;
width: 440px;
/* height: 320px;*/
height: auto;
max-height: 320px;
border-radius: 0px 0px 10px 10px;
}
.dropdown-content a {
color: #143635;
font-weight: 600;
padding: 6px 5px;
text-decoration: none;
display: block;
/* width: 330px;*/
}
.dropdown-content a:hover {
color: #143635 !important;
}
.dropdown-content img{
margin-right: 15px;
}
.dropdown a:hover {
color: #143635;
}
.show {display: block;}
.banner-section {
background-color: #F0F8FC;
margin-top: 0px;
background-image: url(../../assets/img/banner/banner-1.png);
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
}
@media only screen and (max-width: 991px) {
.banner-section{
background-size: cover;
}
.banner-section-pad{
padding: 0px 0px;
}
.main-banner-wrap1 {
padding: 0px 0px;}
.land-page-form .main-banner-box1 {
padding: 8px 0px !important;
}
.main-banner-box1 {
padding: 22px 0px !important;
}
.banner-change {
background: #F0F8FC;
}
}
@media only screen and (max-width: 479px) {
.dropdown-content {
width: 100% !important;
}
}
@media only screen and (max-width: 400px) {
.dropdown-content {
width: 377px!important;
}
}
@media only screen and (max-width: 390px) {
.dropdown-content {
width: 367px!important;
}
}
@media only screen and (max-width: 380px) {
.dropdown-content {
width: 357px!important;
}
}
@media only screen and (max-width: 375px) {
.dropdown-content {
width: 353px!important;
}
}
@media only screen and (max-width: 370px) {
.dropdown-content {
width: 347px!important;
}
}
@media only screen and (max-width: 360px) {
#myInput{
width: 300px;
}
.dropdown{width: 90%}
.dropdown-content {
width: 337px!important;
}
}
input[type="search"]::-webkit-search-cancel-button {
/* Remove default */
-webkit-appearance: none;
/* Now your own custom styles */
height: 14px;
width: 14px;
display: block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
/* setup all the background tweaks for our custom icon */
background-repeat: no-repeat;
/* icon size */
background-size: 14px;
}
/*Booking-Process*/
.form-switch {
padding-left: 3.5em;}
.filter-icon {
position: fixed;
right: 3px;
bottom: 30px;
height: auto;
width: auto;
cursor: pointer;
z-index: 1 !important;
transition: 0.3s;
}
.down-voucher a{
color: #fff !important;
}
.down-voucher .fa{
padding-right: 5px;
}
.hero-search-content.side-form label, label {
font-size: 14px;
font-weight: 400;
color: #707070;
margin-left: 1px;
font-family: 'Open Sans', sans-serif;
}
@media only screen and (max-width: 575px) {
/*.optional-box1 .optional-extras{
display: block !important;
}*/
.optional-box1 .optional-extras img {
width: 37px;
}
.insurance.optional-box1 .optional-extras{
overflow: hidden;
display: block;
}
.optional-box1 .optional-extras p{
margin-top: 10px;
}
.select-btn2{
float: left;
}
.form-section-wrap1.driver-inform{
padding: 20px;
}
}
/*Manage-booking-process*/
.optional-box1.drv-form-bg {
background: #ffffff;
}
.pad-20{
padding: 20px;
}
.form-section-wrap1.driver-inform{
padding: 1px 18px;
}
.form-section-wrap1.driver-inform .rent-form .form-grid .form-group .form-control {
background-color: #ffffff;
height: auto;
border: 1px solid #b9bcbd !important;
border-left: 2px solid #143635 !important;
padding: 8px 10px 8px 10px !important;
border-radius: 5px !important;
color: #143635;
}
.form-section-wrap1.driver-inform .rent-form .form-grid .form-group .form-control.pl-55 {
padding: 8px 10px 8px 97px !important;
}
.form-section-wrap1.driver-inform .hero-search-content.side-form label, label {
font-size: 14px;
font-weight: 500;
color: #423f3f;
margin-left: 1px;
font-family: 'Open Sans', sans-serif;
}
.form-section-wrap1.driver-inform .form-icon-area span{
color: #707070 !important;
font-style: normal;
font-size: 14px;
font-weight: 600;
}
.form-section-wrap1.driver-inform select{
color: #143635 !important
}
.form-section-wrap1.driver-inform select option {
color: #000;
}
.form-section-wrap1.driver-inform .rent-form .form-grid .form-group .form-control:focus {
color:#495057;
background-color:#fff;
border-color:#80bdff !important;
outline:0;
}
.form-section-wrap1.driver-inform .rent-form .form-grid .form-group .form-control::-webkit-input-placeholder {
color:#6c757d;
opacity:1
}
.form-section-wrap1.driver-inform .rent-form .form-grid .form-group .form-control::-moz-placeholder {
color:#cfc;
opacity:1
}
.form-section-wrap1.driver-inform .rent-form .form-grid .form-group .form-control:-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-section-wrap1.driver-inform .rent-form .form-grid .form-group .form-control::-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-section-wrap1.driver-inform .rent-form .form-grid .form-group .form-control::placeholder {
color:#6c757d;
opacity:1
}
.form-section-wrap1.driver-inform .form-check a{
color: #143635;
}
.form-section-wrap1 .rent-form.manage-book .form-grid .form-group .form-control {
background-color: #ffffff;
height: 55px;
border: 1px solid #d0cfcf !important;
padding: 16px 10px 16px 10px !important;
}
.form-section-wrap1.driver-inform .form-check-input[type="checkbox"] {
border-radius: .25em;
/*padding: 12px;
margin-right: 10px;*/
height: 18px;
}
.form-section-wrap1.driver-inform .form-check label{
font-size: 15px;
}
.m-book-car {
padding: 50px 50px 0px 60px;
}
.process-meta-box img{
width: 30px;
}
.mg-15p{
margin:0px 15px !important;
}
.fn-14{
font-size: 14px !important;
line-height: 25px !important;
}
.fn-15{
font-size: 15px !important;
line-height: 25px !important;
}
.fn-17{
font-size: 17px !important;
line-height: 25px !important;
font-weight: 500 !important;
}
@media only screen and (max-width: 479px) {
.form-group-button .retrieve-but-1.float-right{
float: none;
display: flex;
justify-content: center;
width: 100%;
}
}
/*blog*/
.blog-box1 .item-content.blog-sub .heading-title {
}
.item-content.blog-sub{
min-height: 97px;
}
.blog-box1 .item-content .heading-title h3 a {
color: #707070;
font-size: 22px;
font-weight: 400;
transition: all 0.3s ease-in-out;
}
.blog-box1 .item-content.blog-sub .heading-title h3 a {
color: #707070;
font-size: 18px;
font-weight: 400;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-box1 .item-content{
padding: 15px 10px;
display: flex;
justify-content: space-between;
}
.blog-box1 .item-content .blog-button .item-btn{
color: #707070;
font-weight: 400;
}
.blog-box1 .item-content.blog-sub .blog-button .item-btn{
color: #707070;
font-weight: 600;
font-size: 14px;
width: 150px;
}
.blog-box1 .item-content.blog-sub .blog-button .item-btn span{
display: block;
line-height: 15px;
font-weight: 400;
}
.blog-box1 .item-img{
border-radius: 12px 12px 0px 0px;
}
.blog-wrap-inner {
border: 1px solid #e8e8e8;
border-radius: 15px;
padding: 20px 50px !important;
}
.blog-share-area {
padding-bottom: 1px;
}
.item-shorting-box .item-shorting-box-2 .by-shorting .shorting.blog-top-title-r img{
width: 60px;
}
@media only screen and (max-width: 1199px){
.blog-box1 {
padding: 5px;
}
}
@media only screen and (max-width: 991px) {
.blog-box1 .item-content .heading-title h3{
padding: 2px 0px;
}
.blog-box1 .item-content .heading-title h3 a{
font-size: 20px;
}
.blog-box1 .item-content .blog-button .item-btn{
font-size: 15px;
}
.blog-box1 .item-content{
display: block;
padding: 10px 0px;
}
.blog-button {
text-align: left;
padding-right: 0px;
}
.blog-box1 .item-content.blog-sub .blog-button .item-btn span{
display: inline-block;
}
.blog-top-title-r {
display: flex;
}
.blog-top-title-r span {
padding: 8px 5px;
font-size: 14px;}
.blog-individual-area.our-story .item-img{
padding-left: 10px;
padding-right: 10px;
}
.item-shorting-box .item-shorting-box-2 .by-shorting .shorting.blog-top-title-r img{
width: 22px;
margin-left: 5px;
}
.item-shorting-box .shorting-title .item-title.blog-top-title{
margin-bottom: 0px;
}
.sort-article .item-btn2{
padding: 10px 30px;
}
}
@media only screen and (max-width: 479px){
.blog-top-title {
font-size: 16px !important;
}
.blog-top-title-r span {
font-size: 13px;
}
.blog-wrap-inner {
padding: 12px 10px !important;
}
.blog-box1 .item-content .heading-title h3 a{
font-size: 16px;
}
.blog-box1 .item-content.blog-sub .heading-title h3 a{
font-size: 16px;
}
.blog-box1 .item-content .blog-button .item-btn {
font-size: 13px;
}
}
/*policies*/
.policies h2 {
font-size: 20px;
margin: 0px;
}
.policies h3 {
font-size: 18px;
margin: 0px;
}
.policies p {
font-size: 16px;
}
/*filter*/
.sidebar {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: -25px;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidebar a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #143635;
display: block;
transition: 0.3s;
font-weight: 700;
}
.sidebar a:hover {
color: #81FBBF;
}
.sidebar .closebtn {
position: absolute;
top: 77px;
right: 12px;
font-size: 42px;
margin-left: 50px;
}
.openbtn {
font-size: 16px;
cursor: pointer;
background-color: #143635;
color: white;
padding: 3px 8px;
border: none;
border-radius: 5px;
font-weight: 500;
float: right;
}
.openbtn:hover {
background-color: var(--rt-primary-hover);
}
#main {
transition: margin-left .5s;
padding: 16px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidebar {padding-top: 15px;}
.sidebar a {font-size: 18px;}
}
.fr-ribben {
/* z-index: 1 ;*/
position: relative;
}
.fr-ribben:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 4px;
background-position: center center;
background-attachment: scroll;
background-repeat: repeat-x;
}
.fr-ribben-b {
position: relative;
}
.fr-ribben-b:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background: url(../img/banner/splatter-1.png) ;
background-position: center center;
background-attachment: scroll;
background-repeat: repeat-x;
}
.form-check-input{
/*width: 1.3em !important;
height: 1.3em !important;*/
margin-top: 0.45em !important;
}
.form-check-label img{
margin-right: 10px;
}
.filter-title{
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.verified-area{
padding-left: 20px;
}
.verified-area span{
color: #707070;
margin-right: 15px;
}
.verified-area span:last-child{
margin-right: 0px;
}
.car-title{
font-size: 18px;
font-weight: 700;
color: #707070;
margin-bottom: -5px;
}
.car-item-right{
padding: 1px 10px ;
margin: 30px 0px;
}
.car-item-right.process{
padding: 1px 10px ;
margin: 50px 0px;
}
.car-item-right h3{
color: #707070;
font-size: 32px;
font-weight: 700;
text-align: center;
margin-bottom: -5px;
}
.car-item-right ul li{
color: #707070;
font-size: 13px;
text-align: center;
margin-bottom: 10px;
}
.car-item-right ul li span{
background-color: #f0f8fb;
color: #143635;
border-radius: 15px;
padding: 2px 8px;
font-size: 14px;
border: 1px solid #dbd5d5;
line-height: 25px;
font-weight: 500;
}
.car-item-right .select-btn{
color: #ffffff;
background-color: #143635;
padding: 10px 50px !important;
transition: all 0.3s ease-in-out;
font-weight: 700;
font-size: 26px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
/* z-index: 1;*/
border-radius: 10px;
}
.car-item-right .select-btn:hover{
background-color: #81FBBF;
color:#143635;
}
.car-item-right .select-but-area{
margin-top: 25px;
}
.branded-trminal {
padding: 10px 0;
margin-bottom: 10px;
}
.branded-trminal .text-box {
border-radius: 3px;
background: linear-gradient(
270deg,
rgba(129, 251, 191, 0.3) 0%,
rgba(7, 149, 237, 0.25) 50%,
rgba(20, 54, 53, 0.3) 100%
);
box-shadow: 0 45px 60px 0 rgba(74, 75, 89, 0);
position: relative;
padding: 4px 22px;
}
.branded-trminal .text-box:after{
position: absolute;
content: "";
left: 0;
top: 0;
height: 38px;
width: 6px;
border-radius: 3px;
background-color: #143635;
box-shadow: 0 45px 60px 0 rgba(74,75,89,0);
}
.branded-trminal .text-box p{
color: #202020;
font-size: 16px;
font-weight: 400;
margin: 0px;
}
.branded-trminal .text-box p span{
font-size: 16px;
font-weight: 600;
position: relative;
display: inline-block;
margin-right: 10px;
}
.branded-trminal .text-box p span:after{
position: absolute;
content: "";
right: -8px;
top: 50%;
transform: translate(0,-50%);
width: 4px;
height: 4px;
background-color: #000;
border-radius: 50%;
}
.branded-trminal .text-box.branded-box {
background: linear-gradient(
270deg,
rgba(129, 251, 191, 0.3) 0%, /* #81FBBF */
rgba(7, 149, 237, 0.25) 50%, /* #143635 */
rgba(20, 54, 53, 0.3) 100% /* #143635 */
);
transform: scaleX(-1);
text-align: right;
}
.branded-trminal .text-box.branded-box:after{
background-color: #143635;
}
.branded-trminal .text-box.branded-box p{
transform: scaleX(-1);
}
.brands-categories{
background-color: #fff;
border-top: 1px solid #E8E8EC;
border-bottom: 1px solid #E8E8EC;
padding: 10px 0;
}
.brands-categories-inner{
margin-bottom: 10px;
}
.brands-categories-inner ul{
display: flex;
align-items: center;
margin: 0 -2px;
}
.brands-categories-inner ul li{
padding: 0 4px;
}
.brands-categories-inner ul li a{
border-radius: 10px;
background-color: #FFFFFF;
border: 1px solid #dbd5d5;
padding: 5px 20px 5px 20px;
/* display: flex;*/
display: block;
align-items: center;
justify-content: center;
text-align: center;
color: #143635;
font-size: 15px;
font-weight: 600;
}
.brands-categories-inner ul li a.active{
background-color: #a1aab0;
color: #fff;
}
.brands-categories-inner ul li a p{
font-size: 18px;
color: #143635;
font-weight: 600;
position: relative;
top: 25px;
left: 0px;
}
.brands-categories-inner ul li a img{
/* margin-right: 11px;*/
padding-top: 10px;
}
.brands-categories-inner ul li.all a{
padding: 20px 40px;
}
.brands-categories-inner ul li.small-car a{
padding: 0px 30px;
}
.brands-categories-inner ul li.small-car img{
width: 70px;
}
.brands-categories-inner ul li.car-seater img{
width: 35px;
margin-right: 15px;
padding-top: 0px;
}
.brands-categories-inner ul li.car-seater a{
padding: 9px 28px;
display: flex;
line-height: 18px;
}
.brands-categories-inner ul li.active a{
background-color: #E4EFF2;
color: #143635;
}
.brands-categories-inner ul li a.active span{
display: inline-block;
}
.brands-categories-inner ul li.active-2 a{
background-color: #143635;
color: #FFFFFF;
border: none;
}
.brands-categories-inner ul li a span{
height: 11.6px;
width: 11.55px;
background-color: #fff;
border-radius: 50%;
display: none;
margin-right: 15px;
}
.brands-categories-inner ul li a.active span{
display: block;
}
.car-booking-error-inner p{
color: #81FBBF;
font-size: 16px;
margin: 15px 0px;
letter-spacing: 1px;
font-weight: 600;
text-align: left;
}
@media only screen and (max-width: 1199px) {
.brands-categories-inner ul li.small-car img{
width: 90px;
}
.brands-categories-inner ul {
white-space: nowrap;
overflow-x: auto;
white-space: nowrap;
flex-wrap: nowrap;
}
.brands-categories-inner ul li.all a {
padding: 20px 20px !important;
}
.brands-categories-inner ul li.small-car a {
padding: 0px 20px !important;
font-size: 15px;
height: 70px;
width: 114px;
}
.brands-categories-inner ul li.car-seater a{
height: 70px;
font-size: 17px;
width: 130px;
/* display: block;*/
}
.brands-categories-inner ul li.car-seater a img{
width: 25px !important;
padding: 3px 0px !important;
}
}
@media only screen and (max-width: 991px) {
.branded-trminal .text-box p {
font-size: 13px;}
.branded-trminal .text-box {
padding: 4px 12px;
}
}
@media only screen and (max-width: 767px) {
.mb-10 .row{
display: contents;
}
.car-booking-error-inner p{
font-size: 15px;
margin: 10px 0px;
font-weight: 500;
}
.cnt-flags{
height: auto;
}
.cnt-pad{
padding: 25px 0px 5px 0px !important;
}
.brands-categories-inner ul li.small-car img{
width: 90px;
}
.brands-categories-inner ul {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
flex-wrap: nowrap;
}
.brands-categories-inner ul li.all a {
padding: 19px 20px !important;
}
.brands-categories-inner ul li.small-car a {
padding: 0px 20px !important;
font-size: 15px;
height: 70px;
width: 114px;
}
.brands-categories-inner ul li.car-seater a{
height: 70px;
width: 130px;
font-size: 15px;
/*display: block;*/
}
.brands-categories-inner ul li.car-seater a img{
width: 27px !important;
padding: 0px 0px !important;
}
}
@media only screen and (max-width: 575px) {
.brands-categories-inner ul li.small-car img{
width: 90px;
}
.branded-trminal .text-box p{
font-size: 12px;
}
.branded-trminal .text-box::after{
width: 0px;
}
.brands-categories-inner ul {
white-space: nowrap;
overflow-x: auto;
white-space: nowrap;
flex-wrap: nowrap;
}
.brands-categories-inner ul li.all a {
padding: 20px 20px !important;
}
.brands-categories-inner ul li.small-car a {
padding: 0px 20px !important;
font-size: 15px;
height: 70px;
width: 114px;
}
.brands-categories-inner ul li.car-seater a{
/* display: block;*/
height: 70px;
font-size: 15px;
width: 125px;
}
.brands-categories-inner ul li.car-seater a img{
width: 27px !important;
padding: 0px 0px !important;
}
}
@media only screen and (max-width: 479px) {
.brands-categories-inner ul li {
padding: 0 4px;
}
.brands-categories-inner ul li a{
font-size: 15px;
}
.brands-categories-inner ul li.all a {
padding: 20px 20px !important;
}
.brands-categories-inner ul li.small-car a {
padding: 0px 20px !important;
font-size: 15px;
height: 70px;
width: 114px;
}
.brands-categories-inner ul li.car-seater a{
/* display: block !important;*/
padding: 2px 20px !important;
height: 70px;
width: 120px;
font-size: 15px;
}
.brands-categories-inner ul li.car-seater a img{
width: 27px !important;
padding: 0px 0px !important;
}
}
/*Booking Process 3*/
.thumb-icon{
color: #143635;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.process-box1 {
padding: 15px;
background-color: #ffffff;
border-radius: 8px;
display: flex;
margin-bottom: 24px;
border: 1px solid #e8e8e8;
}
.process-box1 .process-content {
flex: 1;
}
.process-box1 .process-content .process-meta-box {
display: flex;
align-items: center;
padding: 5px 0px 12px 0px;
}
.process-box1 .process-content .process-meta-box .item-includes {
font-size: 16px;
font-weight: 500;
color: #707070;
margin-right: 20px;
}
.process-box2 {
background-color: #EFF4F9;
border-radius: 8px;
display: flex;
margin-bottom: 24px;
border: 1px solid #e8e8e8;
}
.process-box2 .security-deposit{
padding: 15px;
display: flex;
color: #707070;
}
.process-box2 .security-deposit img{
width: 85px;
margin-right: 15px;
}
.process-box2 .security-deposit p{
margin: 0px;
}
.process-box2 .security-deposit span{
font-weight: 700;
display: contents;
}
.optional-box1 {
background-color: #ffffff;
border-radius: 8px;
margin-bottom: 24px;
border: 1px solid #e8e8e8;
}
.optional-box1 .optional-extras{
margin: 15px;
padding: 10px 0px;
display: flex;
color: #707070;
border-bottom: 2px solid #e8e8e8;
}
.optional-box1 .optional-extras.bdr-none{
border-bottom: none;
}
.optional-box1 .optional-extras img{
width: 70px;
margin-right: 15px;
}
.optional-box1 .optional-extras h3{
font-size: 20px;
margin: 0px;
color: #707070;
font-weight: 700;
}
.optional-box1 .optional-extras .item-title{
font-size: 20px;
margin: 0px;
color: #707070;
font-weight: 700;
}
.optional-box1 .optional-extras p{
margin: 0px;
font-size: 14px;
color: #707070;
line-height: 20px;
}
.optional-box1 .optional-extras span{
font-weight: 700;
display: contents;
}
.optional-box1 .optional-extras .form-check.float-right{
float: left;
}
.insurance.optional-box1 .optional-extras{
border-bottom: none;
background-color: #E5FAEE;
margin: 0px;
padding: 15px;
}
.brs-10{
border-radius: 10px !important;
}
.optional-extras .input-group{
border: none !important;
}
.optional-extras .input-group{
border: none !important;
}
.qnty-label{
position:absolute;
top: 35px;
left: 10px;
padding: 0px;
width: 100%;
border: none;
}
.added1{
margin-left: 20px !important;
padding-top: 3px;
}
.recomend{
background-color: #143635;
padding: 8px 20px;
display: inline-block;
border: none;
border-radius: 10px;
color: #ffffff;
line-height: 1;
font-size: 14px;
font-weight: 600;
position: relative;
transition: all 0.3s ease-in-out;
}
.select-btn2{
border-bottom: none;
background-color: #E5FAEE;
margin: 0px;
color: #ffffff;
background-color: #143635;
padding: 5px 50px !important;
transition: all 0.3s ease-in-out;
font-weight: 700;
font-size: 23px;
position: relative;
z-index: 1;
border-radius: 10px;
float: right;
margin-top: 30px;
}
.select-btn2:hover{
background-color: var(--rt-primary-hover);
}
.widget.widget-listing-box1 .widget-listing.process {
display: flex;
margin-bottom: 15px;
padding-bottom: 0px;
border-bottom: none;
}
.widget.widget-listing-box1 .widget-listing.process a {
color: #707070;
text-decoration: underline;
}
.widget-listing.process .filter-title{
font-size: 18px;
font-weight: 700;
margin-bottom: 0px;
}
.widget-listing.process p{
font-size: 16px;
margin-bottom: 10px;
font-weight: 500;
line-height: 22px;
}
.widget-listing.process span{
font-size: 12px;
margin: 0px;
font-weight: 500;
line-height: 22px;
}
.booking-schedule ul li{
padding: 10px 0px;
border-bottom: 1px solid #dbd5d5;
}
/*.booking-schedule ul li:last-child{
border-bottom: none;
padding: 25px 0px;
font-size: 20px;
}*/
.booking-schedule .booking-s2 li:last-child{
border-bottom: none;
padding: 25px 0px;
font-size: 20px;
}
ul.booking-s1 li{
font-size: 14px;
}
ul.booking-s2 li{
font-size: 14px;
}
ul.booking-s1 li span, ul.booking-s2 li span{
font-size: 15px;
}
.booking-schedule ul li span{
float: right;
font-weight: 700;
}
.booking-schedule a{
color: #707070;
text-decoration: underline;
font-weight: 400;
font-size: 14px;
margin-right: 5px;
}
.car-tile{
font-size: 18px !important;
margin-bottom: 0px;
float: left !important;
}
.t-price{
color: #707070;
font-size: 32px !important;
font-weight: 700;
text-align: center;
margin-bottom: -5px;
}
.btn-primary {
color: #fff;
background-color: #143635;
border-color: #143635;
font-size: 32px;
overflow: ;
padding: 5px;
border-radius: 6px;
width: 35px;
height: 30px;
padding: 0px;
line-height: 10px;
font-weight: 700;
}
.option-label{
color: #143635;
float: right;
margin-right: 10px;
font-weight: 700;
}
.sticky-swidget {
position: sticky;
top: 90px;
height: auto;
}
@media only screen and (max-width: 991px) {
.mr_30 {
margin-right: -20px !important ;
}
}
@media only screen and (max-width: 991px) {
.process-meta-box img {
width: 25px;
}
.process-box1 .process-content .process-meta-box .item-includes {
font-size: 15px;
}
.mr_30 {
margin-right: -18px !important ;
}
}
@media only screen and (max-width: 767px) {
.mr_30 {
margin-right: 10px !important ;
}
.sticky-swidget {
position: static;
}
.agency-box1 {
display: block;
text-align: center;
}
.process-box1 .process-content .process-meta-box{
display: block;
padding: 0px;
}
.process-box1 .process-content .process-meta-box .item-includes {
padding-bottom: 5px;
font-weight: 400;
}
.process-box1 .process-content .process-meta-box .item-includes img{
margin-right: 10px;
width: 20px;
}
.process-box2 .security-deposit{
display: block;
}
.process-box2 .security-deposit p{
font-size: 15px;
}
.optional-box1 .optional-extras{
margin: 5px;
}
.optional-box1 .optional-extras h3{
font-size: 15px;
font-weight: 600;
line-height: 28px;
}
.optional-box1 .optional-extras p{
margin-bottom: 10px;
}
.optional-extras .form-check.float-right{
float: none;
}
.optional-extras .form-check1.float-right{
float: none;
padding-right: 2px;
}
.optional-extras .select-btn2{
float: left;
}
.confirm-p .item-shorting-box{
display: block;
}
.down-voucher{
display: flex;
}
.down-voucher .fa{
padding-right: 5px;
padding-top: 5px;
}
.optional-box1 .optional-extras img {
width: 60px;
padding-top: 5px;
}
.optional-box1 .optional-extras span {
font-weight: 600;
font-size: 14px;
display: contents;
margin-right: 5px;
line-height: 24px;
}
}
@media only screen and (max-width: 575px) {
.process-box1 .process-content .process-meta-box .item-includes{
font-size: 14px;
}
.process-box2 .security-deposit img {
width: 60px;
}
.optional-box1 .optional-extras img {
width: 60px;
padding-top: 5px;
}
.optional-box1 .optional-extras span {
font-weight: 600;
font-size: 14px;
display: block;
}
}
.agency-box1 .item-img {
position: relative;
padding-top: 38px;
padding-right: 10px;
}
.customer-first{
position: absolute;
right: 0px;
}
.form-icon-area span{
font-style: italic;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.customer-first{display:none; }
.pad-20i {
padding: 20px !important;}
}
/*Contact-Page*/
.contact-wrap-inner {
border: 1px solid #e8e8e8;
border-radius: 15px;
padding: 20px 20px !important;
}
.contact-wrap-inner .widget.widget-listing-box1{
background: none;
}
.contact-wrap-inner .sidebar-widget{
margin-top: 60px;
}
.form-section-wrap1.fr-contact-wrapp{
padding: 1px 20px;
}
.form-section-wrap1.fr-contact-wrapp .rent-form .form-grid .form-group .form-control {
background-color: #ffffff;
height: auto;
border: 1px solid #d0cfcf !important;
padding: 16px 10px 16px 45px !important;
}
.form-section-wrap1.fr-contact-wrapp label {
font-size: 16px;
margin-left: 0px;
font-weight: 700;
color: #707070;
}
.form-section-wrap1.fr-contact-wrapp .form-check-input[type="checkbox"] {
border-radius: .25em;
padding: 12px;
margin-right: 10px;
height: auto;
}
.widget.widget-listing-box1 .widget-listing.fr-contact {
display: flex;
margin-bottom: 20px;
padding-bottom: 0px;
border-bottom: none;
}
.widget.widget-listing-box1 .widget-listing.fr-contact a {
color: #707070;
text-decoration: underline;
}
.widget-listing.fr-contact .sub-title{
font-size: 20px;
font-weight: 600;
margin-bottom: 0px;
color: #707070;
width: 100%;
border-bottom: 1px solid #dbd5d5;
padding-bottom: 8px;
}
.widget-listing.fr-contact h4{
font-size: 20px;
margin-bottom: 5px;
margin-top: 15px;
font-weight: 700;
line-height: 22px;
color: #707070;
}
.widget-listing.fr-contact p{
font-size: 15px;
margin-bottom: 6px;
font-weight: 500;
line-height: 22px;
color: #707070;
}
.widget-listing.fr-contact span{
font-size: 12px;
margin: 0px;
font-weight: 500;
line-height: 22px;
}
.widget-listing.fr-contact .fr-contact-inner{
width: 100%;
}
.contact-box-1 {
margin-bottom: 24px;
}
.contact-box-1 .contact-title-1{
padding: 10px 15px 15px 15px;
display: flex;
color: #707070;
}
.contact-box-1 .contact-title-1 .item-title{
font-size: 20px;
margin: 0px;
color: #707070;
font-weight: 500;
}
.border-rt{
border-right: 2px solid #707070;
}
.widget-listing.fr-contact .item-social {
margin-left: 5px;
margin-top: 10px;
}
.widget-listing.fr-contact .item-social ul li {
display: inline-block;
}
.widget-listing.fr-contact .item-social ul li a {
display: flex;
color: #ffffff;
align-items: center;
justify-content: center;
font-size: 16px;
border: none;
border-radius: 4px;
width: 41px;
height: 39px;
margin: 0 auto;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
@media only screen and (max-width: 991px) {
.border-rt{
border-right: none;
}
.contact-wrap-inner {
padding: 20px 15px !important;
}
.form-section-wrap1.fr-contact-wrapp {
padding: 1px 5px;
}
.form-section-wrap1.fr-contact-wrapp .form-check{
font-size: 15px;
}
.contact-wrap-inner .sidebar-widget {
margin-top: 30px;
}
}
@media only screen and (max-width: 575px) {
.contact-box-1 .contact-title-1{
margin: 0px;
}
.contact-box-1 .contact-title-1 .item-title {
font-size: 14px;
}
.contact-box-1 .contact-title-1 {
padding: 5px 5px 10px 5px;
}
.border-rt{
border-right: none;
}
.contact-wrap-inner {
padding: 12px 10px !important;
}
}
/* ========================================= */
/* Animation-NAV */
/* ======================================== */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
/* ========================================= */
/* COMMON-CSS */
/* ======================================== */
.bg-off{background-color: #ffffff !important;}
.bg-grey{background-color: #f0f8fc !important;}
.justf{
text-align: justify !important;
word-break: break-word;
}
.float-right{
float: right;
}
.no-pad{
padding: 0px !important;
}
.no-mgn{
margin: 0px !important;
}
.pr-5 {
padding-right: 5px!important
}
.pr-10 {
padding-right: 10px!important
}
.pr-15 {
padding-right: 15px!important
}
.pr-20 {
padding-right: 20px!important
}
.pr-25 {
padding-right: 25px!important
}
.pr-30 {
padding-right: 30px!important
}
.pr-35 {
padding-right: 35px!important
}
.pr-40 {
padding-right: 40px!important
}
.pr-45 {
padding-right: 45px!important
}
.pr-50 {
padding-right: 50px!important
}
.pr-55 {
padding-right: 55px!important
}
.pr-60 {
padding-right: 60px!important
}
.pl-0 {
padding-left: 0!important
}
.pl-5 {
padding-left: 5px!important
}
.pl-10 {
padding-left: 10px!important
}
.pl-15 {
padding-left: 15px!important
}
.pl-20 {
padding-left: 20px!important
}
.pl-25 {
padding-left: 25px!important
}
.pl-30 {
padding-left: 30px!important
}
.pl-35 {
padding-left: 35px!important
}
.pl-40 {
padding-left: 40px!important
}
.pl-45 {
padding-left: 45px!important
}
.pl-50 {
padding-left: 50px!important
}
.pl-55 {
padding-left: 55px!important
}
.pl-60 {
padding-left: 60px!important
}
.pl-65 {
padding-left: 65px!important
}
.pl-70 {
padding-left: 70px!important
}
.pl-75 {
padding-left: 75px!important
}
.pl-80 {
padding-left: 80px!important
}
.pl-85 {
padding-left: 85px!important
}
.pl-90 {
padding-left: 90px!important
}
.pt-2 {
padding-top: 2px!important
}
.pt-12 {
padding-top: 12px!important
}
.pt-5 {
padding-top: 5px!important
}
.pt-10 {
padding-top: 10px!important
}
.pt-15 {
padding-top: 15px!important
}
.pt-20 {
padding-top: 20px!important
}
.pt-25 {
padding-top: 25px!important
}
.pt-30 {
padding-top: 30px!important
}
.pt-35 {
padding-top: 30px!important
}
.pt-40 {
padding-top: 40px!important
}
.pt-45 {
padding-top: 45px!important
}
.pt-50 {
padding-top: 50px!important
}
.pt-55 {
padding-top: 55px!important
}
.pt-60 {
padding-top: 60px!important
}
.pt-65 {
padding-top: 65px!important
}
.pt-70 {
padding-top: 70px!important
}
.pt-75 {
padding-top: 75px!important
}
.pt-80 {
padding-top: 80px!important
}
.pt-87 {
padding-top: 87px!important
}
.pt-90 {
padding-top: 90px!important
}
.pt-110 {
padding-top: 110px!important
}
.pb-5 {
padding-bottom: 5px!important
}
.pb-10 {
padding-bottom: 10px!important
}
.pb-15 {
padding-bottom: 15px!important
}
.pb-20 {
padding-bottom: 20px!important
}
.pb-25 {
padding-bottom: 25px!important
}
.pb-30 {
padding-bottom: 30px!important
}
.pb-35 {
padding-bottom: 35px!important
}
.pb-45 {
padding-bottom: 45px!important
}
.pb-50 {
padding-bottom: 50px!important
}
.pb-55 {
padding-bottom: 55px!important
}
.pb-60 {
padding-bottom: 60px!important
}
.pb-70 {
padding-bottom: 70px!important
}
.pb-80 {
padding-bottom: 80px!important
}
.pb-90 {
padding-bottom: 90px!important
}
.pb-100 {
padding-bottom: 100px!important
}
.pb-140 {
padding-bottom: 140px!important
}
.mt-5 {
margin-top: 5px!important
}
.mt-10 {
margin-top: 10px!important
}
.mt-15 {
margin-top: 15px!important
}
.mt-20 {
margin-top: 20px!important
}
.mt-25 {
margin-top: 25px!important
}
.mt-30 {
margin-top: 30px!important
}
.mt-35 {
margin-top: 35px!important
}
.mt-40 {
margin-top: 40px!important
}
.mt-45 {
margin-top: 45px!important
}
.mt-50 {
margin-top: 50px!important
}
.mt-60 {
margin-top: 60px!important
}
.mt-80 {
margin-top: 80px!important
}
.mt-90 {
margin-top: 90px!important
}
.mt_5 {
margin-top: -5px!important
}
.mt_10 {
margin-top: -10px!important
}
.mt_12 {
margin-top: -12px!important
}
.mt_15 {
margin-top: -15px!important
}
.mt_25 {
margin-top: -25px!important
}
.mt_30 {
margin-top: -30px!important
}
.mt_40 {
margin-top: -40px!important
}
.mt_45 {
margin-top: -45px!important
}
.mt_50 {
margin-top: -50px!important
}
.mt_60 {
margin-top: -60px!important
}
.mt_70 {
margin-top: -70px!important
}
.mt_72 {
margin-top: -72px!important
}
.mt_80 {
margin-top: -80px!important
}
.mt_85 {
margin-top: -85px!important
}
.mt_90 {
margin-top: -90px!important
}
.mt_200 {
margin-top: -200px!important
}
.ml-0 {
margin-left: 0!important
}
.ml-5 {
margin-left: 5px!important
}
.ml-15 {
margin-left: 15px!important
}
.ml-20 {
margin-left: 20px!important
}
.ml-287 {
margin-left: 287px!important
}
.mr-10 {
margin-right: 10px!important
}
.mr-15 {
margin-right: 15px!important
}
.ml_15 {
margin-left: -15px!important
}
.mr-30 {
margin-right: 30px!important
}
.ml_40 {
margin-left: -40px!important
}
.ml_60 {
margin-left: -60px!important
}
.ml_80 {
margin-left: -80px!important
}
.ml_100 {
margin-left: -100px!important
}
.mr-0 {
margin-right: 0!important
}
.mr-20 {
margin-right: 20px!important
}
.mr-70 {
margin-right: 70px!important
}
.mr_30 {
margin-right: -30px
}
.mr_40 {
margin-right: -40px
}
.mr_60 {
margin-right: -60px
}
.mr_80 {
margin-right: -80px
}
.mr_90 {
margin-right: -90px
}
.mr_190 {
margin-right: -190px
}
.mb_1 {
margin-bottom: -1px!important
}
.mb_45 {
margin-bottom: -45px!important
}
.mb-4 {
margin-bottom: 4px!important
}
.mb-5 {
margin-bottom: 5px!important
}
.mb-8 {
margin-bottom: 8px!important
}
.mb-10 {
margin-bottom: 10px!important
}
.mb-15 {
margin-bottom: 15px!important
}
.mb-25 {
margin-bottom: 25px!important
}
.mb-20 {
margin-bottom: 20px!important
}
.mb-30 {
margin-bottom: 30px!important
}
.mb-35 {
margin-bottom: 35px!important
}
.mb-40 {
margin-bottom: 40px!important
}
.mb-45 {
margin-bottom: 45px!important
}
.mb-50 {
margin-bottom: 50px!important
}
.mb-55 {
margin-bottom: 55px!important
}
.mb-70 {
margin-bottom: 70px!important
}
.mb-90 {
margin-bottom: 90px!important
}
.font-30{
font-size: 30px !important;
}
.font-18{
font-size: 18px !important;
}
.font-16{
font-size: 16px !important;
}
.font-15{
font-size: 15px !important;
}
.font-14{
font-size: 14px !important;
}
.font-13{
font-size: 13px !important;
}
.w-100{
width: 100%;
}
.pad-20i{
padding: 20px 40px;
}
/* =======================
Home-page-Top
------------------------*/
.whatsapp-icon {
position: fixed;
right: 3px;
bottom: 90px;
border-radius: 50%;
height: auto;
width: auto;
cursor: pointer;
z-index: 1000000 !important;
transition: 0.3s;
}
/*=====================================
BACKGROUND-BG
===================================== */
.frs-bg-1 {
position: relative;
z-index: 1;
background-image: url();
background-position: center center;
background-attachment: scroll;
}
.frs-bg-2 {
position: relative;
z-index: auto;
background-image: url();
background-position: center center;
background-attachment: scroll;
}
/*------------------- 6.23 Team -------------------*/
.team-wrap1 {
padding: 40px 0px 10px 0px;
}
@media only screen and (max-width: 991px) {
.team-wrap1 {
padding: 70px 0px 0px 0px;
}
}
@media only screen and (max-width: 575px) {
.team-wrap1 {
padding: 35px 0px 0px 0px;
}
.item-content .item-title h3{
font-size: 20px !important;
}
.carhire-uae-1{
padding: 1px !important;
margin-bottom: 10px !important;
}
}
.category-box {
position: absolute;
bottom: 15px;
left: 20px;
}
.category-box .item-category {
background-color: #ffffff;
padding: 2px 20px;
display: inline-block;
border: none;
border-radius: 4px;
font-size: 15px;
font-weight: 500;
position: relative;
transition: all 0.3s ease-in-out;
}
/*.category-box .item-category:hover {
color: #81FBBF;
}*/
.category-box .item-category:hover:after {
background-color: #ffffff;
}
.category-box .item-category:hover a {
color: #fff;
}
.category-box .item-category a {
color: var(--rt-primary-color);
transition: all 0.3s ease-in-out;
}
/*.category-box .item-category:after {
content: "";
height: 6px;
width: 6px;
background: var(--rt-primary-color);
position: absolute;
bottom: 14px;
left: 10px;
border: none;
border-radius: 50%;
transition: all 0.3s ease-in-out;
}*/
.carhire-uae-1 .item-content .item-title h3 {
font-size: 28px;
font-weight: 700;
line-height: 36px;
margin-bottom: 1px;
color: #143635;
text-align: left;
}
.carhire-uae-1.item-content .item-title h3 a {
color: #212121;
transition: all 0.3s ease-in-out;
}
.carhire-uae-1 .item-content .item-title h3 a:hover {
color: var(--rt-primary-color);
}
.carhire-uae-1 .item-content .item-title .item-subtitle {
font-size: 16px;
margin-bottom: 0;
font-family: 'Open Sans', sans-serif;
text-align: left;
color: #3b3f42;
line-height: 26px;
font-weight: 500;
padding-left: 60px;
}
.carhire-uae-1 .item-content .item-title .item-subtitle a {
color: #3b3f42;
font-weight: 500;
transition: all 0.3s ease-in-out;
}
.carhire-uae-1 .item-content .item-title .item-subtitle a:hover {
color: var(--rt-primary-color);
}
.carhire-uae-1 .item-content .item-contact {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.carhire-uae-1 .item-content .item-contact .item-icon {
font-size: 15px;
color: #788593;
}
.carhire-uae-1 .item-content .item-contact .item-phn-no {
font-size: 15px;
color: #788593;
margin-left: 10px;
}
.carhire-uae-1 {
padding: 10px;
border-radius: 6px;
display: flex;
align-items: flex-start;
position: relative;
z-index: 1;
overflow: hidden;
}
@media only screen and (max-width: 479px) {
.carhire-uae-1 {
display: inline-block;
width: 100%;
text-align: left;
}
}
.carhire-uae-1:hover .item-img a img {
filter: grayscale(0);
transform: scale(1.1);
}
.carhire-uae-1 .item-img {
width: 184px;
height: 184px;
border-radius: 50%;
margin-bottom: 0;
flex-shrink: 0;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 479px) {
.carhire-uae-1 .item-img {
text-align: left;
height: 100%;
width: 100%;
margin-bottom: 15px;
}
}
.carhire-uae-1 .item-img a img {
width: 100%;
min-width: inherit;
object-fit: cover;
object-position: center center;
height: 100%;
transition: 0.4s;
transform: scale(1);
overflow: hidden;
position: relative;
}
.carhire-uae-1 .item-content {
margin-left: 40px;
}
@media only screen and (max-width: 479px) {
.carhire-uae-1 .item-content {
margin-left: 0;
}
}
.carhire-uae-1 .item-content .item-category a {
font-size: 15px;
padding: 1px 18px;
border-radius: 30px;
background-color: var(--rt-primary-color);
color: #fff;
display: inline-block;
margin-bottom: 10px;
}
.carhire-uae-1 .item-content .item-contact {
border: 1px solid #E2E2E2;
border-radius: 30px;
background-color: #fff;
padding: 4px 20px;
}
.single-listing-button-2 {
padding: 0;
margin-bottom: 20px;
}
.uae-place p{
color: #3b3f42;
font-size: 22px;
font-weight: 400;
}
.mb-21{
margin-bottom: 52px;
line-height: 45px;
}
@media only screen and (max-width: 575px){
.mb-21{
margin-bottom: 15px;
line-height: 40px;
}
.uae-place p{
font-size: 16px;}
.branded-trminal .text-box{
padding: 4px 10px;
border-left: 3px solid #143635;
}
.branded-trminal .text-box.branded-box{
border-left: 3px solid #143635;
}
}
/*----------------------------------------*/
/* CAPTCHA
/*----------------------------------------*/
.captcha-area{
width: 100%;
float: left;
margin-bottom: 8px;
}
.captch {
width: 150px;
/*height: 30px;*/
background: url() repeat;
float: left;
margin: 0px 0 0 0px;
padding: 10px;
text-align: center;
/*text-decoration: line-through;*/
font-size: 25px;
color: #333333;
line-height: 30px;
letter-spacing: 4px;
border: 1px solid #d2d2d2;
}
.cap_in {
width:25% !important;
height: auto;
font-family: roboto, sans-serif !important;
font-size:19px !important;
font-weight: 500 !important;
color:#3a3a3a !important;
text-align: center;
background:#FFFFFF;
border:1px solid #d2d2d2 !important;
padding-left:2% !important;
margin:0px 0px 0px 5px !important;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.cap_in:focus, .cap_in:hover{
border-color:#0096c0;
}
.cap_in-home{
width:42%;
height: auto;
font-family: roboto, sans-serif!important;
font-size:17px;
color:#3a3a3a;
background:#FFFFFF;
border:1px solid #d2d2d2;
padding-left:2%;
margin:0px 0px 0px 5px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
.cap_in-home:focus, .cap_in:hover{
border-color:#0096c0;
}
/*----------------------------------------*/
/* Datepicker
/*----------------------------------------*/
.rd-container {
display: none;
/*border: 1px solid #333;*/
background-color: #fff;
padding: 10px;
text-align: center;
box-shadow: 0 15px 30px 0 rgba(0,0,0,.2);
z-index: 10;
position: relative;
}
.rd-container-attachment {
position: absolute;
}
.rd-month {
display: inline-block;
margin-right: 25px;
}
.rd-month:last-child {
margin-right: 0;
}
.rd-back,
.rd-next {
cursor: pointer;
border: none;
outline: none;
background: none;
padding: 0;
margin: 0;
}
.rd-back[disabled],
.rd-next[disabled] {
cursor: default;
}
.rd-back {
float: left;
margin-left: 10px;
}
.rd-next {
float: right;
margin-right: 10px;
}
.rd-back:before {
display: block;
content: '\2190';
}
.rd-next:before {
display: block;
content: '\2192';
}
.rd-day-body {
cursor: pointer;
text-align: center;
/* new */
width: 50px;
height: 50px;
text-align: center;
}
.rd-day-selected,
.rd-time-selected,
.rd-time-option:hover {
cursor: pointer;
background-color: #143635;
color: #fff;
/* new */
border-radius: 50%;
}
.rd-day-prev-month,
.rd-day-next-month {
color: #999;
}
.rd-day-disabled {
cursor: default;
color: #fcc;
}
.rd-time {
position: relative;
display: inline-block;
margin-top: 5px;
min-width: 80px;
}
.rd-time-list {
display: none;
position: absolute;
overflow-y: scroll;
max-height: 160px;
left: 0;
right: 0;
background-color: #fff;
color: #333;
}
.rd-time-selected {
padding: 5px;
}
.rd-time-option {
padding: 5px;
}
.rd-day-concealed {
visibility: hidden;
}
.rd-days {
margin-top: 20px;
}
/*----------------------------------------*/
/* Other-CSS
/*----------------------------------------*/
.btn-one {
position: relative;
display: inline-block;
padding: 8px 22px;
background-color: #0a4c91;
border: 2px solid #fff;
color: #ffff00;
font-size: 16px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
border-radius: 10px;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
font-family: 'Inter', sans-serif;
z-index: 1;
}
.btn-one:before {
position: absolute;
left: 45%;
bottom: 0px;
right: 45%;
height: 50%;
border-radius: 8px;
background: #191f2d;
opacity: 0;
content: "";
z-index: -1;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.btn-one:hover:before {
opacity: 1;
left: 0;
height: 100%;
right: 0;
transition: all 400ms linear;
transition-delay: 0.1s;
}
.btn-one .txt {
position: relative;
z-index: 1;
}
.btn-one:hover,
.btn-one:focus {
color: #ffffff;
text-shadow: 0px 5px 3px rgba(12, 21, 41, 0.1);
}
.enq-butn{
width: auto !important;
height: auto!important;
padding: 7px 16px!important;
font-size: 15px!important;
line-height: 28px!important;
font-weight: 400px!important;
background-color: #083f82!important;
color: #FFFFFF!important;
display: inline-block!important;
border-bottom: 2px solid #24baca !important;
}
.enq-butn:hover{
background-color: #0c174a!important;
color: #FFFFFF!important;
}
.basic-button-area{
text-align: right;
margin-top: 15px;
}
.basic-button-area a:hover{
color: #ffff00;
}
.basic-button {
display: inline-block;
background-color: #0a4c91;
border: none;
border-radius: 4px;
color: #ffff00;
font-size: 14px;
font-weight: 500;
padding: 7px 11px;
transition: all 0.3s ease-in-out;
z-index: 1;
position: relative;
}
.basic-button:hover:after {
visibility: visible;
opacity: 1;
left: 0;
width: 100%;
}
.basic-button:after {
content: "";
height: 100%;
width: 0;
background-color: rgba(0, 0, 0, 0.15);
position: absolute;
bottom: 0;
right: 0;
left: 0;
visibility: hidden;
opacity: 0;
border: none;
border-radius: 4px;
z-index: -1;
transition: all 0.3s ease-in-out;
}
/*----------------------------------------*/
/* Mobile-Version
/*----------------------------------------*/
@media screen and (max-width: 767px) {
.top-35{top: 35px !important;}
.no-gut{--bs-gutter-x: 0rem;}
}
@media screen and (max-width: 480px) {
.pad-80{padding: 30px 0px;}
.mt-sm-54{margin-top: 10px !important;}
.mt-sm-60{margin-top: 20px !important;}
.social-icons a{color:#12626a;}
.sbs-footer{display:table;
width:100%;
position:fixed;
z-index:99999;
bottom:0;
background-color:#213d79;
}
.cap_in{width: 38% !important;}
.mg-bt-90{
margin-bottom: 30px;
}
.xs-jstf{
text-align: justify !important;
}
}
.button_remove {
background: none;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
color: #707070;
text-decoration: underline;
font-weight: 400;
font-size: 14px;
}
.social_icon {
width: 100%;
height: 100%;
color: #143635;
-webkit-transition: 0.3sease;
transition: 0.3sease;
}