/*....................................
Template Name: Taxi Cab HTML5 Template.
Template URI: http://creativeon/com
Description: Taxi Cab HTML5 Template one of the most latest Taxi Cab Template.
Author: taxi-cab   todo
Author URI: creativeON (Sajid Iqbal)
Version: 1.0
....................................
CSS INDEX
....................................
1.Theme Default CSS (body, link color, section etc)
2.Header Area Start Here

3. Start Slider Area
    3.1 Slider
    3.2 slider-style-2 With nav bar
    3.3 slider-style-3  whit nav bar
4 . Home page featuer start Here
        4.1 Home two page featuer start Here
5. Home page Banner start Here
    5.1 Home Two Banner start Here
    5.2 Home Three Banner start here
6 Home page About-taxi Start Here
    6.1 Home two page About-taxi Start Here
7. Home page Book-taxi Start Here
    7.1 Home two page Book-taxi Start Here
    7.2 Home three page Book-taxi Start Here
8. Home page Choose-taxi Start Here
9. Home page Awesome-fleet  Start Here
10. Home page counter-down Start Here
11. Home page caltulate Start Here
    11.1 Home two page caltulate Start Here
    11.2 Home three page caltulate Start Here
12 Home page Clients Start Here
    12.1 Home page Clients Start Here
    12.2 Home three page Clients Start Here
....................................*/




@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto');
section{
    overflow: hidden;
}
img{
    width: 100%;
}
video{
    width: 100%;
}

[class^="flaticon-"] {
    color: black;
}
.form-inline .form-control:focus,
.form-control:focus,
.form-inline .form-control input:focus,
.rejistration input.form-control:focus
{
    color: #464a4c;
    border-color: #75C75A;
    outline: 0;
}
h3, h4, h5, h6{
    font-family: Roboto;
    font-weight: bold;
}
input.form-control::placeholder {
    color: #00000036;
}

button {
    text-transform: uppercase;
    font-size: 12px;
}
/* =========================================
   2. Header Area Start Here
   ======================================== */
.header-style-3{
    background-color: #282828;
}
.header-style-3 ul li a{
    color: #ffffff;
}
.header-style-3 .navbar{
    margin-bottom: 0
}
.header-style-3{
    overflow: visible;
}
.header-style-3 .navbar-nav{
    float: right;
}
.header-style-3 .dropdown-menu{
    left: auto;
}

.header-style-3 .dropdown-menu ul li a img{
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
    width: auto;

}
.header-style-3 .dropdown-menu ul li a{
    color: black;
    display: block;
    padding: 4px 0 4px 12px;
    text-decoration: none;
}
.header-style-3 .dropdown-menu ul li a:hover{
    background-color: #f5f5f5;
}
.header-3{
    padding-left: 25px;
}

/* ===========================
    3.1 > Start Slider Area
        > Nav bar Aria
    ==========================*/

.navbar-slider {
    background-image: url("../images/sliderimage2.png");
    background-size: cover;
    padding: 60px 0px
}

.navbar-slider .row{
    background-color: white;
}
.navbar-slider img{
    width: auto;
}
.navbar-slider .row li a{
    color: #222222;
    text-decoration: none;
}


.navbar-slider .row li a:hover{
    color: #75c75a;
}

.navbar-slider .slide-header-navbar .contant-text{
    color: white;
}

.navbar-slider .slide-header-navbar h1{
    font-weight: bold;
    font-size: 48px;
    font-family: Roboto;
    margin-bottom: 35px;
}

.navbar-slider .slide-header-navbar p{
    font-size: 16px;
    font-family: Open Sans;
    margin-bottom: 40px;
}

.navbar-slider .slide-header-navbar button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;
}
.navbar-slider .flaticon-minivan-car:before,
.navbar-slider .flaticon-car-black-side-view-pointing-left:before,
.navbar-slider .flaticon-coupe-car:before{
    margin-left: 0;
    margin-top: -10px;
    font-size: 48px;
}
.navbar-slider .nav-row-slidre{
    margin-bottom: 144px;
}
.navbar-slider .slide-header-navbar button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px  #75c75a;
    border-radius: 30px;
}
.owl-theme .owl-controls .owl-buttons div {
    background: no-repeat;
    opacity: 1;
}
.navbar-slider  .row.wigets-row button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;
}
.navbar-slider .row.wigets-row button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px  #75c75a;
    border-radius: 30px;
}

.navbar-slider  .row.wigets-row{
    margin: auto;
    max-width: 85%;
    padding-top: 25px;
    padding-bottom: 25px;
}

.navbar-slider  .row.wigets-row input{
    border-radius: 0px;
}
.navbar-slider  .row.wigets-row ul li{
    float: left;
    text-align: center;
    color: #222222;
    width: 33.33%;
    background-color: #f5f5f5;
    height: 92px;
}
.navbar-slider .form-control:focus {
    color: #464a4c;
    border-color: #75C75A;
    outline: 0;
}
.navbar-slider .row .navbar{
    padding: 0px;
}
.main-menu ul li ul.sub-menu {
    position: absolute;
    width: 200px;
    top: 132%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
    z-index: 9;
    background-color: #0d0d0d;
}

.main-menu ul li ul.sub-menu li{
    border-bottom: solid 1px white;
    padding: 0px 10px;
}
.main-menu ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.main-menu ul li ul.sub-menu a{
    color: white;
    text-decoration: none;
}
.main-menu ul li ul.book-menu {
    left: 436px;
}

.main-menu ul li ul.blog-menu{
    left: 710px;
}

.main-menu ul li ul.page-menu{
    left: 780px;
}

.navbar-slider  .row.wigets-row ul li strong{
    display: block;
    margin-top: -15px;
    font-size: 14px;
}


.navbar-slider  .row.wigets-row ul li:hover{
    background-color: #2b383e;
}
.navbar-slider  .row.wigets-row ul li:hover a{
    color: white;
    text-decoration: none;
}




.navbar-slider  .row.wigets-row ul li img.normal {
    display: block;
}
.navbar-slider  .row.wigets-row ul li img.hover {
    display: none;
}
.navbar-slider  .row.wigets-row ul li:hover img.normal {
    display: none;
}
.navbar-slider  .row.wigets-row ul li:hover img.hover {
    display: block;
}


.navbar-slider .slide-header-navbar  i.fa.fa-angle-right{
    background-color: #2b383e;
    color: white;
    right: -67px;
    position: absolute;
    top: 101px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    transition: 300ms;
    width: 35px;
    height: 35px;
}
.navbar-slider .slide-header-navbar i.fa.fa-angle-left{
    background-color: #2b383e;
    color: white;
    left: -67px;
    position: absolute;
    top: 101px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    transition: 300ms;
    width: 35px;
    height: 35px;
}

.navbar-slider .row .navbar-nav li a{
    line-height: 4;
    font-family: roboto;
}

.navbar-slider .row .navbar-nav li ul li {
    height: 58px;
    line-height: 1;
    margin-top: -8px;
}

.navbar-slider .slide-header-navbar  i.fa.fa-angle-right:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.navbar-slider .slide-header-navbar i.fa.fa-angle-left:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}
.about-test-1 {
    padding-top: 150px;
    padding-bottom: 90px;
}
.about-test-1 h2 {
    padding-bottom: 25px;
    font-weight: bold;
    font-size: 36px;
    font-family: Roboto;


}

.about-test-1 span a{
     color: #75c75a;
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold;
 }
.about-test-1 a{
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold;
}
.about-test-1 h2,
.about-test-1 a{
    color: white;
    text-decoration: none;
    margin-bottom: 0;

}
.taxi-cab-style-3 .button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
}
.taxi-cab-style-3 .button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}


/* ===========================
    3.2 > Start Slider Area
        > Nav bar Aria
    ==========================*/


.slider-style-2 {
    background-image: url("../images/home2/slider2.png");
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 0px;
}
.slider-style-2 .row{
    padding-top: 10px;
    padding-bottom: 10px;
}
.slider-style-2 img{
    width: auto;
}
.slider-style-2 .row li a {
    color: white;
}
.slider-style-2 .row li a:hover{
    color: #75c75a;}
.slider-style-2 .slick-slider .slider-text{
    color: white;
}
.slider-style-2 .slick-slider button{
    background-color: #75c75a;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
}
.slider-style-2 .slick-slider .row{
    margin: auto;
    max-width: 85%;
    padding-top: 25px;
    padding-bottom: 10px;
    background-color: rgba(43, 56, 62, 0.78);
}

.slider-style-2 .slick-slider .row .form-control{
    border-radius: 0px;
    display: inline-block;
    background-color: transparent;
    border: solid 1px white;
    color: white;
}
.slider-style-2 .slick-slider .row input{
    max-width: 41%;
}
.slider-style-2 .slick-slider .row select{
    max-width: 15%;
}

.slider-style-2 .slick-slider .row .form-control{
    border-radius: 0px;
    display: inline-block;
}
.slider-style-2 .text-style-2{
    color: white;
    padding: 0px;
}
.slider-style-2 .button-style-2{
    padding-left: 0px;
    padding-right: 20px;
}
.slider-style-2 .slick-slider i.fa.fa-angle-right{
    background-color: #2b383e;
    color: white;
    right: 0px;
    position: absolute;
    top: 60px;
    padding: 7px 15px 7px 15px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 20px;
    width: 35px;
    height: 35px;
}
.slider-style-2 .slick-slider i.fa.fa-angle-left{
    background-color: #2b383e;
    color: white;
    left: 0px;
    position: absolute;
    top: 60px;
    padding: 7px 15px 7px 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    border-radius: 20px;
    width: 35px;
    height: 35px;
}
.slider-style-2 .slick-slider i.fa.fa-angle-left:hover,
.slider-style-2 .slick-slider i.fa.fa-angle-right:hover{
    background-color: #75c75a;
}



/* ===========================
    3.3 > Start Slider Area
        > Nav bar Aria
    ==========================*/


.slider-style-3 {
    background-image: url("../images/home3/slider3.png");
    background-size: cover;
    padding-bottom: 40px;
}
.navbar-bg-3{
    background-color: white;
}
.slider-style-3 img{
    width: auto;  }
.slider-style-3 .row li a {
    color: #222222;
}
.slider-style-3 .row li a:hover{
    color: #75c75a;
}

.slider-style-3 .slick-slider .slider-text{
    color: white;
}
.slider-style-3 .slick-slider button{
    background-color: #75c75a;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
}
.slider-style-3 .slick-slider .row{
    margin: auto;
    max-width: 85%;
}

.slider-style-3 .slick-slider .row .form-control{
    border-radius: 0px;
    display: inline-block;
    background-color: transparent;
    border: solid 1px #222222;
    color: black;
}
.slider-style-3 .slick-slider .row input{
    max-width: 100%;
}

.slider-style-3 .slick-slider .row .form-control{
    border-radius: 0px;
    display: inline-block;
}
.slider-style-3 .slick-slider .row ul {
    background-color: #f5f5f5;
    padding: 7px;
}
.slider-style-3 .slick-slider .row ul li {
    display: inline-block;
    text-align: center;
    padding: 15px;
    margin-left: 13px;
    color: #222222;
}
.slider-style-3 .row li a {
    color: #222222;
}
.slider-style-3 .slick-slider .row ul li:hover {
    background-color: #75c75a;
}

.slider-style-3 .slick-slider .row ul li:hover a {
    color: white;
    text-decoration: none;
}
.slider-style-3 .slick-slider .row ul li strong {
    display: block;
}
.slider-style-3 .text-style-2{
    color: white;
    padding: 0px;
}
.slider-style-3 .button-style-2{
    padding-left: 0px;
    padding-right: 20px;
}
.slider-style-3 .slick-slider i.fa.fa-angle-right{
    background-color: #2b383e;
    color: white;
    right: 0px;
    position: absolute;
    top: 229px;
    padding: 7px 15px 7px 15px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 20px;
}
.slider-style-3 .slick-slider i.fa.fa-angle-left{
    background-color: #2b383e;
    color: white;
    left: 0px;
    position: absolute;
    top: 229px;
    padding: 7px 15px 7px 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    border-radius: 20px;
}
.slider-style-3 .slick-slider i.fa.fa-angle-left:hover,
.slider-style-3 .slick-slider i.fa.fa-angle-right:hover{
    background-color: #75c75a;
}

.slider-text-3{
    margin: auto;
    max-width: 90%;
    padding-top: 25px;
}

.slider-iteam-3{
    background-color: white;
    padding-bottom: 33px;
}
.text-slider-3 h4{
    background-color: #101010;
    color: white;
    margin-bottom: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.slider-text1-3{
    color: white;
    padding-top: 112px;
}
.slider-text1-3 p{
    color: #d1d1d1;
}
/* ===========================
    4. featuer stat here
     ==========================*/

.feature .slide-featucher .row{
    margin: auto;
}

.feature .slide-featucher .row img{
    width: 100%;
}
.feature .slide-featucher i.fa.fa-angle-left{
    background-color: #2b383e;
    color: white;
    left: -55px;
    position: absolute;
    top: 115px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    width: 35px;
    height: 35px;
    text-align: center;
    transition: 300ms;
}
.feature .slide-featucher i.fa.fa-angle-right{
    background-color: #2b383e;
    color: white;
    right: -55px;
    position: absolute;
    top: 115px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    text-align: center;
    transition: 300ms;
}
.feature .slide-featucher i.fa.fa-angle-right:hover,
.feature .slide-featucher i.fa.fa-angle-left:hover {
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.feature {
    background-color: #f4f7f9;
    padding: 100px 0px;
}
.feature .text-center h3{
    font-size: 36px;
    font-weight: 700;
    font-family: Roboto;
    margin-bottom: 25px;
}

.feature .text-center p{
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 60px;
}

.feature .feature-border {
    border-bottom: solid 3px #75c75a;
    max-width: 51px;
    margin-bottom: 24px
}

.feature .contant-iteam .contant-text{
    position: absolute;
    color: white;
    bottom: -80px;
    left: 0px;
    transition: 300ms;
    right: 0;
    padding-left: 19px;
    top: auto;
    padding-bottom: 14px;
    padding-top: 10px;

}
.feature .contant-iteam {
    position: relative;
}
.feature .contant-iteam .contant-text span i.fa.fa-angle-right{
    top: 7px;
    right: 12px;
    border-radius: 30px;
    font-size: 19px;
    padding-left: 11px;
    padding-right: 11px;
    text-align: center;
    background-color: #2b383e;
    color: white;
    position: absolute;
    cursor: pointer;
    width: 35px;
    height: 35px;
    line-height: 26px;
    transition: 300ms;
    text-align: center;

}

.feature .contant-iteam .contant-text span.icons-iteam i.fa.fa-angle-right{
    right: 17px;
    text-align: center;
    line-height: 24px;
    z-index: 165;
    top: 7px;
}
.feature .contant-iteam .contant-text span.icons-iteam1 i.fa.fa-angle-right{
    right: 10px;
    text-align: center;
    line-height: 24px;

}

.feature .contant-text .mb-3{
    font-size: 18px;
    font-family: "roboto";
    font-weight: bold;
}

.feature .contant-iteam:hover .contant-text{
    bottom: 0px;
    background-color: #ffffff38;
}
.feature .contant-iteam:hover .feature-box-text {
    opacity: 1;
}
.feature .feature-box-text{
    opacity: 0;
    transition: 500ms;
    font-size: 14px;
    font-family: "Open Sans";
}
    /* ================================
        4.1 featuer home two stat here
        ================================*/

.feature-style-2 img{
    width: auto;
}

/* =====================================
    5. Home page Banner start Here
   =====================================*/

.banner{
    background-image: url("../images/banner.png");
    background-size: cover;
    padding: 130px 0px;
}
.banner button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;
}
.banner button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.banner .text-center div{
    color: white;
}


.banner .text-center div h3{
    font-size: 36px;
    font-weight: 700;
    font-family: "Roboto";
    margin-bottom: 40px;
}
.banner .text-center div p{
    font-family: "Open Sans";
    margin-bottom: 40px;
}

.banner-2{
    background-image: url("../images/home2/banner.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: -15%;
    padding-top: 156px;
    padding-bottom: 156px;
    background-color: #f9f9f9;
}

.banner-2 img{
    max-width: 70%;
    box-shadow: 0px 5px 10px 0px rgba(128, 128, 128, 0.5);
}
.banner-2 button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-family: Roboto;
    font-weight: bold;
}
.banner-2 button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}
.banner-2 p{
    font-size: 18px;
    font-family: "Open Sans";
    padding-bottom: 45px;
}

/* =====================================
    5.1 Home two page Banner start Here
   =====================================*/

.banner-style-2{
    background-image: url("../images/home2/banner.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: -15%;
    padding-top: 156px;
    padding-bottom: 156px;
    background-color: #f9f9f9;
}

.banner-style-2 img{
    max-width: 70%;
    box-shadow: 0px 5px 10px 0px rgba(128, 128, 128, 0.5);
}
.banner-style-2 button{
    background-color: #75c75a;
    font-size: 11px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
    color: white;
}
.banner-style-2 button:hover{
    border-radius: 30px;
}


/* =====================================
    5.2 Home Three page Banner start Here
   =====================================*/


.banner-style-3{
    background-image: url("../images/home3/banner.png");
    background-size: auto;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}

.banner-style-3 button {
    background-color: #75c75a;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
    color: white;
    text-decoration: none;
}
.banner-style-3 p{
    margin: auto;
    max-width: 71%;
}

.banner-style-3 div{
    color: white;
}


/* ==================================
    6. Home page About-taxi Start Here
   ====================================*/

.about-taxi{
    background-image: url("../images/abouttaxi.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: -50%;
   padding: 190px 0px;

}

.about-taxi button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;
}
.about-taxi button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.about-taxi .row h3{
    font-size: 36px;
    font-weight: 700;
    font-family: "Roboto";
    margin-bottom: 30px;
}
.about-taxi .row div p strong{
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold;
}
.about-taxi .row p{
    font-size: 14px;
    margin-bottom: 25px;
}

/* =====================================
   6.1 Home two page About-taxi Start Here
   ======================================*/

.about-taxi-style-2{
    background-color: #f8f8f8;
}
.about-taxi-background{
    background-image: url("../images/home2/abouttaxi.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 199%;
    padding-top: 57px;
    padding-bottom:  187px;
}

.about-taxi-background button{
    background-color: #75c75a;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
}
.about-taxi-style-2 .about-text-2{
    border-left: solid;
    border-right: solid;
    margin: auto;
    max-width: 30%;
    border-color:  #75c75a;
}

/* ===========================================
   7. Home page Book-taxi Start Here
   ===========================================*/
.book-taxi{
    background-color: #f4f7f9;
    padding: 100px 0px;
}

.book-taxi .text-center h3{
    font-size: 36px;
    font-weight: 700;
    font-family: "Roboto";
    margin-bottom: 25px;
}

.book-taxi .text-center p{
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 60px;
}

.book-taxi .master-row .row .contant-text h6{
    font-size: 18px;
    font-family: "roboto";
    font-weight: bold;
}

.book-taxi .slide-book-taxi .row.master-row{
    margin: auto;
}
.book-taxi .slide-book-taxi  i.fa.fa-angle-left{
    display: inline-block;
    background-color: #2b383e;
    color: white;
    left: -47px;
    position: absolute;
    top: 280px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    width: 35px;
    height: 35px;
    text-align: center;
    transition: 300ms;
}
.book-taxi .slide-book-taxi i.fa.fa-angle-right{
    background-color: #2b383e;
    color: white;
    right: -54px;
    position: absolute;
    top: 280px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    text-align: center;
    transition: 300ms;
}

.book-taxi .slide-book-taxi i.fa.fa-angle-right:hover,
.book-taxi .slide-book-taxi  i.fa.fa-angle-left:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.book-taxi .slide-book-taxi .row button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;
}

.book-taxi .slide-book-taxi .row button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;;
}
.book-taxi .slide-book-taxi .row span .fa{
    border: solid 1px;
    margin-right: -5px;
    height: 40px;
    width: 45px;
    line-height: 36px;
    text-align: center;
}

.book-taxi .slide-book-taxi .row span.book-icon{
    margin-left: 10px;
}

.book-taxi .slide-book-taxi.row span.book-icon{
    margin-left: 10px;
}

.book-taxi .slide-book-taxi .row p{
    margin-bottom: 7px;
}

.book-taxi .slide-book-taxi .row .contant-text{
    background-color: #f3f3f3;
    padding: 20px;
}

.book-taxi .slide-book-taxi .row .contant-text p{
    font-size: 14px;
    font-family: "Open Sans";
}

.book-taxi .slide-book-taxi .row .contant-iteam{
    padding-right: 0px;
    padding-left: 0px;

}

.book-taxi .slide-book-taxi .contant-book .icons-book img{
    width: auto;
    border-radius: 30px;
    margin-bottom: 29px
}
.contant-book .icons-book .book-inline{
    display: inline-block;
    color: white;
    padding-left: 10px;
    margin-bottom: -10px;
}
.book-taxi .slide-book-taxi .contant-book{
    position: relative;
}
.book-taxi .slide-book-taxi .contant-book .icons-book {
    position: absolute;
    bottom: 0px;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.38);
    width: 100%;
    height: 27%;
    padding-top: 10px;
    padding-left: 10px;
    transition: 300ms;
}


.book-taxi .slide-book-taxi .row .col-sm-6:hover .icons-book{
    opacity: 1;

}
.book-taxi .slide-book-taxi .row.master-row .row {
    margin-left: 4px;
    transition: 300ms;
}

.book-taxi .slide-book-taxi .row.master-row .row:hover {
    box-shadow: 0px 5px 15px 0px rgba(159, 159, 159, 0.68);

}

/* ===========================================
    7.1 Home two page Book-taxi Start Here
   ===========================================*/


.book-taxi-style-2 .book-image img{
    max-width: 100%;
    max-height: 120px;
}
.book-taxi-style-2 .row{
    margin: auto;
    width: 90%;
}
.book-taxi-style-2 .book-inline img{
    width:auto;
    border-radius: 30px;
}
.book-taxi-style-2 .book-iteam{
    background-color: #f9f9f9;
    padding: 28px;
}

.book-taxi-style-2 .book-iteam button{
    background-color: #75c75a;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
    color: white;
}
.book-taxi-style-2 .book-iteam span{
    border: solid 1px;
    padding: 4px 8px 4px 10px;
    margin-right: -1px;
    font-size: 11px;
}
.book-taxi-style-2  span.book-icon {
    margin-left: 10px;
}
.book-taxi-style-2 .icons-book .book-inline{
    display: inline-block;
}
.book-taxi-style-2 .icons-book{
    border-bottom: solid 1.5px #ededed;
}
.book-taxi-style-2 .icons-book i.fa{
    color: #75c75a;
}
.book-taxi-style-2 .book-iteam:hover{
    box-shadow: 1px 2px 12px 0px;
}
.book-taxi-style-2 .slick-slider1  i.fa.fa-angle-left{
    background-color: #2b383e;
    color: white;
    left: 0px;
    position: absolute;
    top: 243px;
    padding: 7px 15px 7px 15px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 20px;
    z-index: 5;
}
.book-text-2{
    border-left: solid;
    border-right: solid;
    margin: auto;
    max-width: 18%;
    border-color: #75c75a;
}

.booking-tag-2{
    position: absolute;
    top: 27px;
    background-color: #2b383e;
    border-radius: 54px;
    padding: 8px;
    right: 32px;
    color: white
}
.book-taxi-style-2 .slick-slider1 i.fa.fa-angle-right{
    background-color: #2b383e;
    color: white;
    right: 0px;
    position: absolute;
    top: 243px;
    padding: 7px 15px 7px 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    border-radius: 20px;
}
.book-taxi-style-2 .slick-slider i.fa.fa-angle-left:hover,
.book-taxi-style-2 .slick-slider i.fa.fa-angle-right:hover{
    background-color: #75c75a;
    box-shadow: 0px 11px 12px 0px gainsboro;
}

/* ===========================================
    7.2 Home three page Book-taxi Start Here
   ===========================================*/


.book-taxi-style-3 .book-image img{
    max-width: 100%;
    max-height: 142px;
}
.book-taxi-style-3 .row{
    margin: auto;
    width: 90%;
}
.book-taxi-style-3 .book-iteam{
    background-color: #f9f9f9;
    padding: 28px;
}

.book-taxi-style-3 .book-iteam button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;
}

.book-taxi-style-3 .book-iteam button:hover{
    background-color: #75c75a;
    border-bottom: solid 2px #569242;
    color: white;
}


.book-taxi-style-3 .book-iteam span{
    border: solid 1px;
    padding: 4px 8px 4px 10px;
    margin-right: -1px;
    font-size: 11px;
}
.book-taxi-style-3  span.book-icon {
    float: right;
}
.book-taxi-style-3 .book-iteam .contant-text span{
    color: #75c75a;
    float: right;
    border: none;
    font-weight: bold;
    font-size: 18px;
    padding: 0px;
}
.book-taxi-style-3 .slick-slider1  i.fa.fa-angle-left{
    background-color: #2b383e;
    color: white;
    left: 0px;
    position: absolute;
    top: 358px;
    padding: 7px 15px 7px 15px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 20px;
    z-index: 5;
}
.book-text-3{
    border-left: solid;
    border-right: solid;
    margin: auto;
    max-width: 18%;
    border-color: #75c75a;
}
.book-taxi-style-3 .slick-slider1 i.fa.fa-angle-right{
    background-color: #2b383e;
    color: white;
    right: 0px;
    position: absolute;
    top: 358px;
    padding: 7px 15px 7px 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    border-radius: 20px;
}
.book-taxi-style-3 .slick-slider i.fa.fa-angle-left:hover,
.book-taxi-style-3 .slick-slider i.fa.fa-angle-right:hover{
    background-color: #75c75a;
    box-shadow: 0px 11px 12px 0px gainsboro;
}
    /* =======================================
        8. Home page Choose-taxi  Start Here
       =======================================*/


.choose-taxi{
    background-image: url("../images/choosetaxi.png");
    background-repeat: no-repeat;
    background-size: cover;

}

.choose-taxi .choose-iteam{
    color: white;
    padding: 140px 0px;
}
.choose-taxi .choose-iteam span{
    padding-left: 10px;
    font-size: 20px;
}

.choose-taxi .choose-iteam i.fa{
    color: #75c75a;
    font-size: 30px;
    padding-top: 6px;
}
.choose-taxi .choose-iteam .choose-text{
    font-size: 14px;
    padding-bottom: 7px;
}

.choose-taxi .choose-contant{
    background-color: rgba(0, 0, 0, 0.52);
    padding-left: 35px;
}
.choose-taxi .choose-contant .row h5{
    font-size: 18px;
}

.choose-taxi .choose-contant .choose-iteam h4{
    font-size: 36px;
}

/* ======================================
     9. Home page Awesome-fleet  Start Here
     ====================================*/
.awesome-fleet{
    padding: 100px 0px;
}
.awesome-fleet .row{
    margin: auto;
}

.awesome-fleet .row .contant-iteam .contant-text{
    background-color: #a0afa0;
    padding: 10px;
    margin-bottom: 10px;
    padding-left: 17px;
}
.awesome-fleet  .row .contant-iteam .contant-text button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;

}

.awesome-fleet  .row .contant-iteam .contant-text button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}
.awesome-fleet  .row .contant-iteam:hover{
    box-shadow: 0px 5px 10px 0px rgba(154, 148, 148, 0.62);

}

.awesome-fleet .owl-buttons i.fa.fa-angle-left{
    background-color: #2b383e;
    color: white;
    left: -35px;
    position: absolute;
    top: 186px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    width: 35px;
    height: 35px;
    transition: 300ms;
}

.awesome-fleet .owl-buttons i.fa.fa-angle-right:hover,
.awesome-fleet .owl-buttons i.fa.fa-angle-left:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}
.owl-theme .owl-controls .owl-buttons div {
    background: no-repeat;
    opacity: 1;
}
.awesome-fleet .owl-buttons i.fa.fa-angle-right{
    background-color: #2b383e;
    color: white;
    right: -35px;
    position: absolute;
    top: 186px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    transition: 300ms;
}
.awesome-fleet  .row .contant-iteam{
    position: relative;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.awesome-fleet .row .contant-iteam .contant-icon{
    position: absolute;
    bottom: 243px;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.62);
    text-align: center;
    height: 230px;
    line-height: 226px;
}

.awesome-fleet .text-center h3{
    font-size: 36px;
    font-weight: 700;
    font-family: Roboto;
    margin-bottom: 25px;
}
.awesome-fleet .text-center p{
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 60px;
}
.awesome-fleet  .row .contant-iteam .contant-icon i.fa.fa-link{
    background-color: #2b383e;
    color: white;
    border-radius: 27px;
    padding: 13px;
    border-bottom: solid 2px #75c75a;
}
.awesome-fleet  .row .contant-iteam .contant-icon{
    opacity: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.awesome-fleet  .row .contant-iteam:hover .contant-icon{
    opacity: 1;
}
.awesome-fleet .contant-iteam .contant-text h5{
    font-size: 18px;
    font-family: Roboto;
    font-weight: bold;
}
.awesome-fleet .contant-iteam .contant-text .mb-2{
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 25px;
    margin-bottom: 16px!important;
}
/* ========================================
    10. Home page counter-down Start Here
   =========================================*/

.counter-down{
    background-image: url("../images/conterdown.png");
    background-size:cover;
    padding: 100px 0;
    background-repeat: no-repeat;
}

.counter-down .row i.fa{
    color:  #75c75a;
    font-size: 40px;
}
.counter-down .row div{
    color: white;
}

.counter-down .row div{
    font-family: Roboto;
    font-weight: bold;
    font-size: 18px;
}
.counter-down .row div h3{
    font-size: 36px;
}


/* ======================================
     11. Home page caltulate Start Here
     11.1 Home two page caltulate Start Here
    11.2 Home three page caltulate Start Here
   =======================================*/

.caltulate-trip2{
    background-image: url("../images/calculate2.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 134%;
}

.caltulate-trip2 .row .form-control{
    display: inline-block;
    background-color: #e9ebf1;
    color: black;
    border-radius: 0px;
    margin-bottom: 18px;
    line-height: 26px;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: bold;
}
.nice-select:focus,
.form-inline .form-control:focus,
.form-control:focus,
.form-inline .form-control input:focus,
.rejistration input.form-control:focus,
.calculator .nice-select.wide:focus
{
    color: #464a4c;
    border-color: #75C75A;
    outline: 0;
    background-color: transparent;
}
.slider.slider-horizontal{
    background: no-repeat;
}

.slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top,#75C75A 0,#75C75A 100%);
    background-image: -o-linear-gradient(top,#75C75A 0,#75C75A 100%);
    background-image: linear-gradient(to bottom,#75C75A 0,#75C75A 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);
    opacity: 1;
}
.slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top,#75c75a 0,#75c75a 100%);
    background-image: -o-linear-gradient(top,#75c75a 0,#75c75a 100%);
    background-image: linear-gradient(to bottom,#75c75a 0,#75c75a 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);
}

.slider-handle{
    background-color: #75c75a;
    background-image: -webkit-linear-gradient(top,#75c75a 0,#75c75a 100%);
}

.slider-track-low, .slider-track-high{
    background: #75c75a;
}

.form-inline .form-control,
.form-control input,
.rejistration input.form-control{
    border-color: grey;
}


.caltulate-trip2 .row img{
    width: auto;
}

.caltulate-trip2 .row form{
    padding-top: 183px;
}
.caltulate-trip2 .row form button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;
}
.caltulate-trip2 .row form button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.caltulate-trip .nice-select.wide {
    background-color: #e9ebf1;
    border-radius: 0px;
    margin-bottom: 10px;
    height: 44px;
    margin-right: 12px;
    border-color: gainsboro;
    font-size: 16px;
    font-family: "Roboto";
    font-weight: bold;
    color: #00000036;
}

.caltulate-trip .form-control:focus {
    color: #464a4c;
    border-color:#75C75A;
    outline: 0;
}
 .caltulate-trip .text-center h3{
     font-size: 36px;
     font-weight: 700;
     font-family: Roboto;
     margin-bottom: 25px;
 }
.caltulate-trip .text-center p{
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 60px;
}
.caltulate-trip{
    padding-top: 100px;
}

/* ==========================================
     11.1 Home two page caltulate Start Here
   ===========================================*/
.caltulate-trip-2{
    background-image: url("../images/home2/calculate2.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 120%;
}

.caltulate-trip-style-2 .row .form-control{
    display: inline-block;
    max-width: 45%;
    background-color: #e9ebf1;
    color: black;
    border-radius: 0px;
    margin-bottom: 10px;
}

.caltulate-trip-style-2 .row img{
    width: auto;
}

.caltulate-trip-style-2 .row form{
    padding-top: 183px;
}
.caltulate-trip-style-2 .row form button{
    background-color: #75c75a;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
    color: white;
}

.caltulate-text-2{
    border-left: solid;
    border-right: solid;
    margin: auto;
    max-width: 28%;
    border-color: #75c75a;
}


/* ============================================
    11.2 Home three page caltulate Start Here
   =============================================*/


.caltulate-trip-style-3{
    background-color: #f8f8f8;
    padding-top: 65px;
    padding-bottom: 15px;
}


.caltulate-trip-style-3 .row .form-control{
    display: inline-block;
    max-width: 45%;
    background-color: #e9ebf1;
    color: black;
    border-radius: 0px;
    margin-bottom: 10px;
    border-bottom: solid 2px #d6d9e4;
    border-top: none;
    border-right: none;
    border-left: none;
}


.caltulate-trip-style-3 .row form{
    padding-top: 75px;
}
.caltulate-trip-style-3 .row form button{
    background-color: #75c75a;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
    color: white;
}

.caltulate-text-2{
    border-left: solid;
    border-right: solid;
    margin: auto;
    max-width: 28%;
    border-color: #75c75a;
}

/* ====================================
    12. Home page Clients Start Here
   ====================================*/
.clients-say{
    background-image: url("../images/clients.png");
    background-size: auto;
    background-repeat: no-repeat;
    padding-top: 115px;
    padding-bottom: 25px;
}

.clients-say img{
    width: auto;
    border-radius: 30px;
}

.clients-say .row div h3,
.clients-say .row div,
.clients-say .row div strong{
    color: white;
}

.clients-say .row div h3{
    font-size: 24px;
    font-weight: bold;
    font-family: "Roboto";

}
.clients-say .row div p{
    font-size: 14px;
    font-family: "Open Sans";
}
.clients-say .row div strong{
    font-size: 18px;
    text-transform: uppercase;
    font-family: Roboto;
    font-weight: bold;

}

.clients-say .owl-theme .owl-controls .owl-page span{
    border-radius: 81px;
    font-size: 4px;
    padding: 10px 0px;
    background-color: #a4a4a4;
    border: none;
    height: 20px;
    margin: auto 2px;
}
.clients-say .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    border-radius: 81px;
    font-size: 8px;
    background-color: #2b383e;
    height: 30px;
    border-bottom: solid 2px #75c75a;
    border-right: none;
    border-left: none;
    border-top: none;
}

.clients-say .row .contant-iteam{
    padding-top: 110px;
    padding-left: 287px;
}
.clients-say .row .contant-border{
    border-bottom: solid 2px #ffffff;
    margin-left: 111px;
    max-width: 50%;
}

/* ====================================
    12.1 Home two page Clients Start Here
   ====================================*/

.clients-style-2{
    background-image: url("../images/clients.png");
    background-size: auto;
    background-repeat: no-repeat;
    padding-top: 88px;
    padding-bottom: 44px;
}

.clients-style-2 img{
    width: auto;
    border-radius: 30px;
}
.clients-style-2 .row div,
.clients-style-2 .row div strong{
    color: white;
}

.clients-style-2 .row div h3{
    color: #75c75a;
}

.clients-style-2  input {
    border-radius: 81px;
    font-size: 4px;
    padding: 3px;
    background-color: #2b383e;
    border: none;
}
.clients-style-2  input.button1{
    border-radius: 81px;
    font-size: 8px;
    padding: 3px;
    background-color: #75c75a;
}

.clients-style-2 .contant-iteam{
    padding-top: 50px;
}
.clients-style-2 .row .contant-border{
    border-bottom: solid 2px #75c75a;
    margin: auto;
    max-width: 80%;
}
.clients-style-2 .row{
    margin: auto;
    max-width: 85%;
}
.clients-style-2  i.fa{
    font-size: 50px;
    color: #797979;
}

/* =========================================
    12.2 Home three page Clients Start Here
   =========================================*/

.clients-style-3{
    background-image: url("../images/home3/costmoer.png");
    background-size: auto;
    background-repeat: no-repeat;
    padding-top: 58px;
    padding-bottom: 24px;
}

.clients-style-3 img{
    width: auto;
    border-radius: 30px;
}
.clients-style-3 .container{
    color: white;
}
.clients-style-3 .container p{
    margin: auto;
    max-width: 85%;
}

.clients-style-3 .row div h3{
    color: #75c75a;
}

.clients-style-3  input {
    border-radius: 81px;
    font-size: 7px;
    padding: 4px;
    background-color: #2b383e;
    border: none;
    cursor: pointer;
}
.clients-style-3  input.button1{
    border-radius: 81px;
    font-size: 12px;
    padding: 4px;
    background-color: #75c75a;
    cursor: pointer;
}

.clients-style-3 .contant-iteam{
    padding-top: 50px;
}
.clients-style-3 .row .contant-border{
    border-bottom: solid 2px #75c75a;
    margin: auto;
    max-width: 80%;
}
.clients-style-3 .row{
    margin: auto;
    max-width: 85%;
}
.clients-style-3  i.fa{
    font-size: 50px;
    color: #797979;
}

/* ===========================
     Servisecs  satting
     ==========================*/
.servise-image img {
    width: auto;
}
section.servise-style-2 {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f6f6f6;
}
/* ===========================
     latest news satting
     ==========================*/

.latest-news{
    padding: 100px 0px;
}
.latest-news .row .contant-iteam .contant-icon ul li{
    display: inline-block;
    padding-left: 43px;
    padding-right: 43px;
    color: white;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.50;
    font-size: 14px;
}
.latest-news .row .contant-iteam .contant-icon ul li a{
    color: white;
    text-decoration: none;
}


.latest-news .text-center h3{
    font-size: 36px;
    font-weight: 700;
    font-family: Roboto;
    margin-bottom: 25px;
}
.latest-news .text-center p{
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 60px;
}
.latest-news .contant-text h5{
    font-size: 18px;
    font-family: Roboto;
    font-weight: bold;
}
.latest-news .contant-text div{
    font-size: 14px;
    font-family: "Open Sans";
}
.latest-news .row .contant-iteam .contant-icon ul li.contant-border1{
    border-right: solid 1px;
}
.latest-news .row .contant-iteam .contant-icon{
    background-color: #2b383e;
}

.latest-news .row .contant-iteam .contant-icon ul{
    margin-bottom: 0px;
}
.latest-news .row {
    margin: auto;
}

.latest-news .row .contant-iteam .contant-text button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: Roboto;
}
.latest-news .row .contant-iteam .contant-text button:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.latest-news .row .contant-iteam .contant-text{
    background-color: #f5f5f5;
    padding: 15px;
}
.latest-news .row .contant-iteam{
    border-bottom: solid 2px transparent;
    transition: 300ms;
}
.latest-news .row .contant-iteam:hover{
    box-shadow: 0px 5px 10px 3px rgba(163, 163, 163, 0.5);
    border-bottom-color: #75c75a;
}
.latest-news .row .contant-iteam{
    margin-bottom: 10px;
}
.latest-news .owl-buttons i.fa.fa-angle-left {
    background-color: #2b383e;
    color: white;
    left: -45px;
    position: absolute;
    top: 210px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    width: 35px;
    height: 35px;
    text-align: center;
    transition: 300ms;
}

.latest-news .owl-buttons i.fa.fa-angle-right:hover,
.latest-news .owl-buttons i.fa.fa-angle-left:hover{
    background-color: #2b383e;
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}
.owl-theme .owl-controls.clickable .owl-buttons div {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
}
.latest-news .owl-buttons i.fa.fa-angle-right {
    background-color: #2b383e;
    color: white;
    right: -45px;
    position: absolute;
    top: 210px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    text-align: center;
    transition: 300ms;
}


/* ===========================*/


.latest-news-style-2 .row .contant-iteam .contant-icon ul li{
    display: inline-block;
    padding-left: 38px;
    padding-right: 38px;
    color: white;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.50;
    font-size: 13px;
}
.latest-news-style-2 .row .contant-iteam .contant-icon ul li.contant-border1{
    border-right: solid 1px;
}
.latest-news-style-2 .row .contant-iteam .contant-icon{
    background-color: #2b383e;
}

.latest-news-style-2 .row .contant-iteam .contant-icon ul{
    margin-bottom: 0px;
}
.latest-news-style-2 .row {
    margin: auto;
    max-width: 90%;
}

.latest-news-style-2 .row .contant-iteam .contant-text button{
    background-color: #75c75a;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
    color: white;
}

.latest-news-style-2 .row .contant-iteam .contant-text{
    background-color: #f5f5f5;
    padding: 15px;
}
.latest-news-style-2 .row .contant-iteam{
    border-bottom: solid 2px transparent;
}
.latest-news-style-2 .row .contant-iteam:hover{
    box-shadow: 0px 3px 9px 0px;
    border-bottom-color: #75c75a;
}
.latest-news-style-2 .row .contant-iteam{
    margin-bottom: 10px;
}
.latest-news-style-2 .slick-slider i.fa.fa-angle-left {
    background-color: #2b383e;
    color: white;
    left: 0px;
    position: absolute;
    top: 210px;
    padding: 5px 13px 5px 13px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    border-radius: 30px;
}
.latest-news-style-2 .slick-slider i.fa.fa-angle-right {
    background-color: #2b383e;
    color: white;
    right: 0px;
    position: absolute;
    top: 210px;
    padding: 5px 13px 5px 13px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 30px;
}
.latest-news-style-2 .slick-slider i.fa.fa-angle-left:hover,
.latest-news-style-2 .slick-slider i.fa.fa-angle-right:hover{
    background-color: #75c75a;
    box-shadow: 0px 11px 12px 0px gainsboro;
}
.latest-news-2{
    border-left: solid;
    border-right: solid;
    margin: auto;
    max-width: 17%;
    border-color: #75c75a
}



/* ===========================*/


.latest-news-style-3
.row .contant-iteam .contant-icon ul li{
    display: inline-block;
    padding-left: 38px;
    padding-right: 38px;
    color: white;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.50;
    font-size: 13px;
}
.latest-news-style-3 .row .contant-iteam .contant-icon ul li.contant-border1{
    border-right: solid 1px;
}
.latest-news-style-3 .row .contant-iteam .contant-icon{
    background-color: #2b383e;
}

.latest-news-style-3 .row .contant-iteam .contant-icon ul{
    margin-bottom: 0px;
}
.latest-news-style-3 .row {
    margin: auto;
    max-width: 90%;
}

.latest-news-style-3 .row .contant-iteam .contant-text button{
    background-color:  #2b383e;
    font-size: 12px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border-radius: 0px;
    border: solid 2px transparent;
    color: white;
    transition: .5s;
}

.latest-news-style-3 .row .contant-iteam .contant-text button:hover{
    background-color: #75c75a;
    border-bottom: solid 2px #569242;
    color: white;
}

.latest-news-style-3 .row .contant-iteam .contant-text{
    background-color: #f5f5f5;
    padding: 15px;
}
.latest-news-style-3 .row .contant-iteam{
    border-bottom: solid 2px transparent;
}

.latest-news-style-3 .slick-slider i.fa.fa-angle-left {
    background-color: #2b383e;
    color: white;
    left: 0px;
    position: absolute;
    top: 210px;
    padding: 5px 13px 5px 13px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    border-radius: 30px;
}
.latest-news-style-3 .slick-slider i.fa.fa-angle-right {
    background-color: #2b383e;
    color: white;
    right: 0px;
    position: absolute;
    top: 210px;
    padding: 5px 13px 5px 13px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 30px;
}
.latest-news-style-3 .slick-slider i.fa.fa-angle-left:hover,
.latest-news-style-3 .slick-slider i.fa.fa-angle-right:hover{
    background-color: #75c75a;
    box-shadow: 0px 11px 12px 0px gainsboro;
}

/* ===========================
     News letter satting
     ==========================*/

.news-letters{
    background-image: url("../images/newsletter.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 29px;
    padding-bottom: 29px;
}

.news-letters  .row{
    margin: auto;
    max-width: 52%;
}
.news-letters  .row button{
    color: white;
    border-color: white;
    cursor: pointer;
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold;
}
.news-letters  .row button:hover {
    color: #fff;
    background-color:  #75c75a;
    border-color: #75c75a;
}
.news-letters .contant-text{
    color: white;
    margin: auto;
    max-width: 49%;
}



.news-letters .form-control:focus{
    background-color: #FFFFFF;
}

.news-letters .form-control{
    font-size: 16px;
    font-family: Roboto;
    font-weight: bold;
}

.news-letters  .row .col-sm-3{
    padding-left: 0px;
}

/* ===========================*/

.news-letters-style-2{
    background-image: url("../images/home2/newsletter.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 29px;
    padding-bottom: 29px;
}

.news-letters-style-2  .row{
    margin: auto;
    max-width: 52%;
}
.news-letters-style-2  .row button{
    color: white;
    border-color: white;
    cursor: pointer;
    font-size: 15px;
}
.news-letters-style-2 .contant-text{
    color: white;
    margin: auto;
    max-width: 49%;
}

.news-letters-style-2  .row .col-sm-3{
    padding-left: 0px;
}


/* ===========================
     footer  satting
     ==========================*/

.footer .contant-image img{
    width: auto;
}
.footer{
    background-color: #1d1d1d;
    padding: 100px 0px;
}

.footer .row .contant-text{
    color: white;
    padding-top: 30px;
    font-size: 14px;
    font-family: "Open Sans";
}

.footer .row i.fa{
    color:  #75c75a;
    padding-top: 22px;
}

.footer .row div span{
    color: white;
    padding-left: 5px;
    font-family: Roboto;
    font-weight: bold;
}
.footer .row div  h5{
    color: white;
}
.footer h5{
    font-size: 24px;
}
.footer .row .row ul li span{
    font-size: 14px;
}
.footer .row .row ul li span:hover{
    color: #75c75a;
}
.footer .row .row ul li a{
    text-decoration: none;
}
.footer .row .contant-images img{
    width: auto;
    padding-top: 25px;
    padding-left: 8px;
}

/* ===========================
     last footer  satting
     ==========================*/

.last-footer{
    background-color: #0d0d0d;
    padding-top: 55px;
    padding-bottom: 25px;
    border-bottom: solid 5px #75c75a;
}
.last-footer a i {
    color: #2d3337;
    background-color: #60656a;
    margin-left: 6px;
    border-radius: 35px;
    text-decoration: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    transition: .5s;
}

.last-footer a{
    text-decoration: none;
}
.last-footer a i:hover{
    color: white;
    background-color: #75c75a;
}
.last-footer .contant-border1{
    border-bottom: solid 2px #60656a;
}

.last-footer .contant-text{
    color: #60656a;
    font-weight: bold;
    font-family: Roboto;
    font-size: 16px;
}

.last-footer span{
    color: #75c75a;
    font-weight: bold;
    font-family: Roboto;
    font-size: 16px;
}

/* ===========================
     Faq banner-style-3  satting
     ==========================*/
.faq-banner-style-3{
    background-color: #f9fcfd;
    padding-top: 100px;
    padding-bottom: 100px;
}
.card-header{
    background-color: #75c75a;
}

.card-header a{
    color: #ffffff;
    display: block;
    text-decoration: none;
    font-size: 18px;
}
.card-header i.fa{
    float: right;
}

/* ===========================
     taxi-cab-style-3  satting
     ==========================*/

.taxi-cab-style-3{
    background-image: url(../images/home3/taxi-cab2.png), url(../images/home3/taxi-cab1.png);
    background-size: auto, auto;
    background-repeat: no-repeat, no-repeat;
    background-position-x: 24%, -26%;
    background-position-y: 50%, 50%;
    padding: 100px 0px;
}
.taxi-cab-style-3 img{
    width: auto;
}
.taxi-cab-text3{
    border-left: solid 3px #75c75a;
    padding-left: 20px;
}

.taxi-cab-paragarf p{
    max-width: 45%;
}

.taxi-cab-style-3 .row h2{
    font-size: 36px;
    font-weight: bold;
    font-family: "Roboto";
}

.taxi-cab-style-3 .row strong{
    font-family: "Roboto";
    font-weight: bold;
}
.taxi-cab-style-3 .row p{
    font-size: 14px;
    font-family: "Open Sans";
}

.taxi-cab-style-3 button{
    background-color: #75c75a;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    border: transparent;
    border-radius: 0px;
    border-bottom: solid 2px #569242;
    color: white;
    font-family: Roboto;
    font-weight: bold;
}

/* ===========================
     awsome-work  satting
     ==========================*/

.awesome-work-style-3 img{
    width: auto;
    display: inline;
}

.awesome-work-style-3 .row{
    margin: auto;
    max-width: 90%;
    padding: 45px 5px 45px 5px;
    border: solid 1px #ededed;
}

.awesome-work-style-3 .slick-slider i.fa.fa-angle-left {
    background-color: #2b383e;
    color: white;
    left: 0px;
    position: absolute;
    top: 105px;
    padding: 5px 13px 5px 13px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
    border-radius: 30px;
}
.awesome-work-style-3 .slick-slider i.fa.fa-angle-right {
    background-color: #2b383e;
    color: white;
    right: 0px;
    position: absolute;
    top: 105px;
    padding: 5px 13px 5px 13px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 30px;
}
.awesome-work-style-3 .slick-slider i.fa.fa-angle-left:hover,
.awesome-work-style-3 .slick-slider i.fa.fa-angle-right:hover{
    background-color: #75c75a;
    box-shadow: 0px 11px 12px 0px gainsboro;
}


/* ===========================
     pricing-plan  satting
     ==========================*/
.pricing-plan {
    padding: 100px 0;
}
.pricing-head-text{
    background-color: #2b383e;
    color: white;
    padding: 25px 0px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;

}

.pricing-plan .pricing-text-box1{
    padding: 50px 0;
}

.pricing-plan button{
    background-color: #75c75a;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-family: Roboto;
    font-weight: bold;
}
.pricing-iteam-box:hover  button{
    border-bottom: solid 2px #75c75a;
    background-color: #2b383e;
    border-radius: 30px;
}

.pricing-text-box{
    padding: 20px 0px;
    border-bottom: solid 1px #eceaea;
    color: #353535;
    font-family: Roboto;
    font-weight: bold;
}

.pricing-button-box{
    padding-top: 10px;
    padding-bottom: 10px;
}

.pricing-iteam-box{
    background-color: #f7f7f7;
}
.pricing-iteam-box:hover{
    box-shadow: 0px 14px 18px 0px gainsboro;
}
.pricing-iteam-box:hover .pricing-head-text{
    background-color: #75c75a;
}
.pricing-text1{
    font-size: 30px;
    font-weight: bold;
}
.pricing-plan .text-center div h3{
    font-size: 36px;
    font-weight: bold;
    font-family: Roboto;
    margin-bottom: 25px;
}

.pricing-plan .text-center div p{
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 60px;
}


/* ===========================
     single Blog  satting
     ==========================*/
.single-blog-style-1{
    padding: 100px 0px;
}

.single-border{
    border-bottom: solid 3px #75c75a;
    max-width: 10%;
    margin-bottom: 30px;
}

.single-blog-style-1 .card-header {
    background-color: #2b383e;
    border-radius: 44px;
    border-bottom: solid 3px #75c75a;
    max-width: 72%;
}
.single-blog-style-1 .card{
    border: none;
}

.single-blog-style-1 .row h2{
    font-size: 30px;
    font-family: Roboto;
    font-weight: bold;
    margin-bottom: 20px;
}
.single-blog-style-1 .row div p{
    font-size: 14px;
    font-family: "Open Sans";
}

.single-blog-style-1 .card-block{
    max-width: 72%;
    font-size: 14px;
    font-family: "Open Sans";
}


.single-blog-style-1 button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-family: Roboto;
    font-weight: bold;
}

.single-blog-style-1 button:hover{
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}
.single-blog-icone{
    position: relative;
}
.single-blog-icone i{
    position: absolute;
    bottom: 15px;
    color: #75c75a;
    right: 8px;
}

.single-blog-icone .form-control:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #75c75a;
    outline: 0;
    box-shadow: 0px 0px 15px 0px #75c75a;
}
.single-blog-icone .form-control{
    border-radius: 0px;
    height: 45px;
    font-family: "Roboto";
    font-weight: bold;
}

.single-blog-style-1 i.fa.fa-angle-right{
    color: #75c75a;
}

.single-blog-style-1 ul li{
    padding-bottom: 15px;
}

.single-blog-style-1 ul li a{
    color: #353535;
    text-decoration: none;
    font-family: "Open Sans";
}

.single-blog-style-1 ul li a:hover{
    color: #75c75a;
}





/* ===========================
     booking  satting
     ==========================*/
.booking-taxi{
    padding: 100px 0px;
}

.booking-taxi .row.master-row{
    margin: auto;
    max-width: 90%;
}

.booking-taxi .row button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-family: "Roboto";
}
.booking-taxi .row button:hover{
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}
.booking-taxi .row .box-icon-fa .fa{
    border: solid 1px;
    height: 40px;
    width: 45px;
    margin-right: -6px;
    line-height: 38px;
    text-align: center;

}

.booking-taxi .row .book-icon{
    margin-left: 25px;
}

.booking-taxi .row p{
    margin-bottom: 7px;
}

.booking-taxi .row .contant-text{
    background-color: #f3f3f3;
    padding: 20px;
}

.booking-taxi .row .contant-text p{
    font-size: 14px;
    font-family: "Open Sans";
}

.booking-taxi .row .contant-iteam{
    padding: 0;

}

.booking-taxi .row .contant-iteam .contant-book .img-book img{
    height: 280px;
}

.booking-taxi .contant-book .icons-book img{
    width: auto;
    border-radius: 30px;
    margin-top: -32px;
}
.booking-taxi .book-inline{
    display: inline-block;
    color: white;
    padding-left: 10px;
}
.booking-taxi .contant-book{
    position: relative;
}
.booking-taxi .contant-book .icons-book {
    position: absolute;
    bottom: 0px;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.38);
    width: 100%;
    height: 27%;
    padding-top: 10px;
    padding-left: 10px;
    transition: 300ms;
}

.booking-taxi .contant-text div h6{
    font-size: 18px;
}

.booking-taxi .row.master-row .row:hover .icons-book{
    opacity: 1;
}
.booking-taxi .row.master-row .row {
    margin-left: 4px;
}

.booking-taxi .row.master-row .row:hover{

    box-shadow: 0px 5px 15px 0px gainsboro;
}

.booking-tag{
    position: absolute;
    top: 10px;
    background-color: #2b383e;
    border-radius: 54px;
    padding: 8px;
    right: 14px;
    color: white;
}

.booking-taxi ul li a{
    border: solid 2px white;
    margin-left: 10px;
    color: white;
    background-color: #2b383e;
    border-radius: 0px;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 15px;
}
.page-link:focus, .page-link:hover {
    color: white;
    text-decoration: none;
    background-color: #75c75a;
    border-color: #569242;
}

.booking-taxi .page-link:hover {
    color: white;
    text-decoration: none;
    background-color: #75c75a;
    border-color: transparent;
    border-bottom-color: #569242;
}
.booking-taxi a.page-link.active{
    color: white;
    text-decoration: none;
    background-color: #75c75a;
    border-color: transparent;
    border-bottom-color: #569242;
}

.booking-box{
    margin: auto;
    max-width: 24%;
}

/* ===========================
     Our-Fleet  satting
     ==========================*/
.our-fleet {
    padding: 100px 0;
}

.our-fleet .row{
    margin: auto;
    max-width: 90%;
}

.our-fleet .contant-text div{
    font-size: 14px;
    font-family: "Open Sans";
}

.our-fleet .contant-text div h5{
    font-size: 18px;
}

.our-fleet .text-center h3{
    font-size: 36px;
    font-weight: 700;
    font-family: Roboto;
    margin-bottom: 25px;
}
.our-fleet .text-center p{
    font-size: 14px;
    font-family: "Open Sans";
    margin-bottom: 60px;
}

.our-fleet .row .contant-iteam .contant-text{
    background-color: #f8f8f8;
    padding: 20px;
    margin-bottom: 10px;
    padding-left: 17px;
}
.our-fleet  .row .contant-iteam .contant-text button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-family: Roboto;
    font-weight: bold;
}

.our-fleet  .row .contant-iteam .contant-text button:hover{
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.our-fleet .row .contant-iteam:hover{
    box-shadow: 0px 14px 20px 0px gainsboro;

}

.our-fleet .row .contant-iteam{
    position: relative;
}
.our-fleet .row .contant-iteam .contant-icon{
    position: absolute;
    bottom: 243px;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.62);
    text-align: center;
    padding-top: 83px;
}

.our-fleet .row .contant-iteam .contant-icon i.fa.fa-link{
    background-color: #2b383e;
    color: white;
    border-radius: 27px;
    padding: 13px;
    border-bottom: solid 2px #75c75a;
}
.our-fleet  .row .contant-iteam .contant-icon{
    opacity: 0;
}
.our-fleet  .row .contant-iteam:hover .contant-icon{
    opacity: 1;
}

.our-fleet ul li a{
    font-size: 18px;
    font-weight: bold;
    border: solid 2px transparent;
    margin-left: 10px;
    color: white;
    background-color: #2b383e;
    border-radius: 0px;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 15px;
    font-family: Roboto;
}

.our-fleet .page-link:hover {
    color: white;
    text-decoration: none;
    background-color: #75c75a;
    border-color: transparent;
    border-bottom-color: #569242;
}
.our-fleet a.page-link.active {
    color: white;
    text-decoration: none;
    background-color: #75c75a;
}
.our-fleet-box{
    margin: auto;
    max-width: 26%;
}

/* ===========================
     Calculator  satting
     ==========================*/

.calculator-iteam{
    background-color: #f7f7f7;
    padding: 28px 25px;
}
.calculator-iteam input{
    border-radius: 0px;
    border-color: grey;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    font-family: "Roboto";
    height: 45px;
}
.calculator-left{
    float: left;
    border-bottom: solid 10px #75c75a;
    width: 44%;
}

.calculator-right{
    float: right;
    border-bottom: solid 10px #ebebeb;
    width: 56%;
}

.calculator{
    padding: 100px 0px;
}
.clear{
    clear: both;
}

.calculator-iteam{
    position: relative;
}

.calculator-icon i{
    background-color: white;
    padding: 9px;
    border-radius: 26px;
    border: solid 1px #75c75a;
    position: absolute;
    top: 3px;
    left: 235px;
    color: #75c75a;
    font-size: 14px;
    font-family: "Open Sans";
}
.calculator-iteam1 span{
    font-size: 14px;
    color: #00000036;
    font-family: Roboto;
    font-weight: bold;
}
.calculator-iteam1 input{
    border-color: grey;
    background-color: transparent;
    border-radius: 0px;
    font-size: 14px;
    font-family: "Roboto";
    font-weight: bold;
    height: 45px;
}
.calculator-iteam1{
    background-color: #f7f7f7;
    padding: 28px 25px;
}

.calculator .nice-select.wide{
    height: 45px;
    border-color: grey;
    background-color: transparent;
}

.calculator a.button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    margin-bottom: 25px;
    font-family: Roboto;
    font-weight: bold;
}

.calculator a.button:hover{
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}



/* ===========================
     Cars  satting
     ==========================*/
.cars .cars-border strong,
.cars .car-price{
    font-size: 18px;
    font-weight: bold;
    font-family: Roboto;
}

.cars-item .fa {
    border: solid 1px;
    margin-right: -6px;
    font-size: 14px;
    height: 40px;
    width: 45px;
    text-align: center;
    line-height: 38px;
}
.cars-item .fa-Number{
    font-family: Roboto;
    font-weight: bold;
}

.cars .cars-icon{
    margin-left: 40px;
}

.cars button{
    background-color: #2b383e;
    border-right: none;
    border-left: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    transition: 300ms;
    border-bottom: solid 2px transparent;
    border-radius: 0px;
    font-family: Roboto;
    font-weight: bold;
    margin-left: 36px;
}

.cars button:hover{
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.car-price{
    font-size: 20px;
    font-weight: bold;
}


.cars-border{
    border: solid 1px #d0d0d0;
    padding: 25px 10px 25px 10px;
}

.cars{
    background-color: #f9f9f9;
    padding-top: 70px;
    padding-bottom: 70px;
}

/* ===========================
     rejistration  satting
     ==========================*/


.rejistration-boder{
    border-bottom: dashed 1px;
}
.form-inline .form-control {
    display: inline-block;
    width: 47%;
    vertical-align: middle;
    margin-left: 2%;
    margin-bottom: 4%;
    border-radius: 0px;
    border-color: black;
    background-color: transparent;
    font-family: "Roboto";
    font-weight: bold;
    font-size: 14px;
    height: 40px;
}


.rejistration .form-box textarea{
    padding-bottom: 26px;
    border-radius: 0px;
    border-color: grey;
    margin-bottom: 33px;
    background-color: transparent;
    font-weight: bold;
    font-family: "Roboto";
}
.rejistration .form-box textarea::placeholder {
    color: #00000036;
}


.rejistration button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    margin-bottom: 10px;
    font-family: "Roboto";
    font-weight: bold;
}
.rejistration button:hover{
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.rejistration{
    padding: 100px 0px;
}

.text-right-box{
    font-weight: bold;
    font-family: Roboto;
}

.header-text1{
    background-color: #75c75a;
    color: white;
    padding: 15px;
}

.rejistration-boder1{
    border-bottom: solid 2px #f0f0f0;
    max-width: 97%;
    margin: 15px 5px;
}

.row-side-bar{
    margin: auto;
}
.side-bar-shadow{
    box-shadow: 0px 0px 15px 0px gainsboro;
    margin-bottom: 10px;
    background-color: white;
}

.side-bar-shadow .row{
    font-size: 14px;
    font-family: "Open Sans";
}
.side-bar-shadow .text-center{
    font-size: 14px;
    font-family: "Open Sans";
}
.side-bar-shadow span{
    color: #ff0000;
    font-weight: bold;
}
.side-bar-shadow span i{
    color: #bababa;
}

.side-bar-shadow a{
    color: #bababa;
    text-decoration: underline;
    font-weight: normal;
}

.rejistration .button{
    background-color: #75c75a;
    border-radius: 30px;
    border: none;
    font-size: 13px;
    padding: 3px 9px 3px 9px;
    cursor: pointer;
    color: white;
}

.rejistration2{
    background-color: #f7f7eb;
    padding-top: 100px;
    padding-bottom: 100px;
}

.rejistration select{
    background-color: transparent;
    border-radius: 0px;
    border-color: black;
}
.rejistration .nice-select{
    margin-bottom: 20px;
    background-color: transparent;
    border-color: grey;
    color: #00000036;
}

/* ===========================
     Blog  satting
     ==========================*/
.blog{
    padding: 100px 0px;
}

.blog .row .contant-iteam .contant-icon ul li{
    display: inline-block;
    padding-left: 37px;
    padding-right: 37px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.50;
    font-size: 14px;
}
.blog .row .contant-iteam .contant-icon ul li a{
    color: white;
    text-decoration: none;
}
.blog .row .contant-iteam .contant-icon ul li.contant-border1{
    border-right: solid 1px white;
}
.blog .row .contant-iteam .contant-icon{
    background-color: #2b383e;
}

.blog .row .contant-iteam .contant-icon ul{
    margin-bottom: 0px;
}

.blog .row .contant-text div{
    font-size: 14px;
    font-family: "Open Sans";
}

.blog .row .contant-text div h5{
    font-size: 18px;
}

.blog .row {
    margin: auto;
    max-width: 90%;
}

.blog .row .contant-iteam .contant-text button{
    background-color: #2b383e;
    border-radius: 0;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-family: Roboto;
    font-weight: bold;
}
.blog .row .contant-iteam .contant-text button:hover{
    border-color: #75c75a;
    border-radius: 30px;
}

.blog .row .contant-iteam .contant-text{
    background-color: #f5f5f5;
    padding: 15px;
}
.blog .row .contant-iteam{
    border-bottom: solid 2px transparent;
}
.blog .row .contant-iteam:hover{
    box-shadow: 0px 10px 10px 2px gainsboro;
    border-bottom-color: #75c75a;
}
.latest-news .row .contant-iteam{
    margin-bottom: 10px;
}
.blog .slick-slider i.fa.fa-angle-left {
    background-color: #2b383e;
    color: white;
    left: 0px;
    position: absolute;
    top: 210px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
    z-index: 5;
}
.blog .slick-slider i.fa.fa-angle-right {
    background-color: #2b383e;
    color: white;
    right: 0px;
    position: absolute;
    top: 210px;
    padding: 5px 10px 5px 10px;
    font-size: 24px;
    cursor: pointer;
}

.our-blog-box ul li a{
    font-size: 18px;
    font-weight: bold;
    border: solid 2px transparent;
    margin-left: 10px;
    color: white;
    background-color: #2b383e;
    border-radius: 0px;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 15px;
    font-family: Roboto;
}

.our-blog-box .page-link:hover {
    color: white;
    text-decoration: none;
    background-color: #75c75a;
    border-color: transparent;
    border-bottom-color: #569242;
}
.our-blog-box .page-link.active{
    background-color: #75c75a;
}
.our-blog-box{
    margin: auto;
    max-width: 26%;
}

/* ===========================
     Single-Blog  satting
     ==========================*/
.blog-pargraf p {
    border-left: solid 13px #dddddd;
    padding-left: 20px;
    height: 107px;
    padding-top: 15px;
}

.single-blog{
    padding: 85px 0px;
}

.blog-pargraf p,
.blog-pargraf i{
    display: inline-block;
}

.blog-pargraf i{
    font-size: 60px;
    padding-top: 24px;
    padding-left: 35px;
    color: #dddddd;
}
.single-blog .row .row img{
    width: auto;
}

.single-blog .form-inline input.form-box-blog{
    margin-left: 27px;
    margin-bottom: 40px;
}


.single-blog .form-control {
    display: inline-block;
    max-width: 30%;
    margin-left: 0;
    padding: 10px 10px 10px 10px;
    border: 1px solid transparent;
    background-color: #f0f0f0;
    margin-bottom: 40px;
}
.single-blog .form-control:focus{
    border-color: #75c75a;
    background-color: #f0f0f0;
}


.form-inline .button{
    background-color: #2b383e;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 16px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-variant: all-petite-caps;
    border-bottom: solid 2px transparent;
    border-radius: 0px;
    font-weight: bold;
    font-family: "Roboto";
}

.form-inline .button:hover{
    border-radius: 30px;
    border-bottom: solid 2px #75c75a;
}

.single-blog textarea.mb-4{
    background-color:  #f0f0f0;
    padding-left: 10px;
    padding-top: 10px;
    border: solid 1px transparent;
    outline: 0;

}
.single-blog textarea::placeholder {
    color: #00000036;
}
.single-blog .comment-box a {
    color: #292b2c;
    text-decoration: none;
    color: rgba(53, 53, 53, 0.55);
}
.single-blog .comment-box{
    font-family: "Roboto";
    font-weight: bold;
    color: rgba(53, 53, 53, 0.55);
}
.single-blog textarea.mb-4:focus{
    border-color:#75c75a;
}

.single-blog .comment-box a:hover{
    color: #75c75a;
}

.single-blog .left{
    float: left;
    font-weight: bold;
    font-size: 18px;
    padding-top: 30px;
    font-weight: bold;
    font-family: Roboto;
}

.single-blog .right{
    float: right;
    padding-top: 30px;
}

.single-blog .share-icon li{
    display: inline-block;
}
.single-blog .share-icon li {
    background-color: #2b383e;
    text-align: center;
    border: solid 2px transparent;
    height: 35px;
    width: 35px;
    line-height: 30px;
}
.single-blog .share-icon li a{
    color: white;
    font-size: 14px;
}
.single-blog .share-icon li:hover{
    border-bottom: solid 2px #75c75a;
}
.single-blog .clear{
    border-bottom: solid 1px #dddddd;
    padding-top: 40px;
}
.single-blog .text-border-1{
    border-bottom: solid 1px #dddddd;
    padding-bottom: 17px;
}

.single-blog .search-box{
    position: relative;
}
.single-blog .search-box .form-control{
    border-radius: 0px;
    border-color: #bdbdbd;
    max-width: 100%;
    background-color: white;
    height: 60px;
    margin-top: 5px;
    font-weight: bold;
    font-family: Roboto;
}
.single-blog .search-box .form-control:focus {
    color: #464a4c;
    background-color: #fff;
    border-color: #75c75a;
    outline: 0;
    box-shadow: 0px 0px 15px 0px #75c75a;
}
.single-blog .search-icon{
    position: absolute;
    top: 5px;
    right: 15px;
    background-color: #75c75a;
    color: white;
    padding: 15px 24px;
    font-size: 20px;
}

.single-blog .row .row .col-sm-8 p{
    color: #000000;
    margin-bottom: 10px;
    padding-top: 5px;
    font-size: 14px;
}
.single-blog .row .row .col-sm-8 div{
    color: #6b6b6b;
    font-size: 14px;
    font-family: "Open Sans";
}

.single-blog .row  .col-sm-8  p{
    font-size: 14px;
    font-family: "Open Sans";
}

.single-blog .row  .col-sm-8 .row  p{
    color: #666666;
    font-family: "Open Sans";
}
.single-blog .row  .col-sm-8 .row strong{
    font-size: 18px;
    font-family: "Roboto";
    font-weight: bold;
}
.cateqory-icon span{
    float: right;
}

.cateqory-icon  li{
    border-bottom: solid 1px #bdbdbd;
    padding: 13px 0px 14px 0px;
}

.cateqory-icon  li a{
    color: black;
    text-decoration: none;
    display: block;
    font-weight: bold;
    font-family: Roboto;
}

.cateqory-icon  li a:hover{
    color: #75c75a;
}

.widget ul.tag-list {
    margin: 0;
    padding: 0;
}

.widget ul.tag-list li {
    display: inline-block;
    margin: 10px 4px 24px 0;
}

.widget ul.tag-list li a {
    background-color: #2b383e;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 16px;
    padding: 9px 18px;
    color: white;
    transition: 300ms;
    font-family: "Roboto";
    font-weight: bold;
    text-decoration: none;
}

.widget ul.tag-list li a:hover {
    border-radius: 30px;
    border-bottom: solid 2px  #75c75a;
    text-decoration: none;
}




/* ===========================
     Contact us  satting
     ==========================*/
.contact-us{
    padding: 100px 0px;
}
.contact-us span.contact-text{
    display: block;
}

.contact-us .row:first-child{
    border: solid 1px #ededed;
    padding: 45px 0px;
}

.contact-us ul li{
    display: inline-block;
}

.contact-us ul li i{
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    color: #75c75a;
    font-weight: 600;
    border: solid 1px #dddddd;
    font-size: 24px;
}

.contact-us ul li h4{
    font-size: 18px;
    font-family: "Roboto";
    font-weight: bold;
}

.contact-us ul li p{
    font-size: 14px;
    font-family: "Open Sans";
}

.contact-us .contact-text{
    line-height: 0;
    padding-left: 6px;
}


.contact-us .contact-icons{
    margin-left: 145px;
}

.contact-us ul li i:hover{
    background-color: #75c75a;
    color: white;
    border: solid 1px transparent;
}

.contact-us .form-control{
    margin-left: 0px;
    border-color: #dddddd;
}

.contact-us .last-child{
    margin-left: 63px;
}

.contact-us textarea{
    background-color: white;
    border: solid 1px #dddddd;
    outline: 0;
    padding-left: 10px;
}
.contact-us textarea::placeholder {
    color: #00000036;
}

.contact-us textarea:focus{
    border-color: #75c75a;
}

.contact-us button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 14px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-family: Roboto;
    font-weight: bold;
}
.contact-us button:hover{
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}
/* ===========================
     Errot page  satting
     ==========================*/
.error{
    padding: 100px 0px;
}

.error .text-center h3{
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 24px;
}
.error .text-center div{
    font-size: 24px;
    font-family: Roboto;
    font-weight: bold;
}
.error .button{
    background-color: #2b383e;
    border-radius: 0px;
    border-bottom: solid 2px transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    font-size: 16px;
    padding: 13px 30px 13px 30px;
    cursor: pointer;
    color: white;
    font-family: Roboto;
    font-weight: bold;
}
.error .button:hover{
    border-bottom: solid 2px #75c75a;
    border-radius: 30px;
}

.slide-menu-area {
    background: rgba(73, 176, 80, 0.9);
    width: 0px;
    height: 100vh;
    position: fixed;
    right: -360px;
    top: 0px;
    padding: 130px 30px;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
}
.slide-menu-area .close {
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    opacity: 1;
    padding: 10px;
}
.slide-menu-area .close i {
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}
.slide-menu-area .close i:hover {
    color: #222222;
}
.slide-menu-area.highlight {
    right: 0px;
    opacity: 1;
    width: 300px;
    visibility: visible;
    z-index: 99999999999;
}
.slide-menu-area h3 {
    color: #ffffff;
    font-weight: 600;
    position: relative;
}
.slide-menu-area h3:after {
    position: absolute;
    content: "";
    top: 30px;
    left: 0px;
    width: 60px;
    height: 2px;
    font-style: normal;
    background: #ffffff;
}
.slide-menu-area ul {
    text-align: left;
    transition: all 0.5s ease 0s;
    margin: 0;
    padding: 0;
}
.slide-menu-area ul li {
    display: block;
    position: relative;
    font-size: 14px;
    color: #ffffff;
    margin-right: 30px;
    padding: 10px 0;
}
.slide-menu-area ul li:last-child {
    margin-right: 0;
}
.slide-menu-area ul li span {
    font-weight: 600;
    color: #ffffff;
    padding: 0 1px;
}
.slide-menu-area ul li span i {
    margin-left: 50px;
}
.slide-menu-area ul li a {
    display: block;
    color: #ffffff;
    transition: all 0.5s ease 0s;
}
.slide-menu-area ul li a:hover {
    color: #dddddd;
}
.slide-menu-area ul li i {
    color: #ffffff;
    margin-right: 10px;
    font-size: 12px;
}

#scrollUp {
    bottom: 20px;
    right: 20px;
    background-color: #75c75a;
    color: #fff;
    border-radius: 50%;
    transition: all 0.5s ease 0s;
    display: none;
    position: fixed;
    z-index: 2147483647;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}



#wrap {
    display: inline-block;
    position: relative;
    padding: 0;
}

#wrap input[type="text"] {

    height: 50px;
    font-size: 20px;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    padding: 3px;
    padding-right: 60px;
    position: absolute;
    top: 16px;
    right: 0;
    background: none;
    transition: 1s all;
    padding-left: 10px;
    width: 0;
    cursor: pointer;
    z-index: 9999
}

#wrap input[type="text"]:focus {
    width: 708px;
    z-index: 1;
    border: 2px solid #75c75a;
    cursor: text;
    background-color: white;
}
#wrap>form>a {
    opacity: 1;
    color: black;
    z-index: 3;
    position: relative;
}

#wrap>a:hover {
    opacity: 1;
}




@media (max-width: 768px) {
    .navbar-slider {
        padding-top: 0px;
    }
    .navbar-slider .slide-header-navbar{
        display: none!important;
    }
    .navbar-slider .nav-row-slidre {
        margin-bottom: 67px;
    }
    .about-taxi {
        background-image: none;
        padding: 100px 0px;
    }

    button.navbar-toggler.navbar-toggler-right.navbar-light {
        margin-top: 10px;
    }
    .caltulate-trip2 .row form {
        padding-top: 30px;
        padding-bottom: 55px;
    }
    .caltulate-trip2 .row img {
        display: none;
    }
    .caltulate-trip2 {
        background-image: none;
    }
    .clients-say img{
        display: none;
    }
    .news-letters .row .col-sm-3 {
        text-align: center;
    }
    .news-letters .row {
        margin: auto;
        max-width: 100%;
    }
    .news-letters .form-control{
        margin-bottom: 10px;
    }
    .footer h5 {
        padding-top: 30px;
    }
    .taxi-cab-style-3 img {
        display: none;
    }
    .taxi-cab-style-3{
        background-image: none;
    }
    .our-blog-box {
        margin: auto;
        max-width: 100%;
    }
    #wrap input[type="text"]:focus {
        width: 382px;
    }
    #wrap input[type="text"] {
        left: -6px;
    }
    .booking-box {
        margin: auto;
        max-width: 100%;
    }
    .calculator-iteam1 input {
        max-width: 100%;
    }

    .rejistration .form-inline .form-control {
        width: 100%;
    }
    .contact-us ul li i {
        margin-top: 13px;
    }
    .contact-us .contact-icons {
        margin-left: 0px;
    }
    .form-inline .form-control {
        display: inline-block;
        width: 100%;
    }
    .contact-us .last-child {
        margin-left: 0px;
    }
    .our-fleet-box {
        margin: auto;
        max-width: 100%;
    }

    .feature .contant-iteam .contant-text {
        padding-bottom: 31px;
    }
    .banner-2 {
        background-image: none;
    }
    .banner-2 img {
        max-width: 100%;
    }
    .single-blog-style-1 .col-sm-4 img{
        width: auto;
    }
    .single-blog .form-control {
        max-width: 100%;
    }
    .single-blog .form-inline input.form-box-blog {
        margin-left: 0px;
    }
    .blog-pargraf i {
        display: none;
    }
    .counter-down .row div.col-sm-3 {
        margin-bottom: 30px;
    }
    .texi-book-hidden{
        display: none;
    }
    .calculator-iteam1 input {
       margin-bottom: 15px;
    }
    .calculator-iteam1 {
        background-color: #f7f7f7;
        padding: 0px 25px;
    }
    .single-blog-style-1 button{
        margin-bottom: 35px;
    }
    .error .row{
        display: none;
    }
    .error .text-center div {
        font-size: 14px;
    }
    .blog .row .contant-iteam .contant-icon ul li {
        padding: 4px 28px;
        font-size: 10px;
    }
    .single-blog .share-icon li {
        background-color: #2b383e;
        text-align: center;
        border: solid 2px transparent;
        height: 32px;
        width: 32px;
        line-height: 27px;
    }
    .blog-pargraf p {
        border-left: solid 13px transparent;
    }
    .contact-us .row:first-child{
        border-color: transparent;
    }
    .rejistration button {
        margin-bottom: 35px;
    }
}