/*----------------------------------------------------
@File: Default Styles
@Author: DoritThemes
@URL: http://wethemez.com
Author E-mail: rockybd1995@gmail.com

This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Motodeal HTML
@Author: Rocky Ahmed
@Developed By: Rocky Ahmed
@Developer URL: http://rocky.wethemez.com
Author E-mail: rockybd1995@gmail.com

@Default Styles

Table of Content:
01/ Variables
02/ predefin
03/ header
04/ button
05/ banner
06/ breadcrumb
07/ about
08/ team
09/ project 
10/ price 
11/ team 
12/ blog 
13/ video  
14/ features  
15/ career  
16/ contact 
17/ footer

=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
/*=================== fonts ====================*/
@import url("css.css");
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    transition: all 0.3s linear;
}

    a:hover, a:focus {
        text-decoration: none;
        outline: none;
    }

.row.m0 {
    margin: 0px;
}

body {
    line-height: 28px;
    font-size: 16px;
    font-family: "Barlow", sans-serif;
    font-weight: normal;
    color: #777777;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Barlow", sans-serif;
    font-weight: bold;
}

i:before {
    margin-left: 0px !important;
}

button:focus {
    outline: none;
    box-shadow: none;
}

.m0 {
    margin: 0px;
}

.p0 {
    padding-left: 0px;
    padding-right: 0px;
}

.p_100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pad_top {
    padding-top: 100px;
}

.pad_btm {
    padding-bottom: 100px;
}

.solid_br {
    height: 1px;
    background: url(../image/sec-br.png) no-repeat;
    width: 100%;
}

.border_solid {
    border-bottom: 1px solid #e4e4e4;
    max-width: 1110px;
    margin: auto;
}

.luxuary_bg {
    background: #0f1114;
}

/* Main Title Area css
============================================================================================ */
.single_title {
    margin-bottom: 70px;
}

    .single_title h2 {
        font: bold 44px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 0px;
    }

    .single_title.yellow h2 span {
        color: #fecc18;
    }

.title_two {
    margin-bottom: 70px;
}

    .title_two h5 {
        text-transform: uppercase;
        font: 500 16px "Barlow", sans-serif;
        letter-spacing: 1.6px;
        margin-bottom: 10px;
    }

    .title_two h2 {
        font: bold 44px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 0px;
    }

    .title_two.white h2 {
        color: #fff;
    }

.flag_title {
    margin-bottom: 60px;
}

    .flag_title h2 {
        position: relative;
        z-index: 2;
        margin-bottom: 0px;
        font: bold 44px "Barlow", sans-serif;
        color: #34373b;
    }

        .flag_title h2 img {
            position: absolute;
            left: 7px;
            top: -22px;
            z-index: -1;
        }

    .flag_title.white h2 {
        color: #fff;
    }

.flag_center_title {
    text-align: center;
    margin-bottom: 60px;
}

    .flag_center_title h2 {
        position: relative;
        z-index: 2;
        margin-bottom: 0px;
        font: bold 44px "Barlow", sans-serif;
        color: #34373b;
        display: inline-block;
    }

        .flag_center_title h2 img {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: -22px;
            z-index: -1;
        }

    .flag_center_title.white h2 {
        color: #fff;
    }

.single_simple_title {
    margin-bottom: 70px;
}

    .single_simple_title h2 {
        color: #fff;
        margin-bottom: 0px;
        font: bold 44px "Barlow", sans-serif;
    }

    .single_simple_title.black h2 {
        color: #34373b;
    }

.single_br_title {
    margin-bottom: 105px;
}

    .single_br_title h2 {
        color: #fff;
        margin-bottom: 0px;
        font: normal 44px "Barlow", sans-serif;
        position: relative;
    }

        .single_br_title h2:before {
            content: attr(data-text);
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            color: rgba(255, 255, 255, 0.01);
            font: bold 200px "Barlow", sans-serif;
            text-transform: uppercase;
        }

        .single_br_title h2:after {
            content: "";
            height: 2px;
            width: 50px;
            height: 2px;
            background: #ff2a39;
            position: absolute;
            left: 0px;
            bottom: -25px;
        }

.single_dubble_title {
    margin-bottom: 100px;
}

    .single_dubble_title h2 {
        color: #34373b;
        margin-bottom: 0px;
        font: bold 44px "Barlow", sans-serif;
        position: relative;
    }

        .single_dubble_title h2 span {
            color: #fecc18;
        }

        .single_dubble_title h2:before {
            content: "";
            background: #fecc18;
            width: 46px;
            height: 2px;
            position: absolute;
            left: 50%;
            bottom: -20px;
            transform: translateX(-50%);
        }

        .single_dubble_title h2:after {
            content: "";
            background: #fecc18;
            width: 23px;
            height: 2px;
            position: absolute;
            left: 50%;
            bottom: -27px;
            transform: translateX(-50%);
        }

.leaf_title {
    margin-bottom: 70px;
}

    .leaf_title h2 {
        margin-bottom: 0px;
        color: #34373b;
        font: bold 44px "Barlow", sans-serif;
        position: relative;
    }

        .leaf_title h2:before {
            content: "";
            background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/icon/leaf.png) no-repeat;
            height: 68px;
            width: 80px;
            position: absolute;
            left: 50%;
            bottom: 7px;
            transform: translateX(-50%);
        }

.boat_title {
    margin-bottom: 70px;
}

    .boat_title h2 {
        margin-bottom: 0px;
        position: relative;
        color: #34373b;
        font: bold 44px "Barlow", sans-serif;
    }

        .boat_title h2:before {
            content: "";
            background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/boat/boat-title-shadow.png) no-repeat;
            height: 85px;
            width: 85px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

/* End Main Title Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main Menu Area css
============================================================================================ */
.header_area {
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
    z-index: 30;
}

    .header_area.menu_two + section, .header_area.menu_two + div, .header_area.menu_two + footer {
        margin-top: 80px;
    }

    .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li {
        margin-right: 40px;
    }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
            margin-right: 0px;
        }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
            line-height: 80px;
            color: #34373b;
        }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a {
            color: #ea2626;
        }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
            color: #34373b;
        }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a {
            color: #fff;
        }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
            border-bottom: 0px;
        }

@media (min-width: 992px) {
    .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        right: auto;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    color: #fff;
}

@media (min-width: 992px) {
    .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right {
    margin-left: 40px;
}

    .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
        vertical-align: middle;
        align-self: center;
    }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn {
            color: #fff;
            line-height: 78px;
            padding: 0px 30px;
            background: #ea2626;
            border-color: #ea2626;
        }

            .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn:hover {
                color: #fff;
                background: #d61919;
                border-color: #d61919;
            }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
            font-size: 24px;
            color: #34373b;
            position: relative;
        }

            .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
                content: "0";
                position: absolute;
                right: -3px;
                top: 30px;
                height: 13px;
                width: 13px;
                color: #fff;
                border-radius: 50%;
                display: inline-block;
                line-height: 13px;
                font-size: 10px;
                font-weight: 500;
                text-align: center;
            }

        .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
            font-size: 24px;
            color: #34373b;
        }

            .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
                content: "";
                height: 30px;
                width: 1px;
                background: #d6d7d8;
                position: absolute;
                left: -20px;
                top: 50%;
                transform: translateY(-50%);
            }

.header_area.menu_three + section, .header_area.menu_three + div, .header_area.menu_three + footer {
    margin-top: 120px;
}

.header_area.menu_three .main_menu {
    border: none;
}

    .header_area.menu_three .main_menu .navbar.navbar-expand-lg .navbar-brand {
        margin-top: -50px;
        margin-right: 65px;
        padding-top: 0px;
        margin-bottom: -20px;
        padding-bottom: 0px;
        /*box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);*/
    }

        .header_area.menu_three .main_menu .navbar.navbar-expand-lg .navbar-brand + .navbar-brand {
            display: none;
        }

    .header_area.menu_three .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
        line-height: 70px;
    }

    .header_area.menu_three .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
        right: -4px;
        top: 19px;
    }

    .header_area.menu_three .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn {
        line-height: 70px;
    }

.header_area.menu_four + section, .header_area.menu_four + div, .header_area.menu_four + footer {
    margin-top: 132px;
}

.header_area.menu_four .main_menu {
    border: none;
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/menu-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    border-bottom: 3px solid #001e55;
}

    .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li {
        margin-right: 20px;
    }

        .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li > a {
            line-height: 80px;
            padding: 0px 10px;
        }

            .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li > a:before {
                content: "";
                width: 0%;
                height: 2px;
                position: absolute;
                left: 0px;
                bottom: 0px;
                opacity: 0;
                transition: all 300ms linear 0s;
            }

        .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu li a {
            color: #34373b;
        }

        .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu li:hover a {
            color: #fff;
        }

        .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu li:last-child a {
            border-bottom: 0px;
        }

@media (min-width: 992px) {
    .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        right: auto;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    background: #f75d34;
    color: #fff;
}

@media (min-width: 992px) {
    .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

.header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li:hover a:before {
    width: 100%;
    opacity: 1;
}

@media (min-width: 992px) {
    .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li:last-child {
    margin-right: 0px;
}

.header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li:hover > a:before, .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.active > a:before {
    width: 100%;
    opacity: 1;
}

.header_area.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right {
    margin-left: 40px;
}

    .header_area.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
        vertical-align: middle;
        align-self: center;
    }

        .header_area.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
            font-size: 20px;
            color: #fff;
            position: relative;
        }

            .header_area.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
                content: "0";
                position: absolute;
                right: 3px;
                top: 26px;
                height: 13px;
                width: 13px;
                background: #f75d34;
                color: #fff;
                border-radius: 50%;
                display: inline-block;
                line-height: 13px;
                font-size: 10px;
                font-weight: 500;
                text-align: center;
                opacity: 1;
                left: auto;
            }

        .header_area.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
            font-size: 20px;
            color: #fff;
        }

            .header_area.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
                content: "";
                height: 30px;
                width: 1px;
                background: #2f5497;
                position: absolute;
                left: -11px;
                top: 50%;
                transform: translateY(-50%);
                opacity: 1;
            }

.header_area.menu_five + section, .header_area.menu_five + div, .header_area.menu_five + footer {
    margin-top: 132px;
}

.header_area.menu_five .top_menu {
    background: #002260;
}

    .header_area.menu_five .top_menu .top_menu_inner .left {
        padding-left: 0px;
    }

    .header_area.menu_five .top_menu .top_menu_inner .right .main_btn {
        color: #fff;
        text-transform: uppercase;
        padding: 0px 28px;
    }

.header_area.menu_five .main_menu {
    border: none;
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/menu-white-bg.png) no-repeat scroll center center;
    background-size: cover;
}

    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
        color: #34373b;
    }

    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
        color: #34373b;
    }

    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a {
        color: #fff;
        background: #ff2a39;
    }

    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
        border-bottom: 0px;
    }

@media (min-width: 992px) {
    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        right: auto;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    background: #ff2a39;
    color: #fff;
}

@media (min-width: 992px) {
    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

.header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover a:before {
    width: 100%;
    opacity: 1;
}

@media (min-width: 992px) {
    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
    margin-right: 0px;
}

.header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a {
    color: #ff2a39;
}

    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a:before, .header_area.menu_five .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a:before {
        width: 100%;
        opacity: 1;
    }

.header_area.menu_five .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
    color: #34373b;
}

    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
        background: #ff2a39;
        right: 3px;
    }

.header_area.menu_five .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
    color: #34373b;
}

    .header_area.menu_five .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
        background: #d7d7d7;
    }

.header_area.menu_six + section, .header_area.menu_six + div, .header_area.menu_six + footer {
    margin-top: 130px;
}

.header_area.menu_six .main_menu {
    border: none;
    position: relative;
}

    .header_area.menu_six .main_menu:before {
        content: "";
        width: 50%;
        height: 55px;
        background: #fff;
        position: absolute;
        top: -51px;
        left: -300px;
        z-index: 1;
    }

    .header_area.menu_six .main_menu:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 50px 0 0 44px;
        border-color: transparent transparent transparent #fff;
        left: 50%;
        top: -50px;
        margin-left: -300px;
        position: absolute;
    }

    .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-brand {
        margin-top: -48px;
        z-index: 2;
    }

        .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-brand + .navbar-brand {
            display: none;
        }

    .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li {
        margin-right: 20px;
    }

        .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
            line-height: 80px;
            padding: 0px 10px;
        }

> .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li a:before {
    display: none;
}

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
    color: #34373b;
}

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a {
    color: #fff;
}

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
    border-bottom: 0px;
}

@media (min-width: 992px) {
    .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        right: auto;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    background: #f75d34;
    color: #fff;
}

@media (min-width: 992px) {
    .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover a:before {
    width: 100%;
    opacity: 1;
}

@media (min-width: 992px) {
    .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
    margin-right: 0px;
}

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a {
    color: #f75d34;
}

    .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a:before, .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a:before {
        width: 100%;
        opacity: 1;
    }

.header_area.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right {
    margin-left: 40px;
}

    .header_area.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
        vertical-align: middle;
        align-self: center;
    }

        .header_area.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
            font-size: 20px;
            color: #34373b;
            position: relative;
        }

            .header_area.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
                content: "0";
                position: absolute;
                right: 3px;
                top: 26px;
                height: 13px;
                width: 13px;
                background: #f75d34;
                color: #fff;
                border-radius: 50%;
                display: inline-block;
                line-height: 13px;
                font-size: 10px;
                font-weight: 500;
                text-align: center;
                opacity: 1;
                left: auto;
            }

        .header_area.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
            font-size: 20px;
            color: #34373b;
        }

            .header_area.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
                position: absolute;
                left: -11px;
                top: 50%;
                transform: translateY(-50%);
                opacity: 1;
            }

.header_area.menu_seven:before {
    content: "";
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/icon/luxuary-left-color-2.jpg) no-repeat scroll center center;
    width: 282px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.header_area.menu_seven + section, .header_area.menu_seven + div, .header_area.menu_seven + footer {
    margin-top: 100px;
}

.header_area.menu_seven .main_menu {
    background: #0f1114;
    padding-left: 115px;
    border: none;
}

    .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-brand {
        z-index: 2;
        position: relative;
    }

    .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li {
        margin-right: 0px;
    }

        .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
            line-height: 100px;
            padding: 0px 0px;
            color: #595959;
            font-size: 15px;
        }

> .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li a:before {
    display: none;
}

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu {
    max-width: 1100px;
    margin: auto;
    width: 100%;
    right: 0px;
}

    .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li:hover a {
        color: #34373b;
    }

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
    color: #34373b;
}

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a {
    color: #fff;
}

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
    border-bottom: 0px;
}

@media (min-width: 992px) {
    .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        right: auto;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff !important;
    color: #34373b;
}

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    color: #fff;
}

@media (min-width: 992px) {
    .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
    margin-right: 0px;
}

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a {
    color: #fff;
}

    .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a:before, .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a:before {
        width: 100%;
        opacity: 1;
    }

.header_area.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right {
    margin-left: 0px;
}

    .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
        vertical-align: middle;
        align-self: center;
    }

        .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
            font-size: 20px;
            color: #87888a;
            position: relative;
        }

            .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
                content: "0";
                position: absolute;
                right: 3px;
                top: 33px;
                height: 13px;
                width: 13px;
                color: #fff;
                border-radius: 50%;
                display: inline-block;
                line-height: 13px;
                font-size: 10px;
                font-weight: 500;
                text-align: center;
                opacity: 1;
                left: auto;
            }

        .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
            font-size: 20px;
            color: #87888a;
        }

            .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
                content: "";
                height: 30px;
                width: 1px;
                background: #87888a;
                position: absolute;
                left: -11px;
                top: 50%;
                transform: translateY(-50%);
                opacity: 1;
            }

        .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .bar_menu {
            background: #181a22;
            padding: 0px 40px;
            color: #fff;
            font-size: 20px;
        }

.header_area.menu_eight {
    margin-top: 60px;
}

    .header_area.menu_eight .main_menu {
        border: none;
    }

        .header_area.menu_eight .main_menu .navbar.navbar-expand-lg {
            background-color: #fecc18 !important;
        }

            .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-brand {
                padding-left: 20px;
            }

            .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li {
                margin-right: 20px;
            }

                .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
                    line-height: 75px;
                    padding: 0px 10px;
                    color: #34373b;
                    font-size: 16px;
                }

                    .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li a:before {
                        content: "";
                        width: 0%;
                        height: 5px;
                        background: #34373b;
                        position: absolute;
                        left: 0px;
                        bottom: 0px;
                        opacity: 0;
                        transition: all 300ms linear 0s;
                    }

                .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li:hover a {
                    color: #34373b;
                }

                    .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li:hover a:before {
                        display: none;
                    }

                .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
                    color: #34373b;
                }

                .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a {
                    color: #fff;
                    background: #fecc18;
                }

                .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
                    border-bottom: 0px;
                }

@media (min-width: 992px) {
    .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        right: auto;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    background: #fecc18;
    color: #fff;
}

@media (min-width: 992px) {
    .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
    margin-right: 0px;
}

.header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a:before, .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a:before {
    width: 100%;
    opacity: 1;
}

.header_area.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right {
    margin-left: 50px;
}

    .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn {
        background: #101010;
        height: 75px;
        text-align: center;
        position: relative;
        padding: 0px 25px;
    }

        .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn i {
            position: absolute;
            left: -18.5px;
            top: 50%;
            transform: translateY(-50%);
            height: 37px;
            width: 37px;
            border-radius: 50%;
            background: #101010;
            color: #fecc18;
            text-align: center;
            line-height: 37px;
        }

        .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn p {
            display: inline-block;
            margin-bottom: 0px;
            color: #fff;
            font: normal 12px/28px "Barlow", sans-serif;
            letter-spacing: 0.9px;
            text-transform: uppercase;
            margin-top: 9px;
        }

        .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn a {
            font: 600 20px/26px "Barlow", sans-serif;
            color: #fecc18;
            position: relative;
            top: 0px;
            line-height: normal;
        }

            .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn a:hover {
                line-height: normal;
            }

            .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn a:before {
                display: none;
            }

    .header_area.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li:hover .booking_btn a {
        line-height: normal !important;
    }

.header_area.menu_nine + section, .header_area.menu_nine + div, .header_area.menu_nine + footer {
    margin-top: 214px;
}

.header_area.menu_nine .main_menu {
    border: none;
}

    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-brand {
        display: none;
    }

    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li {
        margin-right: 0px;
    }

        .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
            line-height: 60px;
            padding: 0px 22px;
            color: #34373b;
            font-size: 16px;
            line-height: 60px;
        }

> .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li a:before {
    display: none;
}

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu ul li a {
    background: transparent;
    color: #34373b;
}

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
    color: #34373b;
}

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover > a {
    color: #fff;
    background: #0cc533;
}

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
    border-bottom: 0px;
}

@media (min-width: 992px) {
    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        right: auto;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    color: #fff;
}

@media (min-width: 992px) {
    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
    margin-right: 0px;
}

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a {
    color: #fff;
    background: #0cc533;
}

    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a:before, .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a:before {
        width: 100%;
        opacity: 1;
    }

.header_area.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
    margin-right: 10px;
}

    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
        background: transparent;
    }

        .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
            right: 16px;
            top: 15px;
            background: #0cc533;
            color: #fff;
        }

    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
        background: transparent;
    }

        .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
            left: -7px;
        }

    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li:last-child {
        margin-right: 0px;
    }

        .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li:last-child a {
            padding-right: 0px;
        }

.header_area.menu_ten .top_bus_menu {
    background: #020d26;
}

.header_area.menu_ten + section, .header_area.menu_ten + div, .header_area.menu_ten + footer {
    margin-top: 132px;
}

.header_area.menu_ten .main_menu {
    border: none;
}

    .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-brand {
        margin-right: 25px;
    }

    .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav {
        border-left: 1px solid #ededed;
        padding-left: 20px;
    }

        .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li {
            margin-right: 20px;
        }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
                line-height: 82px;
                padding: 0px 10px;
            }

                .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li a:before {
                    content: "";
                    width: 0%;
                    height: 5px;
                    background: #f75d34;
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    opacity: 0;
                    transition: all 300ms linear 0s;
                }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li a:before {
                display: none;
            }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
                color: #34373b;
            }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a {
                color: #fff;
                background: #f75d34;
            }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
                border-bottom: 0px;
            }

@media (min-width: 992px) {
    .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        right: auto;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    background: #f75d34;
    color: #fff;
}

@media (min-width: 992px) {
    .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

.header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a:before {
    width: 100%;
    opacity: 1;
}

@media (min-width: 992px) {
    .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
    margin-right: 0px;
}

.header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a {
    color: #f75d34;
}

    .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a:before, .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a:before {
        width: 100%;
        opacity: 1;
    }

.header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right {
    margin-left: 40px;
    padding-left: 0px;
    border-left: 0px;
}

    .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
        vertical-align: middle;
        align-self: center;
    }

        .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
            font-size: 20px;
            color: #34373b;
            position: relative;
        }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
                content: "0";
                position: absolute;
                right: 3px;
                top: 26px;
                height: 13px;
                width: 13px;
                background: #f75d34;
                color: #fff;
                border-radius: 50%;
                display: inline-block;
                line-height: 13px;
                font-size: 10px;
                font-weight: 500;
                text-align: center;
                opacity: 1;
                left: auto;
            }

        .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
            font-size: 20px;
            color: #34373b;
        }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
                content: "";
                height: 30px;
                width: 1px;
                background: #ededed;
                position: absolute;
                left: -11px;
                top: 50%;
                transform: translateY(-50%);
                opacity: 1;
            }

        .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn {
            line-height: 82px;
            background: #f75d34;
            padding: 0px 38px;
            border: none;
            color: #fff;
        }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn:before {
                display: none;
            }

            .header_area.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn:hover {
                box-shadow: none;
                color: #fff;
                background: #e4390c;
            }

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-brand {
    margin-right: 25px;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
    color: #34373b;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a {
    color: #fff;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
    border-bottom: 0px;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    color: #fff;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover a:before {
    width: 100%;
    opacity: 1;
}

@media (min-width: 992px) {
    .header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
    margin-right: 0px;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a:before, .header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a:before {
    width: 100%;
    opacity: 1;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn:hover {
    color: #fff;
}

.header_area.navbar_fixed .main_menu {
    position: fixed !important;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    background: #fff;
    transform: translateY(70px);
    transition: transform 500ms ease, background 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    z-index: 999999;
}

    .header_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-brand {
        display: none;
        box-shadow: none;
        margin: 0px;
    }

        .header_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .navbar-brand + .navbar-brand {
            display: inline-block;
        }

    .header_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li > a {
        color: #34373b;
        line-height: 70px;
    }

    .header_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn {
        color: #fff;
        line-height: 42px;
    }

.header_area.navbar_fixed.menu_two.menu_three .main_menu .navbar.navbar-expand-lg .navbar-brand {
    display: none;
}

    .header_area.navbar_fixed.menu_two.menu_three .main_menu .navbar.navbar-expand-lg .navbar-brand + .navbar-brand {
        display: inline-block;
        margin-right: 65px;
    }

.header_area.navbar_fixed.menu_two.menu_three .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li > a {
    color: #34373b;
    line-height: 70px;
}

.header_area.navbar_fixed.menu_two .main_menu .navbar.navbar-expand-lg .navbar-brand {
    display: inline-block;
}

.header_area.navbar_fixed.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li > a {
    color: #34373b;
    line-height: 70px;
}

.header_area.navbar_fixed.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a {
    color: #ff2a39;
}

.header_area.navbar_fixed.menu_seven .main_menu {
    background: #0f1114;
    box-shadow: 0px 3px 6px 0px rgba(255, 255, 255, 0.1);
}

    .header_area.navbar_fixed.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-brand {
        display: inline-block;
    }

    .header_area.navbar_fixed.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li > a {
        color: #595959;
        line-height: 70px;
    }

.header_area.navbar_fixed.menu_two.menu_six .main_menu .navbar.navbar-expand-lg .navbar-brand {
    display: none;
    margin-right: 0px;
}

    .header_area.navbar_fixed.menu_two.menu_six .main_menu .navbar.navbar-expand-lg .navbar-brand + .navbar-brand {
        display: inline-block;
    }

.header_area.navbar_fixed.menu_eight .main_menu {
    background: #fecc18;
}

    .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .navbar-brand {
        display: inline-block;
    }

    .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a {
        color: #34373b;
        line-height: 70px;
    }

    .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn {
        background: #101010;
        height: 70px;
        text-align: center;
        position: relative;
        padding: 0px 25px;
    }

        .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn i {
            position: absolute;
            left: -18.5px;
            top: 50%;
            transform: translateY(-50%);
            height: 37px;
            width: 37px;
            border-radius: 50%;
            background: #101010;
            color: #fecc18;
            text-align: center;
            line-height: 37px;
        }

        .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn p {
            display: inline-block;
            margin-bottom: 0px;
            color: #fff;
            font: normal 12px/28px "Barlow", sans-serif;
            letter-spacing: 0.9px;
            text-transform: uppercase;
            margin-top: 7px;
        }

        .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn a {
            font: 600 20px/26px "Barlow", sans-serif;
            color: #fecc18;
            position: relative;
            top: 0px;
            line-height: normal;
        }

            .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn a:hover {
                line-height: normal;
            }

            .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li.booking_btn a:before {
                display: none;
            }

    .header_area.navbar_fixed.menu_eight .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li:hover .booking_btn a {
        line-height: normal !important;
    }

.header_area.navbar_fixed.menu_two.menu_ten .main_menu .navbar.navbar-expand-lg .navbar-brand {
    display: inline-block;
    margin-right: 25px;
}

.header_area.navbar_fixed.menu_two.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_two.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a {
    color: #f75d34;
}

.header_area.navbar_fixed.menu_two.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn {
    background: #f75d34;
    border: none;
    color: #fff;
}

    .header_area.navbar_fixed.menu_two.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn:before {
        display: none;
    }

    .header_area.navbar_fixed.menu_two.menu_ten .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn:hover {
        box-shadow: none;
        color: #fff;
    }

.header_area.navbar_fixed.menu_four .main_menu {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/menu-bg.jpg) no-repeat scroll center center;
    background-size: cover;
}

    .header_area.navbar_fixed.menu_four .main_menu .navbar.navbar-expand-lg .navbar-brand {
        display: inline-block;
    }

    .header_area.navbar_fixed.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li > a {
        color: #fff;
    }

    .header_area.navbar_fixed.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_four .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a {
        color: #f75d34;
    }

.header_area.navbar_fixed.menu_four.menu_five .main_menu {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/menu-white-bg.png) no-repeat scroll center center;
    background-size: cover;
}

    .header_area.navbar_fixed.menu_four.menu_five .main_menu .navbar.navbar-expand-lg .navbar-brand {
        display: inline-block;
    }

    .header_area.navbar_fixed.menu_four.menu_five .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li a {
        color: #34373b;
    }

    .header_area.navbar_fixed.menu_four.menu_five .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_four.menu_five .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a {
        color: #ff2a39;
    }

.header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-brand {
    display: inline-block;
    margin-right: 25px;
}

.header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a {
    color: #fff;
}

.header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
    margin-right: 10px;
}

    .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
        background: transparent;
    }

        .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before {
            right: 16px;
            top: 15px;
            background: #0cc533;
            color: #fff;
        }

        .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:hover {
            color: #0cc533;
        }

    .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
        background: transparent;
    }

        .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
            left: -7px;
        }

        .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:hover {
            color: #0cc533;
        }

    .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li:last-child {
        margin-right: 0px;
    }

        .header_area.navbar_fixed.menu_two.menu_nine .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li:last-child a {
            padding-right: 0px;
        }

.header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a {
    color: #ff575d;
}

.header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
    margin-right: 10px;
}

    .header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart {
        background: transparent;
    }

        .header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:hover {
            color: #ff575d;
        }

    .header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search {
        background: transparent;
    }

        .header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:before {
            left: -3px;
        }

        .header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .search:hover {
            color: #ff575d;
        }

    .header_area.navbar_fixed.menu_two.menu_ten.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn.per {
        background: #ff575d;
    }

.main_menu {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .main_menu .navbar.navbar-expand-lg {
        position: relative;
        padding: 0px;
        background-color: transparent !important;
    }

        .main_menu .navbar.navbar-expand-lg .navbar-brand {
            display: inline-block;
        }

            .main_menu .navbar.navbar-expand-lg .navbar-brand + .navbar-brand {
                display: none;
            }

        .main_menu .navbar.navbar-expand-lg .navbar-nav li {
            margin-right: 35px;
        }

            .main_menu .navbar.navbar-expand-lg .navbar-nav li a {
                line-height: 90px;
                font-size: 16px;
                color: #fff;
                font-family: "Barlow", sans-serif;
                font-weight: bold;
                transition: all 300ms ease;
                position: relative;
                display: block;
                text-transform: uppercase;
            }

                .main_menu .navbar.navbar-expand-lg .navbar-nav li a:after {
                    display: none;
                }

            .main_menu .navbar.navbar-expand-lg .navbar-nav li:last-child {
                margin-right: 0px;
            }

            .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu {
                border: none;
                padding: 0px;
                border-radius: 0px;
                box-shadow: none;
                margin: 0px;
                background: transparent;
            }

@media (min-width: 992px) {
    .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu {
        position: absolute;
        top: 110%;
        left: 0px;
        min-width: 220px;
        text-align: left;
        opacity: 0;
        transition: all 300ms ease-in;
        visibility: hidden;
        display: block;
        border: none;
        padding: 0px;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    }
}

.main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li {
    margin-right: 0px;
    display: block;
    background: #fff;
}

    .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a {
        display: block;
        line-height: 50px;
        color: #34373b;
        font-family: "Barlow", sans-serif;
        font-size: 16px;
        padding: 0px 20px 0px 30px;
        text-transform: inherit;
        transition: all 300ms ease;
        font-weight: normal;
        text-shadow: none;
    }

        .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a:before {
            display: none;
        }

        .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a i {
            float: right;
            line-height: 50px;
            font-size: 12px;
        }

    .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a {
        border-bottom: 0px;
    }

@media (min-width: 992px) {
    .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        transform: rotate(0deg);
        left: 97%;
        top: 0px;
        transition: all 300ms ease-in;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
    color: #34373b;
}

.main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a {
    background: #0cc533;
    color: #fff;
}

@media (min-width: 992px) {
    .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu {
        visibility: visible;
        left: 100%;
        opacity: 1;
    }
}

.main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu {
    position: static;
}

    .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu {
        border: none;
        padding: 0px;
        border-radius: 0px;
        box-shadow: none;
        margin: 0px;
        background: #fff;
    }

@media (min-width: 992px) {
    .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu {
        position: absolute;
        top: 110%;
        left: 0px;
        width: 100%;
        text-align: left;
        opacity: 0;
        transition: all 300ms ease-in;
        visibility: hidden;
        display: block;
        border: none;
        padding: 30px 15px 0px 15px;
        border-radius: 0px;
        display: flex;
        flex-wrap: wrap;
        z-index: 35;
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
    }
}

.main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li {
    margin-right: 0px;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

    .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li a {
        display: block;
        width: 100%;
        color: #34373b;
        text-align: center;
        text-transform: capitalize;
        font: normal 16px "Barlow", sans-serif;
        padding: 0px;
    }

        .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li a img {
            display: block;
            overflow: hidden;
            width: 100%;
            box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
            margin-bottom: 20px;
            transition: all 300ms linear 0s;
        }

        .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li a span {
            display: block;
            width: 100%;
            color: #34373b;
        }

        .main_menu .navbar.navbar-expand-lg .navbar-nav li.mega_menu .dropdown-menu li a:hover img {
            box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.8);
        }

@media (min-width: 992px) {
    .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu li {
            margin-top: 0px;
        }

    .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.mega_menu .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }

        .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover.mega_menu .dropdown-menu li {
            margin-top: 0px;
        }
}

.main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right {
    margin-left: 42px;
}

    .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li {
        vertical-align: middle;
        align-self: center;
    }

        .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn {
            color: #fff;
            line-height: 42px;
            padding: 0px 28.5px;
        }

.top_menu_nine {
    background: #020d26;
}

    .top_menu_nine .top_menu_inner {
        border-bottom: 1px solid #1c263c;
    }

        .top_menu_nine .top_menu_inner .left .flag_drop {
            width: 76px;
            display: inline-block;
            line-height: 38px;
            margin-right: 25px;
        }

            .top_menu_nine .top_menu_inner .left .flag_drop .selector .dd.ddcommon {
                width: 76px !important;
                border: none;
                border-radius: 0px;
                border: none;
                outline: none;
            }

                .top_menu_nine .top_menu_inner .left .flag_drop .selector .dd.ddcommon .ddTitle .divider {
                    display: none;
                }

                .top_menu_nine .top_menu_inner .left .flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText {
                    padding: 0px;
                    color: #fff;
                    font-size: 15px;
                    font-family: "Barlow", sans-serif;
                }

                    .top_menu_nine .top_menu_inner .left .flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText .flag {
                        margin-right: 5px;
                        margin-top: -3px;
                    }

                    .top_menu_nine .top_menu_inner .left .flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText:before {
                        content: "";
                        font-family: "icomoon" !important;
                        position: absolute;
                        right: 10px;
                        top: 47%;
                        transform: translateY(-50%);
                    }

                .top_menu_nine .top_menu_inner .left .flag_drop .selector .dd.ddcommon .ddChild {
                    width: 101px;
                    border-radius: 0px;
                }

                    .top_menu_nine .top_menu_inner .left .flag_drop .selector .dd.ddcommon .ddChild ul li {
                        line-height: 25px;
                        padding: 0px 5px;
                    }

        .top_menu_nine .top_menu_inner .left .nice_select {
            display: inline-block;
            width: auto;
            float: none;
            background: transparent;
            border-radius: 0px;
            border: none;
            padding-left: 0px;
            height: 40px;
        }

            .top_menu_nine .top_menu_inner .left .nice_select .current {
                color: #fff;
                font: normal 15px "Barlow", sans-serif;
            }

            .top_menu_nine .top_menu_inner .left .nice_select:after {
                content: "";
                font-family: "icomoon" !important;
                position: absolute;
                right: 10px;
                border: none;
                color: #fff;
                font-size: 16px;
                transform: rotate(0deg);
                top: 1px;
            }

            .top_menu_nine .top_menu_inner .left .nice_select .list {
                border-radius: 0px;
            }

        .top_menu_nine .top_menu_inner .right .nav li {
            margin-right: 22px;
        }

            .top_menu_nine .top_menu_inner .right .nav li:last-child {
                margin-right: 0px;
            }

            .top_menu_nine .top_menu_inner .right .nav li a {
                display: inline-block;
                font-size: 16px;
                color: #fff;
                line-height: 40px;
                transition: all 300ms linear 0s;
            }

.middle_menu {
    background: #020d26;
    padding: 33px 0px 29px 0px;
}

    .middle_menu .right {
        display: flex;
    }

        .middle_menu .right .media {
            margin-right: 32px;
        }

            .middle_menu .right .media .d-flex {
                padding-right: 20px;
                padding-top: 5px;
            }

                .middle_menu .right .media .d-flex i {
                    font-size: 20px;
                }

            .middle_menu .right .media .media-body a {
                font: 600 18px/22px "Barlow", sans-serif;
                color: #fff;
                display: block;
            }

            .middle_menu .right .media .media-body p {
                margin-bottom: 0px;
                color: #fff;
                font-size: 15px;
            }

            .middle_menu .right .media .media-body h6 {
                font: 600 18px "Barlow", sans-serif;
                color: #fff;
                margin-bottom: 0px;
            }

        .middle_menu .right .main_btn {
            display: inline-block;
            height: 46px;
            margin-top: 5px;
            text-transform: uppercase;
            font: bold 16px/44px "Barlow", sans-serif;
        }

            .middle_menu .right .main_btn:hover {
                color: #fff;
                box-shadow: 0px 7px 17px -3px rgba(0, 0, 0, 0.64);
            }

.top_bus_menu {
    background: #002260;
}

    .top_bus_menu .left h6 {
        margin-bottom: 0px;
        font-weight: normal;
        color: #d8e0f3;
        line-height: 50px;
    }

        .top_bus_menu .left h6 i {
            padding-right: 8px;
            font-size: 16px;
            transition: all 300ms linear 0s;
        }

        .top_bus_menu .left h6 a {
            color: #d8e0f3;
            font: normal 15px "Barlow", sans-serif;
        }

        .top_bus_menu .left h6:hover {
            color: #f75d34;
        }

            .top_bus_menu .left h6:hover a {
                color: #f75d34;
            }

    .top_bus_menu .right a {
        color: #d8e0f3;
        font: normal 15px "Barlow", sans-serif;
        transition: all 300ms linear 0s;
    }

        .top_bus_menu .right a i {
            padding-right: 8px;
            font-size: 16px;
        }

        .top_bus_menu .right a:hover {
            color: #f75d34;
        }

    .top_bus_menu .right p {
        display: inline-block;
        margin-bottom: 0px;
        margin-left: 46px;
        color: #d8e0f3;
        font: normal 15px/50px "Barlow", sans-serif;
        transition: all 300ms linear 0s;
    }

        .top_bus_menu .right p i {
            padding-right: 8px;
            font-size: 16px;
        }

        .top_bus_menu .right p:hover {
            color: #f75d34;
        }

.menu_icon {
    position: absolute;
    right: 20px;
    top: 16px;
    width: 14px;
    height: 14px;
    z-index: 2;
    display: none;
}

    .menu_icon:before, .menu_icon:after {
        content: "";
        position: absolute;
        background: #34373b;
        transition: all 0.2s linear;
    }

    .menu_icon:before {
        top: 6px;
        width: 100%;
        height: 2px;
    }

    .menu_icon:after {
        width: 2px;
        height: 100%;
        left: 50%;
        margin-left: -1px;
    }

.top_six_menu {
    background: #153e4d;
}

    .top_six_menu .top_inner .right p {
        display: inline-block;
        margin-bottom: 0px;
        color: #fff;
        line-height: 50px;
        margin-right: 30px;
    }

        .top_six_menu .top_inner .right p i {
            padding-right: 6px;
        }

    .top_six_menu .top_inner .right .main_btn {
        line-height: 48px;
        font-weight: 600;
        padding: 0px 33.5px;
        margin-left: 30px;
    }

        .top_six_menu .top_inner .right .main_btn i {
            padding-right: 8px;
        }

        .top_six_menu .top_inner .right .main_btn:hover {
            color: #fff;
        }

.top_menu .top_menu_inner .left {
    padding-left: 200px;
}

    .top_menu .top_menu_inner .left p {
        display: inline-block;
        color: #fff;
        line-height: 50px;
        margin-bottom: 0px;
        font-size: 15px;
        font-family: "Barlow", sans-serif;
        font-weight: normal;
        padding-right: 35px;
    }

        .top_menu .top_menu_inner .left p i {
            padding-right: 5px;
        }

        .top_menu .top_menu_inner .left p:last-child {
            padding-right: 0px;
        }

.top_menu .top_menu_inner .right a {
    background: #fff;
    display: inline-block;
    color: #34373b;
    font: 600 16px/50px "Barlow", sans-serif;
    padding: 0px 34px;
}

    .top_menu .top_menu_inner .right a i {
        padding-right: 6px;
    }

/* End Main Menu Area css
============================================================================================ */
/* Luxuary Menu Area css
============================================================================================ */
.menu-is-opened .luxuary_menu_area {
    opacity: 1;
    visibility: visible;
}

    .menu-is-opened .luxuary_menu_area .menu_part_lux {
        visibility: visible;
        opacity: 1;
        transition: all 1.5s linear;
    }

        .menu-is-opened .luxuary_menu_area .menu_part_lux .menu_list {
            opacity: 1;
            transform: translateY(0rem);
        }

.luxuary_menu_area {
    background: rgba(0, 0, 0, 0.95);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms linear 0s;
}

    .luxuary_menu_area .logo_part .left {
        padding-left: 115px;
    }

        .luxuary_menu_area .logo_part .left a {
            display: inline-block;
            line-height: 100px;
        }

            .luxuary_menu_area .logo_part .left a img {
                display: inline-block;
            }

    .luxuary_menu_area .logo_part .right {
        padding-right: 35px;
    }

        .luxuary_menu_area .logo_part .right .close_icon {
            cursor: pointer;
            line-height: 100px;
        }

            .luxuary_menu_area .logo_part .right .close_icon h6 {
                display: inline-block;
                color: #fff;
                text-transform: uppercase;
                font: normal 13px "Barlow", sans-serif;
                position: relative;
                top: -3px;
                padding-right: 5px;
            }

            .luxuary_menu_area .logo_part .right .close_icon i {
                color: #fff;
                font-size: 18px;
            }

    .luxuary_menu_area .menu_part_lux {
        text-align: center;
        padding-top: 55px;
        visibility: hidden;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: calc(100% - 100px);
        padding-top: 0px;
    }

        .luxuary_menu_area .menu_part_lux .mCSB_container {
            margin-right: 0px;
        }

        .luxuary_menu_area .menu_part_lux .mCSB_draggerRail {
            background: transparent !important;
        }

        .luxuary_menu_area .menu_part_lux .mCSB_dragger .mCSB_dragger_bar {
            background: transparent !important;
        }

        .luxuary_menu_area .menu_part_lux .menu_list {
            list-style: none;
            margin-bottom: 0px;
            padding-left: 0px;
            margin-top: -100px;
            transform: translateY(4rem);
            opacity: 0;
            transition: all 300ms linear 0s;
            max-height: 545px;
        }

            .luxuary_menu_area .menu_part_lux .menu_list li a {
                font: normal 36px "Barlow", sans-serif;
                text-transform: uppercase;
                display: inline-block;
                color: #fff;
                padding: 16px 0px;
            }

                .luxuary_menu_area .menu_part_lux .menu_list li a img {
                    display: inline-block;
                    position: relative;
                    top: -3px;
                    padding-left: 10px;
                }

                    .luxuary_menu_area .menu_part_lux .menu_list li a img + img {
                        display: none;
                    }

                .luxuary_menu_area .menu_part_lux .menu_list li a.open img {
                    display: none;
                }

                    .luxuary_menu_area .menu_part_lux .menu_list li a.open img + img {
                        display: inline-block;
                    }

            .luxuary_menu_area .menu_part_lux .menu_list li ul {
                display: none;
                padding: 5px 0px;
            }

                .luxuary_menu_area .menu_part_lux .menu_list li ul li {
                    margin-bottom: 15px;
                }

                    .luxuary_menu_area .menu_part_lux .menu_list li ul li:last-child {
                        margin-bottom: 0px;
                    }

                    .luxuary_menu_area .menu_part_lux .menu_list li ul li a {
                        color: rgba(255, 255, 255, 0.6);
                        font: normal 16px "Barlow", sans-serif;
                        text-transform: uppercase;
                        transition: all 300ms linear 0s;
                        padding: 0px;
                    }

                    .luxuary_menu_area .menu_part_lux .menu_list li ul li:hover a {
                        color: #fff;
                    }

/* End Luxuary Menu Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Find Car Banner Area css
============================================================================================ */
.find_car_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/home-banner/car-rental-banner.jpg) no-repeat scroll center center;
    min-height: 900px;
    display: flex;
    align-self: center;
}

    .find_car_area .container {
        align-self: center;
        display: flex;
        vertical-align: middle;
        justify-content: center;
        height: 100%;
    }

        .find_car_area .container .find_car_inner {
            text-align: center;
            width: 100%;
        }

            .find_car_area .container .find_car_inner h2 {
                color: #fff;
                font: bold 60px "Barlow", sans-serif;
                margin-bottom: 15px;
            }

            .find_car_area .container .find_car_inner p {
                color: #fff;
                font: normal 24px "Barlow", sans-serif;
                margin-bottom: 52px;
            }

        .find_car_area .container .search_car_box {
            background: rgba(0, 0, 0, 0.5);
            padding: 50px 28px;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

            .find_car_area .container .search_car_box .search_car_item {
                padding: 0px 2px;
                flex: 0 0 37.5%;
                max-width: 37.5%;
            }

                .find_car_area .container .search_car_box .search_car_item input {
                    height: 60px;
                    border-radius: 0px;
                    outline: none;
                    box-shadow: none;
                    padding: 0px 20px;
                    font: normal 16px/60px "Barlow", sans-serif;
                    color: #777777;
                    border: none;
                }

                    .find_car_area .container .search_car_box .search_car_item input.placeholder {
                        font: normal 16px/60px "Barlow", sans-serif;
                        color: #777777;
                    }

                    .find_car_area .container .search_car_box .search_car_item input:-moz-placeholder {
                        font: normal 16px/60px "Barlow", sans-serif;
                        color: #777777;
                    }

                    .find_car_area .container .search_car_box .search_car_item input::-moz-placeholder {
                        font: normal 16px/60px "Barlow", sans-serif;
                        color: #777777;
                    }

                    .find_car_area .container .search_car_box .search_car_item input::-webkit-input-placeholder {
                        font: normal 16px/60px "Barlow", sans-serif;
                        color: #777777;
                    }

                .find_car_area .container .search_car_box .search_car_item:nth-child(2) {
                    flex: 0 0 22.5%;
                    max-width: 22.5%;
                }

                .find_car_area .container .search_car_box .search_car_item:nth-child(3) {
                    flex: 0 0 22.5%;
                    max-width: 22.5%;
                }

                .find_car_area .container .search_car_box .search_car_item:nth-child(4) {
                    flex: 0 0 17.5%;
                    max-width: 17.5%;
                }

                .find_car_area .container .search_car_box .search_car_item .form-group {
                    position: relative;
                }

                    .find_car_area .container .search_car_box .search_car_item .form-group .input-group {
                        height: 60px;
                    }

                    .find_car_area .container .search_car_box .search_car_item .form-group .text_div {
                        background: #fff;
                        display: block;
                        width: 100%;
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        height: 60px;
                        text-align: left;
                        padding-left: 50px;
                        font: 600 16px/60px "Barlow", sans-serif;
                        color: #34373b;
                    }

                        .find_car_area .container .search_car_box .search_car_item .form-group .text_div span {
                            font-weight: normal;
                            color: #777777;
                            float: right;
                            padding-right: 20px;
                        }

                    .find_car_area .container .search_car_box .search_car_item .form-group .input-group-text {
                        position: absolute;
                        left: 18px;
                        top: 50%;
                        transform: translateY(-50%);
                        z-index: 5;
                        background: transparent;
                        border: none;
                        padding: 0px;
                        font-size: 20px;
                        color: #34373b;
                    }

                    .find_car_area .container .search_car_box .search_car_item .form-group input {
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        background: transparent;
                        width: 100%;
                        height: 60px;
                        border: none;
                        padding-left: 50px;
                        line-height: 60px;
                        outline: none;
                        box-shadow: none;
                    }

                        .find_car_area .container .search_car_box .search_car_item .form-group input:focus {
                            background: #fff;
                        }

                        .find_car_area .container .search_car_box .search_car_item .form-group input.white {
                            background: #fff;
                        }

/* End Find Car Banner Area css
============================================================================================ */
/* BreadCrumb Area css
============================================================================================ */
.breadcrumb_area {
    background-size: cover !important;
    padding: 120px 0px 118px 0px;
    position: relative;
    z-index: 2;
    background-repeat: no-repeat !important;
}

    .breadcrumb_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

    .breadcrumb_area .breadcrumb_inner {
        text-align: center;
        color: #fff;
    }

        .breadcrumb_area .breadcrumb_inner h3 {
            font: bold 60px "Barlow", sans-serif;
            margin-bottom: 12px;
        }

        .breadcrumb_area .breadcrumb_inner .link a {
            color: #fff;
            font: normal 18px "Barlow", sans-serif;
            margin-right: 12px;
            display: inline-block;
            position: relative;
        }

            .breadcrumb_area .breadcrumb_inner .link a:before {
                content: "";
                font-family: "icomoon" !important;
                color: #fff;
                font-size: 16px;
                position: absolute;
                right: -11px;
                top: 50%;
                transform: translateY(-50%);
            }

            .breadcrumb_area .breadcrumb_inner .link a:last-child {
                margin-right: 0px;
            }

                .breadcrumb_area .breadcrumb_inner .link a:last-child:before {
                    display: none;
                }

/* End BreadCrumb Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Animations Area css
============================================================================================ */
@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes runpulse {
    0% {
        transform: scale(0.68);
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes mapbit {
    0% {
        opacity: 1;
        top: 30%;
    }

    100% {
        opacity: 1;
        top: 28%;
    }
}

@keyframes rounded {
    100% {
        transform: rotate(360deg);
    }
}
/* End Animations Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Budget Slider Area css
============================================================================================ */
.main_slider_area.bike_slider .slider_nav i:hover {
    background: #ea2626;
}

.main_slider_area.bus_slider_area.repair_slider_area .slider_nav i:hover {
    background: #ff2a39 !important;
}

/* 竖屏设备 */
@media (orientation: portrait) {
    .main_slider {
        display: none;
        /* height:100px;*/
    }
}

/* 横屏设备 */
        @media (orientation: landscape) {
    .main_slider.budget_slider {
        height: 550px;
    }
}

/*.main_slider {
    height: 890px;
}
*/
    .main_slider .slick-list {
        height: 100%;
        outline: none !important;
    }

        .main_slider .slick-list .slick-track {
            height: 100%;
            outline: none !important;
        }

    .main_slider .slider_item {
        outline: none !important;
    }

    .main_slider .slider_item {
        display: flex !important;
        align-items: center;
        position: relative;
    }

        .main_slider .slider_item .slider_text {
            margin-top: -100px;
        }

            .main_slider .slider_item .slider_text img {
                margin-bottom: 26px;
                opacity: 0;
            }

            .main_slider .slider_item .slider_text h6 {
                display: inline-block;
                color: #fff;
                font: italic 600 20px/45px "Barlow", sans-serif;
                text-transform: uppercase;
                position: relative;
                padding: 0px 25px;
                margin-bottom: 30px;
                opacity: 0;
                cursor: text;
            }

                .main_slider .slider_item .slider_text h6:before {
                    content: "";
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    transform: skewX(-30deg);
                    height: 100%;
                    width: 100%;
                    z-index: -1;
                }

            .main_slider .slider_item .slider_text h5 {
                font: normal 48px "Barlow", sans-serif;
                color: #fff;
                margin-bottom: 36px;
                opacity: 0;
                cursor: text;
            }

            .main_slider .slider_item .slider_text h4 {
                font: bold 48px "Barlow", sans-serif;
                color: #fff;
                margin-bottom: 40px;
                opacity: 0;
                cursor: text;
            }

            .main_slider .slider_item .slider_text .main_btn.white {
                background: #fff;
                color: #34373b;
                border-color: #fff;
                text-transform: uppercase;
                font: bold 16px/58px "Barlow", sans-serif;
                padding: 0px 38px;
                opacity: 0;
            }

                .main_slider .slider_item .slider_text .main_btn.white:hover {
                    color: #fff;
                }

        .main_slider .slider_item .budget_brand {
            position: relative;
            display: inline-block;
        }

            .main_slider .slider_item .budget_brand img {
                opacity: 0;
            }

            .main_slider .slider_item .budget_brand .km_text {
                height: 122px;
                width: 122px;
                border: 6px solid #ff2a39;
                border-radius: 50%;
                background: #fff;
                color: #ff2a39;
                position: absolute;
                right: 60px;
                bottom: 0px;
                padding-top: 20px;
                opacity: 0;
                cursor: text;
            }

                .main_slider .slider_item .budget_brand .km_text h4 {
                    color: #ff2a39;
                    font: bold 36px "Barlow", sans-serif;
                    text-align: center;
                    margin-bottom: 0px;
                    cursor: text;
                }

                    .main_slider .slider_item .budget_brand .km_text h4 span {
                        font-size: 18px;
                        vertical-align: top;
                    }

                .main_slider .slider_item .budget_brand .km_text h5 {
                    color: #ff2a39;
                    font: normal 16px "Barlow", sans-serif;
                    text-align: right;
                    margin-bottom: 0px;
                    padding-right: 10px;
                    cursor: text;
                }

        .main_slider .slider_item.slick-active .slider_text img {
            opacity: 1;
        }

        .main_slider .slider_item.slick-active .slider_text h6 {
            opacity: 1;
        }

        .main_slider .slider_item.slick-active .slider_text h5 {
            opacity: 1;
        }

        .main_slider .slider_item.slick-active .slider_text h4 {
            opacity: 1;
        }

        .main_slider .slider_item.slick-active .slider_text .main_btn.white {
            opacity: 1;
        }

        .main_slider .slider_item.slick-active .slider_text .budget_brand img {
            opacity: 1;
        }

        .main_slider .slider_item.slick-active .slider_text .budget_brand .km_text {
            opacity: 1;
        }

        .main_slider .slider_item .image_overlay {
            position: absolute;
            left: 0px;
            top: 0px;
            height: 100%;
            width: 100%;
            z-index: -1;
            background-size: cover !important;
        }

/* 竖屏设备 */
@media (orientation: portrait) {
    .main_slider.budget_slider {
        height: 120px;
    }
}

/* 横屏设备 */
@media (orientation: landscape) {
    .main_slider.budget_slider {
        height: 550px;
    }
}

.main_slider.budget_slider {
    /*height: 850px;*/
}

    .main_slider.budget_slider .slider_item .image_overlay:before {
        content: "";
        background: rgba(0, 0, 0, 0.1);
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
    }

    .main_slider.budget_slider .slider_item .slider_text {
        margin-top: -10px;
    }

.main_slider.bus_slider .slider_item .image_overlay:before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}

.main_slider.bus_slider .slider_item .slider_text {
    margin-top: -75px;
}

    .main_slider.bus_slider .slider_item .slider_text h2 {
        color: #fff;
        font: bold 60px "Barlow", sans-serif;
        margin-bottom: 5px;
        opacity: 0;
        cursor: text;
    }

        .main_slider.bus_slider .slider_item .slider_text h2 span {
            text-decoration: underline;
        }

    .main_slider.bus_slider .slider_item .slider_text h6 {
        padding: 0px;
        font: normal 30px "Barlow", sans-serif;
        text-transform: none;
        margin-bottom: 2px;
        opacity: 0;
    }

        .main_slider.bus_slider .slider_item .slider_text h6:before {
            display: none;
        }

    .main_slider.bus_slider .slider_item .slider_text h3 {
        color: #fff;
        font: 900 72px/70px "Barlow", sans-serif;
        margin-bottom: 22px;
        opacity: 0;
    }

    .main_slider.bus_slider .slider_item .slider_text p {
        color: #fff;
        font: normal 20px/36px "Barlow", sans-serif;
        margin-bottom: 32px;
        opacity: 0;
        cursor: text;
    }

    .main_slider.bus_slider .slider_item .slider_text .main_btn.orange {
        text-transform: uppercase;
        font: bold 16px/48px "Barlow", sans-serif;
        opacity: 0;
        width: 180px;
        padding: 0px 15px;
        text-align: center;
    }

        .main_slider.bus_slider .slider_item .slider_text .main_btn.orange + .main_btn.orange {
            background: transparent;
            margin-left: 25px;
        }

            .main_slider.bus_slider .slider_item .slider_text .main_btn.orange + .main_btn.orange:hover {
                color: #fff;
            }

.main_slider.bus_slider .slider_item.slick-active .slider_text h2 {
    opacity: 1;
}

.main_slider.bus_slider .slider_item.slick-active .slider_text h6 {
    opacity: 1;
}

.main_slider.bus_slider .slider_item.slick-active .slider_text h3 {
    opacity: 1;
    cursor: text;
}

.main_slider.bus_slider .slider_item.slick-active .slider_text p {
    opacity: 1;
}

.main_slider.bus_slider .slider_item.slick-active .slider_text .main_btn {
    opacity: 1;
}

.main_slider.bus_slider.classified_slider {
    height: 770px;
}

.main_slider.repair_slider {
    height: 825px;
}

    .main_slider.repair_slider .slider_item .slider_text h3 {
        font-weight: bold;
        cursor: text;
    }

    .main_slider.repair_slider .slider_item .slider_text .main_btn.red {
        padding: 0px 32.5px;
        text-transform: uppercase;
        font-weight: 600;
        opacity: 0;
    }

    .main_slider.repair_slider .slider_item.slick-active .slider_text .main_btn {
        opacity: 1;
    }

.main_slider.taxi_slider {
    height: 960px;
}

.main_slider.tractor_slider {
    height: 740px;
}

.main_slider.truck_slider {
    height: 825px;
}

    .main_slider.truck_slider .slider_item .image_overlay:before {
        display: none;
    }

    .main_slider.truck_slider .slider_item .slider_text {
        margin-top: -60px;
    }

        .main_slider.truck_slider .slider_item .slider_text h6 {
            font-size: 60px;
            margin-bottom: 5px;
            cursor: text;
        }

        .main_slider.truck_slider .slider_item .slider_text h3 {
            margin-bottom: 30px;
        }

        .main_slider.truck_slider .slider_item .slider_text p {
            font-size: 30px;
            margin-bottom: 40px;
        }

        .main_slider.truck_slider .slider_item .slider_text .main_btn.orange {
            line-height: 58px;
        }

        .main_slider.truck_slider .slider_item .slider_text .main_btn.blue {
            background: #002e82;
            border-color: #002e82;
            text-transform: uppercase;
        }

            .main_slider.truck_slider .slider_item .slider_text .main_btn.blue:hover {
                color: #fff;
            }

    .main_slider.truck_slider .slider_item.slick-active .slider_text h2 {
        opacity: 1;
    }

    .main_slider.truck_slider .slider_item.slick-active .slider_text h6 {
        opacity: 1;
    }

    .main_slider.truck_slider .slider_item.slick-active .slider_text h3 {
        opacity: 1;
    }

    .main_slider.truck_slider .slider_item.slick-active .slider_text p {
        opacity: 1;
    }

    .main_slider.truck_slider .slider_item.slick-active .slider_text .main_btn {
        opacity: 1;
    }

.main_slider.bus_slider.truck_slider {
    height: 750px;
}

.main_slider.luxuary_slider {
    height: 850px;
}

    .main_slider.luxuary_slider .slider_item .slider_text {
        position: relative;
    }

        .main_slider.luxuary_slider .slider_item .slider_text:before {
            content: "B";
            font-size: 500px;
            color: #fff;
            position: absolute;
            left: 60px;
            top: 124px;
            font-weight: bold;
            opacity: 0.03;
            z-index: -1;
            opacity: 0;
            transition: all 300ms linear 0s;
        }

        .main_slider.luxuary_slider .slider_item .slider_text img {
            opacity: 0;
        }

        .main_slider.luxuary_slider .slider_item .slider_text h3 {
            text-transform: uppercase;
            font: normal 18px "Barlow", sans-serif;
            color: #fff;
            opacity: 0;
            cursor: text;
        }

        .main_slider.luxuary_slider .slider_item .slider_text h2 {
            font: bold 100px "Barlow", sans-serif;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 10px;
            position: relative;
            z-index: 2;
            opacity: 0;
            cursor: text;
        }

            .main_slider.luxuary_slider .slider_item .slider_text h2:before {
                content: "";
                background: #ff2a39;
                height: 112px;
                width: 130px;
                position: absolute;
                left: 125px;
                transform: skewX(25deg);
                top: 6px;
                z-index: -1;
            }

        .main_slider.luxuary_slider .slider_item .slider_text h5 {
            font: 300 72px "Barlow", sans-serif;
            text-transform: uppercase;
            opacity: 0;
            cursor: text;
        }

        .main_slider.luxuary_slider .slider_item .slider_text p {
            font: bold 16px "Barlow", sans-serif;
            text-transform: uppercase;
            position: relative;
            padding-left: 24px;
            margin-bottom: 0px;
            color: #fff;
            opacity: 0;
        }

            .main_slider.luxuary_slider .slider_item .slider_text p:before {
                content: "";
                width: 17px;
                height: 2px;
                position: absolute;
                left: 0px;
                top: 50%;
                transform: translateY(-50%);
            }

    .main_slider.luxuary_slider .slider_item.slick-active .slider_text:before {
        opacity: 0.03;
    }

    .main_slider.luxuary_slider .slider_item.slick-active .slider_text img {
        opacity: 1;
    }

    .main_slider.luxuary_slider .slider_item.slick-active .slider_text h3 {
        opacity: 1;
    }

    .main_slider.luxuary_slider .slider_item.slick-active .slider_text h2 {
        opacity: 1;
    }

    .main_slider.luxuary_slider .slider_item.slick-active .slider_text h5 {
        opacity: 1;
    }

    .main_slider.luxuary_slider .slider_item.slick-active .slider_text p {
        opacity: 1;
    }

.main_slider_area {
    position: relative;
}

    .main_slider_area .slider_nav {
        opacity: 0;
        transition: all 300ms linear 0s;
    }

        .main_slider_area .slider_nav i {
            position: absolute;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 14px;
            color: #34373b;
            background: white;
            box-shadow: -1.71px 4.698px 20px 0px rgba(20, 91, 148, 0.1);
            z-index: 1;
            top: 50%;
            transform: translateY(-50%);
            transition: all 0.2s linear;
            cursor: pointer;
        }

            .main_slider_area .slider_nav i:hover {
                color: #fff;
            }

        .main_slider_area .slider_nav .arrow_left {
            left: 70px;
        }

        .main_slider_area .slider_nav .arrow_right {
            right: 70px;
        }

    .main_slider_area:hover .slider_nav {
        opacity: 1;
    }

    .main_slider_area.bus_slider_area .slider_nav i:hover {
        color: #fff;
    }

    .main_slider_area.yacht_slider_area .slider_nav i:hover {
        color: #fff;
    }

.tractor_slider_area .taxi_slider_text {
    padding-top: 155px;
}

    .tractor_slider_area .taxi_slider_text .left_text {
        margin: 0px;
    }

        .tractor_slider_area .taxi_slider_text .left_text h5 {
            color: #fff;
            font: normal 60px "Barlow", sans-serif;
            margin-bottom: 0px;
        }

        .tractor_slider_area .taxi_slider_text .left_text h3 {
            font: bold 72px/70px "Barlow", sans-serif;
            margin-bottom: 30px;
        }

        .tractor_slider_area .taxi_slider_text .left_text p {
            font-size: 30px;
        }

        .tractor_slider_area .taxi_slider_text .left_text .main_btn.white {
            background: #fff;
            color: #34373b;
            border-color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 48px;
            padding: 0px 42px;
        }

            .tractor_slider_area .taxi_slider_text .left_text .main_btn.white:hover {
                background: #0cc533;
                color: #fff;
                border-color: #0cc533;
            }

    .tractor_slider_area .taxi_slider_text .taxi_s_form {
        background: rgba(0, 0, 0, 0.8);
        border: none;
        border-radius: 0px;
        margin-left: 0px;
        padding: 25px 30px 40px 30px;
    }

        .tractor_slider_area .taxi_slider_text .taxi_s_form .single_title_form {
            margin-bottom: 25px;
        }

            .tractor_slider_area .taxi_slider_text .taxi_s_form .single_title_form h2 {
                color: #fff;
                margin-bottom: 0px;
                font: bold 30px "Barlow", sans-serif;
            }

        .tractor_slider_area .taxi_slider_text .taxi_s_form .contact_form .form-group input {
            height: 60px;
            line-height: 60px;
            background: #fff;
        }

            .tractor_slider_area .taxi_slider_text .taxi_s_form .contact_form .form-group input.placeholder {
                color: #777777;
            }

            .tractor_slider_area .taxi_slider_text .taxi_s_form .contact_form .form-group input:-moz-placeholder {
                color: #777777;
            }

            .tractor_slider_area .taxi_slider_text .taxi_s_form .contact_form .form-group input::-moz-placeholder {
                color: #777777;
            }

            .tractor_slider_area .taxi_slider_text .taxi_s_form .contact_form .form-group input::-webkit-input-placeholder {
                color: #777777;
            }

        .tractor_slider_area .taxi_slider_text .taxi_s_form .contact_form .form-group .nice_select {
            height: 60px;
            line-height: 60px;
        }

            .tractor_slider_area .taxi_slider_text .taxi_s_form .contact_form .form-group .nice_select:after {
                margin-top: -29px;
            }

        .tractor_slider_area .taxi_slider_text .taxi_s_form .contact_form .form-group .submit_btn {
            height: auto;
            line-height: 58px;
            border-radius: 0px;
        }

.taxi_slider_text {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    padding-top: 250px;
}

    .taxi_slider_text .left_text {
        align-self: center;
        margin-top: -50px;
    }

        .taxi_slider_text .left_text h3 {
            color: #fff;
            font: bold 60px "Barlow", sans-serif;
            margin-bottom: 22px;
        }

            .taxi_slider_text .left_text h3 span {
                color: #fecc18;
            }

        .taxi_slider_text .left_text p {
            color: #fff;
            font-size: 24px;
            margin-bottom: 40px;
        }

        .taxi_slider_text .left_text .main_btn.yellow {
            padding: 0px 27px;
        }

    .taxi_slider_text .taxi_s_form {
        background: #fff;
        padding: 40px;
        border-top: 5px solid #fecc18;
        border-radius: 5px;
        margin-left: 45px;
        padding-top: 16px;
    }

        .taxi_slider_text .taxi_s_form .slider_form_title {
            margin-bottom: 45px;
        }

            .taxi_slider_text .taxi_s_form .slider_form_title h2 {
                color: #34373b;
                text-align: center;
                margin-bottom: 0px;
                position: relative;
            }

                .taxi_slider_text .taxi_s_form .slider_form_title h2:before {
                    content: "";
                    background: #fecc18;
                    height: 2px;
                    width: 46px;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: -19px;
                }

                .taxi_slider_text .taxi_s_form .slider_form_title h2:after {
                    content: "";
                    background: #fecc18;
                    height: 2px;
                    width: 22px;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: -26px;
                }

                .taxi_slider_text .taxi_s_form .slider_form_title h2 span {
                    color: #fecc18;
                }

        .taxi_slider_text .taxi_s_form .contact_form .form-group {
            margin-bottom: 18px;
        }

            .taxi_slider_text .taxi_s_form .contact_form .form-group:last-child {
                margin-bottom: 0px;
            }

            .taxi_slider_text .taxi_s_form .contact_form .form-group input {
                height: 58px;
                background: transparent;
                border: 1px solid #ececec;
                padding: 0px 20px;
                font-family: "Barlow", sans-serif, icomoon;
                color: #34373b;
                padding-right: 35px;
                line-height: 58px;
            }

                .taxi_slider_text .taxi_s_form .contact_form .form-group input.placeholder {
                    font-family: "Barlow", sans-serif, icomoon;
                    color: #aeaeae;
                    line-height: 58px;
                }

                .taxi_slider_text .taxi_s_form .contact_form .form-group input:-moz-placeholder {
                    font-family: "Barlow", sans-serif, icomoon;
                    color: #aeaeae;
                    line-height: 58px;
                }

                .taxi_slider_text .taxi_s_form .contact_form .form-group input::-moz-placeholder {
                    font-family: "Barlow", sans-serif, icomoon;
                    color: #aeaeae;
                    line-height: 58px;
                }

                .taxi_slider_text .taxi_s_form .contact_form .form-group input::-webkit-input-placeholder {
                    font-family: "Barlow", sans-serif, icomoon;
                    color: #aeaeae;
                    line-height: 58px;
                }

            .taxi_slider_text .taxi_s_form .contact_form .form-group .time {
                background: transparent;
                border: 1px solid #ececec;
                height: 58px;
                line-height: 58px;
                padding-left: 39px;
            }

                .taxi_slider_text .taxi_s_form .contact_form .form-group .time .current {
                    color: #aeaeae;
                }

                .taxi_slider_text .taxi_s_form .contact_form .form-group .time:after {
                    color: #aeaeae;
                    margin-top: -28px;
                }

                .taxi_slider_text .taxi_s_form .contact_form .form-group .time:before {
                    content: "";
                    font-family: "icomoon" !important;
                    color: #aeaeae;
                    position: absolute;
                    left: 20px;
                    top: 51%;
                    transform: translateY(-50%);
                    font-size: 14px;
                }

            .taxi_slider_text .taxi_s_form .contact_form .form-group .passengers {
                background: transparent;
                border: 1px solid #ececec;
                height: 58px;
                line-height: 58px;
                padding-left: 39px;
            }

                .taxi_slider_text .taxi_s_form .contact_form .form-group .passengers .current {
                    color: #aeaeae;
                }

                .taxi_slider_text .taxi_s_form .contact_form .form-group .passengers:after {
                    color: #aeaeae;
                    margin-top: -28px;
                }

                .taxi_slider_text .taxi_s_form .contact_form .form-group .passengers:before {
                    content: "";
                    font-family: "icomoon" !important;
                    color: #aeaeae;
                    position: absolute;
                    left: 20px;
                    top: 51%;
                    transform: translateY(-50%);
                    font-size: 14px;
                }

            .taxi_slider_text .taxi_s_form .contact_form .form-group.icon_add {
                position: relative;
            }

                .taxi_slider_text .taxi_s_form .contact_form .form-group.icon_add i {
                    position: absolute;
                    right: 35px;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 15px;
                    color: #aeaeae;
                }

            .taxi_slider_text .taxi_s_form .contact_form .form-group .submit_btn.yellow {
                background: #000;
                color: #fff;
                height: auto;
                line-height: 53px;
                border-color: #000;
                border-radius: 0px;
                color: #fecc18;
                box-shadow: none;
            }

                .taxi_slider_text .taxi_s_form .contact_form .form-group .submit_btn.yellow:hover {
                    color: #34373b;
                    background: #fecc18;
                    border-color: #fecc18;
                    box-shadow: none;
                }

.luxuary_slider_area {
    padding-left: 100px;
    position: relative;
}

    .luxuary_slider_area:before {
        content: "";
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/icon/luxuary-left-color.jpg) no-repeat scroll center center;
        width: 282px;
        height: 950px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
    }

    .luxuary_slider_area .luxuary_pagination {
        position: absolute;
        left: 145px;
        top: 40%;
        transform: translateY(-50%);
        z-index: 1;
        color: #fff;
        font: normal 16px "Barlow", sans-serif;
    }

        .luxuary_slider_area .luxuary_pagination:before {
            content: "";
            height: 28px;
            width: 28px;
            border: 1px solid #3c3b3b;
            border-radius: 50%;
            display: inline-block;
            position: absolute;
            left: -4px;
            bottom: -160px;
        }

        .luxuary_slider_area .luxuary_pagination:after {
            content: "";
            height: 7px;
            width: 7px;
            background: #3c3b3b;
            border-radius: 50%;
            display: inline-block;
            position: absolute;
            left: 6px;
            bottom: -150px;
        }

        .luxuary_slider_area .luxuary_pagination .pagingInfo {
            width: 22px;
        }

            .luxuary_slider_area .luxuary_pagination .pagingInfo:before {
                content: "";
                width: 2px;
                height: 100px;
                position: absolute;
                left: 50%;
                bottom: -122px;
                background: #3c3b3b;
                margin-left: -1px;
            }

    .luxuary_slider_area .luxuary_details {
        position: absolute;
        right: 0px;
        bottom: 0px;
        display: flex;
    }

        .luxuary_slider_area .luxuary_details .luxuary_d_item {
            text-align: center;
            padding-left: 55px;
            padding-right: 55px;
            border-right: 1px solid #312d2d;
            align-self: center;
        }

            .luxuary_slider_area .luxuary_details .luxuary_d_item:last-child {
                border-right: 0px;
            }

            .luxuary_slider_area .luxuary_details .luxuary_d_item:nth-child(3) {
                border-right: 0px;
            }

            .luxuary_slider_area .luxuary_details .luxuary_d_item h4 {
                color: #fff;
                font: bold 30px "Barlow", sans-serif;
            }

                .luxuary_slider_area .luxuary_details .luxuary_d_item h4 span {
                    font-size: 20px;
                }

            .luxuary_slider_area .luxuary_details .luxuary_d_item p {
                margin-bottom: 0px;
                font: normal 14px "Barlow", sans-serif;
                color: rgba(255, 255, 255, 0.5);
                text-transform: uppercase;
            }

            .luxuary_slider_area .luxuary_details .luxuary_d_item.video_luxuary {
                padding-left: 0px;
                padding-right: 0px;
            }

                .luxuary_slider_area .luxuary_details .luxuary_d_item.video_luxuary .luxuary_video_area {
                    padding: 0px;
                }

                    .luxuary_slider_area .luxuary_details .luxuary_d_item.video_luxuary .luxuary_video_area .car_video {
                        margin-left: 0px;
                    }

                        .luxuary_slider_area .luxuary_details .luxuary_d_item.video_luxuary .luxuary_video_area .car_video .play_btn i {
                            height: 60px;
                            width: 60px;
                            line-height: 60px;
                        }

                        .luxuary_slider_area .luxuary_details .luxuary_d_item.video_luxuary .luxuary_video_area .car_video .play_btn:before {
                            height: 100px;
                            width: 100px;
                            margin-left: -50px;
                            margin-top: -50px;
                        }

                        .luxuary_slider_area .luxuary_details .luxuary_d_item.video_luxuary .luxuary_video_area .car_video .play_btn:after {
                            height: 80px;
                            width: 80px;
                            margin-left: -40px;
                            margin-top: -40px;
                        }

/* End Budget Slider Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Button Area css
============================================================================================ */
.main_btn {
    line-height: 48px;
    font-size: 16px;
    font-family: "Barlow", sans-serif;
    display: inline-block;
    padding: 0px 26px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    transition: all 300ms linear 0s;
    font-weight: bold;
}

    .main_btn.red {
        color: #fff;
        position: relative;
    }

        .main_btn.red:hover {
            color: #fff;
        }

    .main_btn.red2 {
        color: #fff;
        position: relative;
    }

        .main_btn.red2:hover {
            color: #fff;
        }

    .main_btn.orange {
        color: #fff;
        position: relative;
    }

        .main_btn.orange:hover {
            color: #fff;
        }

    .main_btn.yellow {
        background: #fecc18;
        border-color: #fecc18;
        color: #34373b;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 58px;
        padding: 0px 45px;
    }

        .main_btn.yellow:hover {
            background: #d6ac13;
            border-color: #d6ac13;
            color: #34373b;
        }

    .main_btn.per:hover {
        background: #da464c;
        border-color: #da464c;
        color: #fff;
    }

    .main_btn.border {
        background: transparent;
        color: #ff2a39;
        border-color: #ff2a39 !important;
    }

        .main_btn.border:hover {
            color: #fff;
        }

        .main_btn.border.orange {
            color: #f75d34;
        }

            .main_btn.border.orange:hover {
                color: #fff;
                background: #f75d34;
                border-color: #f75d34;
            }

        .main_btn.border.red2 {
            color: #ea2626;
        }

            .main_btn.border.red2:hover {
                color: #fff;
            }

        .main_btn.border.per {
            color: #ff575d;
        }

            .main_btn.border.per:hover {
                color: #fff;
                background: #ff575d;
                border-color: #ff575d;
            }

    .main_btn:hover {
        color: #fff;
    }

.submit_btn {
    line-height: 58px;
    color: #fff;
    font-size: 16px;
    font-family: "Barlow", sans-serif;
    display: inline-block;
    padding: 0px 42px;
    position: relative;
    border: none;
    outline: none !important;
    box-shadow: none !important;
    text-transform: uppercase;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    transition: all 300ms linear 0s;
}

    .submit_btn:hover {
        color: #fff;
    }

    .submit_btn.red {
        color: #fff;
        position: relative;
    }

        .submit_btn.red:hover {
            color: #fff;
        }

    .submit_btn.orange {
        background: #f75d34;
    }

        .submit_btn.orange:hover {
            color: #fff;
            background: #e4390c;
            border-color: #e4390c;
        }

    .submit_btn.per:hover {
        color: #fff;
    }

.view_btn {
    text-transform: uppercase;
    font: bold 16px "Barlow", sans-serif;
    color: #ff2a39;
    transition: all 300ms linear 0s;
}

    .view_btn:hover {
        color: #ff2a39;
    }

.read_btn {
    text-transform: uppercase;
    font: 600 14px "Barlow", sans-serif;
    color: #34373b;
    letter-spacing: 1.4px;
    position: relative;
    transition: all 300ms linear 0s;
}

    .read_btn:before {
        content: "";
        width: 0px;
        height: 2px;
        background: #f75d34;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        transition: all 300ms linear 0s;
    }

    .read_btn:hover {
        padding-left: 35px;
        color: #f75d34;
    }

        .read_btn:hover:before {
            width: 25px;
            opacity: 1;
        }

.border_btn {
    border: 1px solid #fff;
    text-transform: uppercase;
    color: #fff;
    font: bold 16px/48px "Barlow", sans-serif;
    display: inline-block;
    padding: 0px 54.5px;
    transition: all 300ms linear 0s;
}

    .border_btn:hover {
        color: #fff;
    }

    .border_btn.red {
        border-radius: 0px;
        outline: none;
        box-shadow: none;
    }

        .border_btn.red:hover {
            color: #fff;
        }

/* Button Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Choose Area css
============================================================================================ */
.choose_area .single_title {
    margin-bottom: 110px;
}

.choose_item {
    text-align: center;
    max-width: 272px;
    margin: 0px auto 0px;
}

    .choose_item .icon {
        margin-bottom: 30px;
        position: relative;
    }

        .choose_item .icon i {
            font-size: 70px;
        }

        .choose_item .icon:before {
            content: "";
            background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/icon/choose-shap.png) no-repeat;
            width: 120px;
            height: 105px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0px;
            z-index: -1;
        }

    .choose_item h4 {
        font: bold 24px/32px "Barlow", sans-serif;
        color: #34373b;
        transition: color 0.2s linear;
    }

    .choose_item p {
        margin-bottom: 0px;
    }

.how_item_work .choose_item .icon {
    line-height: 96px;
}

    .how_item_work .choose_item .icon img {
        display: inline-block;
    }

    .how_item_work .choose_item .icon:before {
        display: none;
    }

/* Find Choose Area css
============================================================================================ */
/* Ease Way Area css
============================================================================================ */
.easy_way {
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(19, 18, 47, 0.08);
    margin-top: -90px;
    z-index: 3;
    position: relative;
}

    .easy_way .easy_text {
        background: #002e82;
        height: 100%;
        padding: 60px 50px 60px 60px;
    }

        .easy_way .easy_text h4 {
            color: #fff;
            font: bold 30px "Barlow", sans-serif;
            margin-bottom: 25px;
        }

        .easy_way .easy_text p {
            color: #fff;
        }

        .easy_way .easy_text .nav li {
            position: relative;
            padding-left: 28px;
            color: #fff;
            margin-bottom: 6px;
        }

            .easy_way .easy_text .nav li:last-child {
                margin-bottom: 0px;
            }

            .easy_way .easy_text .nav li i {
                color: #0cc533;
                position: absolute;
                left: 0px;
                top: 7px;
                font-size: 16px;
            }

    .easy_way .easy_item_inner {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

        .easy_way .easy_item_inner:before {
            content: "";
            background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/icon/easy-br-2.png) no-repeat;
            width: 605px;
            height: 1px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .easy_way .easy_item_inner:after {
            content: "";
            background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/icon/easy-br-1.png) no-repeat;
            width: 1px;
            height: 290px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .easy_way .easy_item_inner .easy_item {
            flex: 0 0 50%;
            max-width: 50%;
            text-align: center;
            padding: 40px 0px;
        }

            .easy_way .easy_item_inner .easy_item img {
                margin-bottom: 16px;
            }

            .easy_way .easy_item_inner .easy_item p {
                margin-bottom: 0px;
                transition: all 300ms linear 0s;
                color: #777777;
            }

                .easy_way .easy_item_inner .easy_item p span {
                    color: #34373b;
                    font-weight: 600;
                    transition: all 300ms linear 0s;
                }
/* End Ease Way Area css
============================================================================================ */
/* Our Service Area css
============================================================================================ */
.our_service_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/services/our-service/service-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    margin-bottom: 360px;
    height: 500px;
    position: relative;
    z-index: 2;
}

    .our_service_area:before {
        content: "";
        background: rgba(0, 34, 96, 0.8);
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

    .our_service_area.luxuary_s_car {
        background: transparent;
        height: auto;
        padding-top: 150px;
        padding-bottom: 130px;
        margin-bottom: 0px;
        overflow: hidden;
        position: relative;
    }

        .our_service_area.luxuary_s_car .left_tiar {
            height: 553px;
            width: 487px;
            position: absolute;
            left: 0px;
            bottom: 200px;
            z-index: -1;
        }

        .our_service_area.luxuary_s_car:before {
            display: none;
        }

        .our_service_area.luxuary_s_car .or_service_inner {
            position: relative;
        }

            .our_service_area.luxuary_s_car .or_service_inner .service_button {
                margin-right: -60px;
                background: transparent;
                margin-top: 20px;
            }

                .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs {
                    padding: 0px;
                }

                    .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li {
                        margin-left: 0px;
                        margin-bottom: 40px;
                    }

                        .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li a {
                            font-size: 20px;
                            color: rgba(255, 255, 255, 0.2);
                            padding: 0px;
                            font-weight: normal;
                            display: inline-block;
                            line-height: normal;
                        }

                            .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li a:before {
                                content: "";
                                border: none;
                                height: 2px;
                                width: 94px;
                                background: #ff2a39;
                                position: absolute;
                                top: 52%;
                                right: -107px;
                                z-index: 2;
                                transition: all 300ms linear 0s;
                                transform: scaleX(0);
                                transform-origin: 0 50%;
                            }

                            .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li a:hover, .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li a.active {
                                background: transparent;
                                color: #fff;
                                font-size: 30px;
                            }

                                .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li a:hover:before, .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li a.active:before {
                                    transform: scaleX(1);
                                }

                        .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li:last-child {
                            margin-bottom: 0px;
                        }

            .our_service_area.luxuary_s_car .or_service_inner .service_body {
                margin-left: 40px;
            }

                .our_service_area.luxuary_s_car .or_service_inner .service_body .tab-content {
                    background: transparent;
                }

                .our_service_area.luxuary_s_car .or_service_inner .service_body .tab-pane .service_ex {
                    overflow: visible;
                }

                    .our_service_area.luxuary_s_car .or_service_inner .service_body .tab-pane .service_ex .service_text {
                        background: #1f1f21;
                        overflow: visible;
                        padding-bottom: 25px;
                        padding-right: 290px;
                        padding-left: 40px;
                    }

                        .our_service_area.luxuary_s_car .or_service_inner .service_body .tab-pane .service_ex .service_text:before {
                            display: none;
                        }

                        .our_service_area.luxuary_s_car .or_service_inner .service_body .tab-pane .service_ex .service_text h4 {
                            color: #fff;
                            font: normal 30px "Barlow", sans-serif;
                        }

                        .our_service_area.luxuary_s_car .or_service_inner .service_body .tab-pane .service_ex .service_text p {
                            color: rgba(255, 255, 255, 0.5);
                        }

                        .our_service_area.luxuary_s_car .or_service_inner .service_body .tab-pane .service_ex .service_text .main_btn {
                            line-height: 140px;
                            padding: 0px 52px;
                            margin-bottom: -35px;
                            float: none;
                            position: absolute;
                            right: 55px;
                            bottom: 0px;
                            margin-right: 0px;
                            font-size: 30px;
                            font-weight: bold;
                        }

                            .our_service_area.luxuary_s_car .or_service_inner .service_body .tab-pane .service_ex .service_text .main_btn i {
                                font-weight: bold;
                            }

        .our_service_area.luxuary_s_car .view_all {
            position: absolute;
            right: 0px;
            top: -150px;
        }

.service_button {
    background: #fff;
    box-shadow: 0px 10px 50px 0px rgba(0, 34, 96, 0.08);
    height: 100%;
    margin-right: 30px;
}

    .service_button .nav {
        display: block;
        border: none;
        padding-top: 25px;
        padding-bottom: 25px;
    }

        .service_button .nav li {
            margin-left: 25px;
        }

            .service_button .nav li a {
                display: block;
                border: none;
                border-radius: 0px;
                color: #777777;
                font: normal 16px/60px "Barlow", sans-serif;
                padding: 0px 20px;
                position: relative;
                transition: all 300ms linear 0s;
            }

                .service_button .nav li a:before {
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 30px 0 30px 20px;
                    position: absolute;
                    right: -20px;
                    top: 0px;
                    transition: all 300ms linear 0s;
                    opacity: 0;
                }

                .service_button .nav li a i {
                    padding-right: 12px;
                }

                .service_button .nav li a:hover, .service_button .nav li a.active {
                    color: #fff;
                }

                    .service_button .nav li a:hover:before, .service_button .nav li a.active:before {
                        opacity: 1;
                    }

.service_body {
    margin-left: -30px;
}

    .service_body .tab-content {
        background: #fff;
    }

    .service_body .tab-pane {
        box-shadow: 0px 10px 50px 0px rgba(0, 34, 96, 0.08);
    }

        .service_body .tab-pane .service_ex {
            overflow: hidden;
        }

            .service_body .tab-pane .service_ex .service_text {
                padding-left: 30px;
                padding-right: 30px;
                padding-top: 30px;
                position: relative;
                overflow: hidden;
            }

                .service_body .tab-pane .service_ex .service_text .icon {
                    color: #000;
                    opacity: 0.1;
                    position: absolute;
                    right: -16px;
                    top: -14px;
                    font-size: 115px;
                }

                .service_body .tab-pane .service_ex .service_text h4 {
                    color: #34373b;
                    font: bold 24px "Barlow", sans-serif;
                    margin-bottom: 15px;
                }

                .service_body .tab-pane .service_ex .service_text p {
                    margin-bottom: 10px;
                }

                .service_body .tab-pane .service_ex .service_text .main_btn {
                    float: right;
                    font-size: 22px;
                    line-height: 50px;
                    padding: 0px 19px;
                    margin-right: -30px;
                }

.best_servicing_inner {
    position: relative;
    z-index: 5;
    overflow: hidden;
    max-width: 950px;
    margin: auto;
}

    .best_servicing_inner .twentytwenty-overlay {
        display: none;
    }

    .best_servicing_inner .twentytwenty-handle {
        height: 35px;
        width: 35px;
        background: #fff;
    }

        .best_servicing_inner .twentytwenty-handle:before, .best_servicing_inner .twentytwenty-handle:after {
            box-shadow: none;
        }

        .best_servicing_inner .twentytwenty-handle:before {
            margin-bottom: 20px;
        }

        .best_servicing_inner .twentytwenty-handle:after {
            margin-top: 20px;
        }

        .best_servicing_inner .twentytwenty-handle .twentytwenty-left-arrow {
            border-right: 5px solid #ff2a39 !important;
            border: 5px inset transparent;
            margin-left: -14px;
            margin-top: -4px;
        }

        .best_servicing_inner .twentytwenty-handle .twentytwenty-right-arrow {
            border-left: 5px solid #ff2a39 !important;
            border: 5px inset transparent;
            margin-right: -14px;
            margin-top: -4px;
        }

.service_two {
    background: #fff;
    height: auto;
    margin-bottom: 0px;
}

    .service_two:before {
        display: none;
    }

    .service_two:after {
        display: none;
    }

/* End Our Service Area css
============================================================================================ */
/* Our Process Area css
============================================================================================ */
.our_process_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/process-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .our_process_area:before {
        content: "";
        background: rgba(0, 34, 96, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
    }

.process_inner .title_two {
    margin-bottom: 40px;
}

.process_left_text .media {
    margin-bottom: 35px;
}

    .process_left_text .media:last-child {
        margin-bottom: 0px;
    }

    .process_left_text .media .d-flex {
        padding-right: 20px;
        margin-top: 5px;
    }

        .process_left_text .media .d-flex i {
            height: 60px;
            width: 60px;
            border-radius: 50%;
            color: #fff;
            line-height: 60px;
            text-align: center;
            font-size: 30px;
        }

    .process_left_text .media .media-body h4 {
        color: #fff;
        font: bold 24px "Barlow", sans-serif;
    }

    .process_left_text .media .media-body p {
        color: #fff;
        padding-right: 100px;
        margin-bottom: 0px;
    }

.process_form {
    background: #fff;
    padding: 35px 50px 45px 50px;
}

    .process_form .single_simple_title {
        margin-bottom: 35px;
    }

        .process_form .single_simple_title h2 {
            font-size: 30px;
            margin-bottom: 0px;
        }

/* End Our Process Area css
============================================================================================ */
/* Expert Brand Area css
============================================================================================ */
.expert_brand_area .ex_brand_inner {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgba(13, 7, 65, 0.08);
}

    .expert_brand_area .ex_brand_inner .item {
        flex: 0 0 20%;
        max-width: 20%;
        text-align: center;
        line-height: 124px;
        border-bottom: 1px solid #f2f2f2;
        border-right: 1px solid #f2f2f2;
    }

        .expert_brand_area .ex_brand_inner .item img {
            display: inline-block;
            transition: all 300ms linear 0s;
        }

        .expert_brand_area .ex_brand_inner .item:hover img {
            transform: scale(1.1);
        }

/* End Expert Brand Area css
============================================================================================ */
/* Trusted Taxi Area css
============================================================================================ */
.trusted_taxi_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/trusted-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    padding-top: 65px;
    padding-bottom: 75px;
}

    .trusted_taxi_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .trusted_taxi_area:after {
        content: "";
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/trusted-border.jpg) no-repeat;
        height: 24px;
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

.trusted_taxi_inner .col-lg-6 {
    display: flex;
    vertical-align: middle;
    align-self: center;
}

.trusted_taxi_inner .trusted_text {
    padding-right: 20px;
}

    .trusted_taxi_inner .trusted_text h4 {
        font: bold 44px "Barlow", sans-serif;
        color: #fff;
        margin-bottom: 25px;
    }

        .trusted_taxi_inner .trusted_text h4 span {
            color: #fecc18;
        }

    .trusted_taxi_inner .trusted_text p {
        color: rgba(255, 255, 255, 0.5);
        margin-bottom: 32px;
    }

/* End Trusted Taxi Area css
============================================================================================ */
/* Car Budget Area css
============================================================================================ */
.car_budget_area {
    background: #f9f9f9;
}

.car_budget_inner {
    background: #fff;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}

    .car_budget_inner .nav.nav-tabs {
        border: none;
    }

        .car_budget_inner .nav.nav-tabs li {
            flex: 0 0 16.66%;
            max-width: 16.66%;
        }

            .car_budget_inner .nav.nav-tabs li a {
                text-align: center;
                padding: 0px 10px;
                border: none;
                border-radius: 0px;
                background: #fecc18;
                font: 500 18px/55px "Barlow", sans-serif;
                color: #34373b;
                border-right: 1px solid #e5b200;
            }

                .car_budget_inner .nav.nav-tabs li a:hover, .car_budget_inner .nav.nav-tabs li a.active {
                    background: #fff;
                    border-color: #fff;
                }

            .car_budget_inner .nav.nav-tabs li:last-child a {
                border-right-color: transparent;
            }

    .car_budget_inner .tab-pane {
        padding-left: 55px;
        padding-right: 55px;
    }

        .car_budget_inner .tab-pane .row {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .car_budget_inner .tab-pane .taxi_text h3 {
            font: bold 24px "Barlow", sans-serif;
            color: #34373b;
            margin-bottom: 15px;
        }

        .car_budget_inner .tab-pane .taxi_text p {
            padding-right: 48px;
            margin-bottom: 20px;
        }

        .car_budget_inner .tab-pane .taxi_text .nav li {
            margin-bottom: 15px;
        }

            .car_budget_inner .tab-pane .taxi_text .nav li a {
                font: 600 16px "Barlow", sans-serif;
                color: #34373b;
                position: relative;
                padding-left: 11px;
                display: block;
            }

                .car_budget_inner .tab-pane .taxi_text .nav li a:before {
                    content: "";
                    height: 5px;
                    width: 5px;
                    background: #34373b;
                    border-radius: 50%;
                    position: absolute;
                    left: 0px;
                    top: 8px;
                }

            .car_budget_inner .tab-pane .taxi_text .nav li:last-child {
                margin-bottom: 0px;
            }

        .car_budget_inner .tab-pane .taxi_text .car_details {
            margin-top: 30px;
        }

            .car_budget_inner .tab-pane .taxi_text .car_details span {
                display: inline-block;
                margin-right: 50px;
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

                .car_budget_inner .tab-pane .taxi_text .car_details span i {
                    padding-right: 10px;
                    color: #fecc18;
                    font: normal 16px "Barlow", sans-serif;
                }

        .car_budget_inner .tab-pane .price_content {
            margin-left: -30px;
        }

            .car_budget_inner .tab-pane .price_content .price_km {
                float: right;
                height: 120px;
                width: 120px;
                background: #000;
                border: 6px solid #fecc18;
                border-radius: 50%;
                margin-bottom: -45px;
            }

                .car_budget_inner .tab-pane .price_content .price_km h6 {
                    text-align: right;
                    color: #fff;
                    padding-right: 15px;
                    font: normal 16px "Barlow", sans-serif;
                    margin-bottom: 0px;
                    margin-top: 20px;
                }

                .car_budget_inner .tab-pane .price_content .price_km h5 {
                    text-align: center;
                    color: #fff;
                    font: bold 36px "Barlow", sans-serif;
                    margin-bottom: 0px;
                }

                    .car_budget_inner .tab-pane .price_content .price_km h5 span {
                        font-size: 16px;
                        vertical-align: top;
                        margin-top: 7px;
                        display: inline-block;
                    }

.car_budget_red .car_budget_inner .nav.nav-tabs li a {
    color: #fff;
    border-right: 1px solid transparent;
}

    .car_budget_red .car_budget_inner .nav.nav-tabs li a:hover, .car_budget_red .car_budget_inner .nav.nav-tabs li a.active {
        background: #fff;
        border-color: #fff;
        color: #34373b;
    }

.car_budget_red .car_budget_inner .nav.nav-tabs li:last-child a {
    border-right-color: transparent;
}

.car_budget_red .car_budget_inner .tab-pane .taxi_text .car_details a {
    color: #777777;
}

    .car_budget_red .car_budget_inner .tab-pane .taxi_text .car_details a i {
        padding-right: 10px;
    }

.car_budget_red .car_budget_inner .tab-pane .price_content .price_km {
    border: 6px solid transparent;
    position: relative;
    z-index: 2;
}

/* End Car Budget Area css
============================================================================================ */
/* Explore Area css
============================================================================================ */
.explore_inner {
    margin-bottom: -30px;
}

.explore_item {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    overflow: hidden;
}

    .explore_item .explore_img {
        position: relative;
    }

        .explore_item .explore_img:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            background-image: -ms-linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
            width: 100%;
            height: 100%;
            opacity: 0.7;
            z-index: 1;
        }

        .explore_item .explore_img img {
            transition: all 300ms linear;
        }

    .explore_item .explore_text {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 35px;
        height: 100%;
    }

        .explore_item .explore_text h4 {
            color: #fff;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 10px;
        }

        .explore_item .explore_text h6 {
            font: bold 20px "Barlow", sans-serif;
        }

            .explore_item .explore_text h6 span {
                font-size: 16px;
                font-weight: normal;
            }

        .explore_item .explore_text .view {
            color: #fff;
            font: bold 16px "Barlow", sans-serif;
            position: absolute;
            left: 30px;
            bottom: 24px;
        }

            .explore_item .explore_text .view i {
                padding-left: 4px;
            }

    .explore_item:hover .explore_img img {
        transform: scale(1.1);
    }

    .explore_item:hover .explore_text a {
        color: #0cc533;
    }

/* End Explore Area css
============================================================================================ */
/* Tractor Brand Area css
============================================================================================ */
.tractor_brand_area {
    background: #f1fbff;
}

    .tractor_brand_area.yacht_brand .tractor_brand_slider .owl-dots button {
        background: #b2b2b2;
    }

        .tractor_brand_area.yacht_brand .tractor_brand_slider .owl-dots button:last-child {
            margin-right: 0px;
        }

        .tractor_brand_area.yacht_brand .tractor_brand_slider .owl-dots button.active {
            transform: scale(1.8);
        }

.tractor_brand_slider .owl-stage-outer {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.04);
    background: #fff;
}

.tractor_brand_slider .t_brand_item {
    text-align: center;
}

    .tractor_brand_slider .t_brand_item .t_b_1 {
        line-height: 122px;
        border-bottom: 1px solid #f2f2f2;
    }

        .tractor_brand_slider .t_brand_item .t_b_1 img {
            width: auto;
            max-width: 100%;
            display: inline-block;
        }

    .tractor_brand_slider .t_brand_item .t_b_2 {
        line-height: 122px;
    }

        .tractor_brand_slider .t_brand_item .t_b_2 img {
            width: auto;
            max-width: 100%;
            display: inline-block;
        }

.tractor_brand_slider .owl-item.active + .owl-item .t_brand_item {
    border-left: 1px solid #f2f2f2;
}

.tractor_brand_slider .owl-dots {
    text-align: center;
    margin-top: 40px;
}

    .tractor_brand_slider .owl-dots button {
        height: 6px;
        width: 6px;
        background: #b2b2b2;
        border-radius: 50%;
        margin-right: 8px;
        transition: all 300ms linear 0s;
    }

        .tractor_brand_slider .owl-dots button:last-child {
            margin-right: 0px;
        }

        .tractor_brand_slider .owl-dots button.active {
            transform: scale(1.8);
            background: #0cc533;
        }

/* End Tractor Brand Area css
============================================================================================ */
/* Tractor Quickly Area css
============================================================================================ */
.tractor_quickly_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/t-quickly-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .tractor_quickly_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

.quickly_text_part {
    text-align: center;
    color: #fff;
    padding-top: 75px;
    padding-bottom: 75px;
}

    .quickly_text_part h3 {
        font: bold 44px "Barlow", sans-serif;
        margin-bottom: 25px;
    }

    .quickly_text_part p {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .quickly_text_part .main_btn {
        text-transform: uppercase;
        font-weight: bold;
        padding: 0px 33px;
    }

.quickly_item_inner {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.quickly_item .media {
    padding: 43px 0px;
}

    .quickly_item .media .d-flex {
        padding-right: 12px;
    }

        .quickly_item .media .d-flex i {
            font-size: 40px;
            margin-top: 3px;
        }

    .quickly_item .media .media-body h4 {
        margin-bottom: 0px;
        color: #fff;
        text-transform: uppercase;
    }

    .quickly_item .media .media-body p {
        margin-bottom: 0px;
        color: rgba(255, 255, 255, 0.5);
    }

.quickly_red {
    background: url(../image/t-quickly-bg-2.jpg) no-repeat scroll center center;
    background-size: cover;
}

/* End Tractor Quickly Area css
============================================================================================ */
/* Truck Service Area css
============================================================================================ */
.truck_service_area {
    background: url(../image/truck-blue-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .truck_service_area:before {
        content: "";
        background: rgba(241, 251, 255, 0.95);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .truck_service_area.extra_pad {
        padding-bottom: 200px;
    }

.truck_service_inner {
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
}

    .truck_service_inner .col-lg-2:last-child .t_service_item:before {
        display: none;
    }

    .truck_service_inner .t_service_item {
        text-align: center;
        padding: 25px 0px;
        position: relative;
    }

        .truck_service_inner .t_service_item:before {
            content: "";
            height: 60px;
            width: 1px;
            background: #e7f1f5;
            position: absolute;
            right: -16px;
            top: 50%;
            transform: translateY(-50%);
        }

        .truck_service_inner .t_service_item i {
            font-size: 70px;
            margin-bottom: 20px;
            display: inline-block;
        }

        .truck_service_inner .t_service_item h6 {
            color: #34373b;
            font: bold 20px "Barlow", sans-serif;
            margin-bottom: 0px;
            transition: all 300ms linear 0s;
        }

        .truck_service_inner .t_service_item.red i {
            color: #ff2a39;
        }

.truck_check .truck_check_inner {
    margin-top: -100px;
}

    .truck_check .truck_check_inner .truck_check_left {
        background: url(../image/truck-check-bg.jpg) no-repeat scroll center center;
        background-size: cover;
        padding-left: 206px;
        position: relative;
        padding-top: 43px;
        padding-bottom: 43px;
        position: relative;
        z-index: 2;
    }

        .truck_check .truck_check_inner .truck_check_left img {
            position: absolute;
            left: -3px;
            top: 50%;
            transform: translateY(-50%);
        }

        .truck_check .truck_check_inner .truck_check_left h6 {
            color: #f75d34;
            font: normal 16px "Barlow", sans-serif;
            text-transform: uppercase;
            letter-spacing: 1.6px;
        }

        .truck_check .truck_check_inner .truck_check_left h4 {
            color: #fff;
            padding-right: 30px;
            font: bold 24px/30px "Barlow", sans-serif;
            margin-bottom: 23px;
        }

        .truck_check .truck_check_inner .truck_check_left .main_btn {
            padding: 0px 44px;
            text-transform: uppercase;
        }

        .truck_check .truck_check_inner .truck_check_left.red h6 {
            color: #ff2a39;
        }

    .truck_check .truck_check_inner .truck_check_right {
        background-image: linear-gradient(0deg, #ff3c0d 0%, #ff811c 100%);
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
        padding-right: 170px;
        position: relative;
        height: 100%;
        padding-left: 40px;
        padding-top: 43px;
        padding-bottom: 43px;
        z-index: 2;
    }

        .truck_check .truck_check_inner .truck_check_right img {
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
            z-index: -1;
        }

        .truck_check .truck_check_inner .truck_check_right h6 {
            color: #fff;
            font: normal 16px "Barlow", sans-serif;
            text-transform: uppercase;
            letter-spacing: 1.6px;
        }

        .truck_check .truck_check_inner .truck_check_right h4 {
            color: #fff;
            padding-right: 30px;
            font: bold 24px/30px "Barlow", sans-serif;
            margin-bottom: 23px;
        }

        .truck_check .truck_check_inner .truck_check_right .main_btn {
            padding: 0px 44px;
            text-transform: uppercase;
            background: #fff;
            border-color: #fff;
            color: #34373b;
        }

            .truck_check .truck_check_inner .truck_check_right .main_btn:hover {
                color: #34373b;
                box-shadow: 0px 7px 17px -3px rgba(0, 0, 0, 0.64);
            }

        .truck_check .truck_check_inner .truck_check_right.red {
            background: #ff2a39;
        }

.truck_check.ab_truck .truck_check_inner {
    margin-top: 0px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

/* End Truck Service Area css
============================================================================================ */
/* Service Included Area css
============================================================================================ */
.service_included_area {
    background: url(../image/included-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .service_included_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.85);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .service_included_area .service_included_inner .nav li {
        margin-bottom: 10px;
        position: relative;
        padding-left: 30px;
        color: #fff;
    }

        .service_included_area .service_included_inner .nav li:last-child {
            margin-bottom: 0px;
        }

        .service_included_area .service_included_inner .nav li img {
            position: absolute;
            left: 0px;
            top: 6px;
        }

        .service_included_area .service_included_inner .nav li a {
            position: relative;
            padding-left: 30px;
            color: #fff;
        }

            .service_included_area .service_included_inner .nav li a img {
                position: absolute;
                left: 0px;
                top: 2px;
            }

/* End Service Included Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Find Us Area css
============================================================================================ */
.find_us_area {
    background: #f8fcfc;
}

.find_us_img {
    position: relative;
}

    .find_us_img .marker_icon {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

        .find_us_img .marker_icon .nav li {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

            .find_us_img .marker_icon .nav li img {
                transform: scale(0.6);
                transition: all 300ms linear 0s;
            }

            .find_us_img .marker_icon .nav li a {
                display: block;
            }

            .find_us_img .marker_icon .nav li:first-child {
                left: 27%;
                top: 9%;
            }

            .find_us_img .marker_icon .nav li:nth-child(2) {
                left: 13%;
                top: 31%;
            }

            .find_us_img .marker_icon .nav li:nth-child(3) {
                left: 19%;
                top: 54%;
            }

            .find_us_img .marker_icon .nav li:nth-child(4) {
                left: 35%;
                top: 34%;
            }

            .find_us_img .marker_icon .nav li:nth-child(5) {
                left: 33%;
                top: 49%;
            }

            .find_us_img .marker_icon .nav li:nth-child(6) {
                left: 43%;
                top: 49%;
            }

            .find_us_img .marker_icon .nav li:nth-child(7) {
                left: 54%;
                top: 14%;
            }

            .find_us_img .marker_icon .nav li:nth-child(8) {
                left: 52%;
                top: 40%;
            }

            .find_us_img .marker_icon .nav li:nth-child(9) {
                left: 51%;
                top: 54%;
            }

            .find_us_img .marker_icon .nav li:nth-child(10) {
                left: 48%;
                top: auto;
                bottom: 3%;
            }

            .find_us_img .marker_icon .nav li:nth-child(11) {
                left: auto;
                right: 23%;
                top: 48%;
            }

            .find_us_img .marker_icon .nav li:nth-child(12) {
                left: auto;
                right: 19%;
                top: 30%;
            }

            .find_us_img .marker_icon .nav li:nth-child(13) {
                left: auto;
                right: 13%;
                top: auto;
                bottom: 24%;
            }

            .find_us_img .marker_icon .nav li:nth-child(14) {
                left: auto;
                right: 4%;
                top: 39%;
            }

            .find_us_img .marker_icon .nav li:last-child {
                left: auto;
                right: 4%;
                top: 13%;
            }

            .find_us_img .marker_icon .nav li.hover img {
                transform: scale(1);
            }

.find_us_text h2 {
    color: #34373b;
    font: bold 44px "Barlow", sans-serif;
    margin-bottom: 15px;
}

.find_us_text p {
    margin-bottom: 25px;
}

.find_us_text .list_finding {
    max-width: 480px;
    display: flex;
    flex-wrap: wrap;
}

    .find_us_text .list_finding .nav {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

        .find_us_text .list_finding .nav li {
            margin-bottom: 14px;
        }

            .find_us_text .list_finding .nav li:last-child {
                margin-bottom: 0px;
            }

            .find_us_text .list_finding .nav li a {
                padding-left: 15px;
                position: relative;
                font: 500 16px "Barlow", sans-serif;
                color: #34373b;
                transition: all 300ms linear 0s;
            }

                .find_us_text .list_finding .nav li a:before {
                    content: "";
                    height: 5px;
                    width: 5px;
                    background: #34373b;
                    position: absolute;
                    left: 0px;
                    top: 50%;
                    transform: translateY(-50%);
                    border-radius: 50%;
                    transition: all 300ms linear 0s;
                }

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #fff;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #fff;
}

.tooltip .tooltip-inner {
    background-color: #fff !important;
    opacity: 1;
    color: #111 !important;
    opacity: 1;
    box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.14);
    font-size: "Poppins", sans-serif;
    font-size: 16px;
    color: #677294;
    line-height: 26px;
    width: 100%;
}

/* End Find Us Area css
============================================================================================ */
/* Download Area css
============================================================================================ */
.download_app_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/mobile-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    padding-top: 80px;
    overflow: hidden;
}

    .download_app_area:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .download_app_area .mobile_img img + img {
        margin-left: 16px;
        margin-bottom: 0px;
    }

    .download_app_area .download_text {
        padding-left: 95px;
        padding-top: 40px;
    }

        .download_app_area .download_text h3 {
            color: #fff;
            font: bold 44px "Barlow", sans-serif;
            margin-bottom: 17px;
        }

        .download_app_area .download_text p {
            color: #fff;
            padding-right: 40px;
            margin-bottom: 30px;
        }

        .download_app_area .download_text .google {
            margin-right: 22px;
        }

            .download_app_area .download_text .google:hover {
                box-shadow: 0px 21px 35px 15px rgba(0, 0, 0, 0.1);
            }

        .download_app_area .download_text .os:hover {
            box-shadow: 0px 21px 35px 15px rgba(0, 0, 0, 0.1);
        }

    .download_app_area .tab-content > .tab-pane {
        display: block;
        height: 0;
    }

    .download_app_area .tab-content > .active {
        height: auto;
    }

.download_taxi_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/download-taxi.jpg) no-repeat fixed center center;
    background-size: cover;
}

    .download_taxi_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.85);
    }

    .download_taxi_area .download_text {
        padding-left: 0px;
        padding-right: 100px;
    }

        .download_taxi_area .download_text h3 span {
            color: #fecc18;
        }

/* End Download Area css
============================================================================================ */
/* Top Question Area css
============================================================================================ */
.top_ques_inner {
    max-width: 920px;
    margin: auto;
}

    .top_ques_inner .accordion .card {
        border: none;
        border-radius: 0px;
        border-bottom: 1px solid #e4e4e4 !important;
    }

        .top_ques_inner .accordion .card:first-child {
            border-top: 1px solid #e4e4e4;
        }

        .top_ques_inner .accordion .card .card-header {
            border: none;
            padding: 0px;
            background: transparent;
            margin: 0px;
        }

            .top_ques_inner .accordion .card .card-header button {
                border: none;
                padding: 0px;
                position: relative;
                display: block;
                width: 100%;
                text-align: left;
                font: 600 18px/68px "Barlow", sans-serif;
                border-radius: 0px;
                text-decoration: none;
            }

                .top_ques_inner .accordion .card .card-header button i {
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 16px;
                    display: none;
                    font-weight: normal;
                }

                    .top_ques_inner .accordion .card .card-header button i + i {
                        display: inline-block;
                    }

                .top_ques_inner .accordion .card .card-header button.collapsed {
                    color: #34373b;
                }

                    .top_ques_inner .accordion .card .card-header button.collapsed i {
                        display: inline-block;
                    }

                        .top_ques_inner .accordion .card .card-header button.collapsed i + i {
                            display: none;
                        }

        .top_ques_inner .accordion .card .card-body {
            border: none;
            padding: 0px 10px 25px 0px;
        }

.service_top_ques .top_ques_inner .accordion .card .card-header button {
    color: #ff2a39;
}

    .service_top_ques .top_ques_inner .accordion .card .card-header button.collapsed {
        color: #34373b;
    }

/* End Top Question Area css
============================================================================================ */
/* Brand Area css
============================================================================================ */
.brand_area .solid_br {
    margin-top: 90px;
}

.search_car {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 45px 15px;
    width: 100%;
    margin-top: -60px;
    z-index: 35;
    position: relative;
    box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.05);
    z-index: 3;
}

    .search_car .select_item {
        flex: 0 0 26%;
        max-width: 26%;
        padding-left: 15px;
        padding-right: 15px;
    }

        .search_car .select_item .nice_select {
            width: 100%;
            float: none;
            height: 60px;
            border-radius: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            border: none;
            background: #f5f5f5;
            line-height: 60px;
            padding-left: 20px;
        }

            .search_car .select_item .nice_select .current {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

            .search_car .select_item .nice_select .list {
                width: 100%;
                border-radius: 0px;
            }

                .search_car .select_item .nice_select .list li a {
                    font: normal 16px "Barlow", sans-serif;
                }

            .search_car .select_item .nice_select:after {
                content: "";
                font: normal normal normal 14px/1 FontAwesome;
                border: none;
                transform: rotate(0);
                right: 22px;
            }

        .search_car .select_item:last-child {
            flex: 0 0 22%;
            max-width: 22%;
        }

            .search_car .select_item:last-child .main_btn {
                width: 100%;
                text-align: center;
                line-height: 58px;
                text-transform: uppercase;
                font-weight: bold;
            }

.brand_inner {
    margin-bottom: -56px;
}

    .brand_inner .brand_item {
        text-align: center;
        margin-bottom: 55px;
    }

        .brand_inner .brand_item img {
            margin-bottom: 22px;
            display: inline-block;
        }

        .brand_inner .brand_item h4 {
            display: block;
            text-align: center;
            color: #34373b;
            font: normal 16px "Barlow", sans-serif;
            margin-bottom: 0px;
            transition: all 300ms linear 0s;
        }
/* End Brand Area css
============================================================================================ */
/* Feature Bike css
============================================================================================ */
.feature_bike_area {
    padding-bottom: 22px;
}

    .feature_bike_area .feature_bike_slider .center .item .bike_s_item {
        opacity: 1;
    }

        .feature_bike_area .feature_bike_slider .center .item .bike_s_item img {
            transform: scale(1);
        }

        .feature_bike_area .feature_bike_slider .center .item .bike_s_item .bike_text {
            opacity: 1;
            transform: scale(1);
        }

    .feature_bike_area .feature_bike_slider .item .bike_s_item {
        margin-bottom: 50px;
        opacity: 0.2;
        transition: all 300ms linear 0s;
    }

        .feature_bike_area .feature_bike_slider .item .bike_s_item img {
            transform: scale(0.65);
            transition: all 300ms linear 0s;
        }

        .feature_bike_area .feature_bike_slider .item .bike_s_item .bike_text {
            max-width: 320px;
            margin: auto;
            text-align: center;
            box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.05);
            padding: 25px 0px;
            margin-top: -100px;
            position: relative;
            background: #fff;
            opacity: 0;
            transform: scale(0.8);
            transition: all 300ms linear 0s;
        }

            .feature_bike_area .feature_bike_slider .item .bike_s_item .bike_text h3 {
                font: bold 24px "Barlow", sans-serif;
                color: #34373b;
                margin-bottom: 15px;
            }

            .feature_bike_area .feature_bike_slider .item .bike_s_item .bike_text h5 {
                color: #ff2a39;
                font: bold 20px "Barlow", sans-serif;
                margin-bottom: 18px;
            }
/* End Feature Bike css
============================================================================================ */
/* Takes You css
============================================================================================ */
.takes_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/takes.jpg) no-repeat scroll center center;
    background-size: cover;
    padding-top: 140px;
    padding-bottom: 150px;
}

    .takes_area .takes_text h3 {
        color: #fff;
        font: bold 44px "Barlow", sans-serif;
        margin-bottom: 15px;
    }

    .takes_area .takes_text p {
        color: #fff;
        font-size: 20px;
        margin-bottom: 30px;
    }

    .takes_area .takes_text .main_btn {
        text-transform: uppercase;
        font-weight: bold;
        line-height: 60px;
        padding: 0px 40px;
    }

/* End Takes You css
============================================================================================ */
/* Market Place css
============================================================================================ */
.market_inner .car_img {
    position: relative;
}

    .market_inner .car_img img {
        margin-left: -45px;
    }

    .market_inner .car_img .nav li {
        position: absolute;
        left: -22px;
        top: -27px;
        height: 110px;
        width: 110px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.1);
        text-align: center;
        transition: all 300ms linear 0s;
    }

        .market_inner .car_img .nav li h4 {
            font: bold 37.36px "Barlow", sans-serif;
            margin-bottom: 0px;
            margin-top: 22px;
            transition: all 300ms linear 0s;
        }

        .market_inner .car_img .nav li h5 {
            margin-bottom: 0px;
            font: normal 16px "Barlow", sans-serif;
            color: #34373b;
            transition: all 300ms linear 0s;
        }

        .market_inner .car_img .nav li:nth-child(2) {
            top: auto;
            bottom: 90px;
            left: -155px;
        }

        .market_inner .car_img .nav li:last-child {
            top: 8px;
            right: 42px;
            left: auto;
        }

        .market_inner .car_img .nav li:hover h4 {
            color: #fff;
        }

        .market_inner .car_img .nav li:hover h5 {
            color: #fff;
        }

.market_text h3 {
    font: bold 44px "Barlow", sans-serif;
    color: #34373b;
    margin-bottom: 35px;
    margin-top: 35px;
    position: relative;
    z-index: 2;
}

    .market_text h3 img {
        position: absolute;
        left: 2px;
        top: -34px;
        z-index: -1;
        color: #ff2a39;
        font-size: 60px;
    }

.market_text .maket_item_inner {
    margin-bottom: -35px;
}

    .market_text .maket_item_inner .media {
        margin-bottom: 35px;
    }

        .market_text .maket_item_inner .media .d-flex {
            padding-right: 13px;
        }

            .market_text .maket_item_inner .media .d-flex i {
                font-size: 40px;
                margin-top: 5px;
            }

        .market_text .maket_item_inner .media .media-body h4 {
            color: #34373b;
            font: bold 24px "Barlow", sans-serif;
        }

        .market_text .maket_item_inner .media .media-body p {
            margin-bottom: 0px;
        }

/* End Market Place css
============================================================================================ */
/* Budget Feature css
============================================================================================ */
.budget_feaute_area {
    background: url(../image/b-feature-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding: 74.5px 0px;
}

.white_budget_feature {
    background: #fff;
}

    .white_budget_feature .b_feature_inner .b_f_item .icon:after {
        background: url(../image/border-gray.png) no-repeat;
    }

    .white_budget_feature .b_feature_inner .b_f_item h4 {
        color: #34373b;
    }

    .white_budget_feature .b_feature_inner .b_f_item p {
        color: #34373b;
    }

.taxi_object {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/taxi-object-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: 95px 0px;
}

    .taxi_object:before {
        content: "";
        background: rgba(0, 0, 0, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .taxi_object .b_f_item .icon {
        line-height: 80px;
    }

        .taxi_object .b_f_item .icon img {
            display: inline-block;
        }

        .taxi_object .b_f_item .icon:after {
            display: none;
        }

    .taxi_object .b_f_item p {
        padding-right: 20px;
        margin-bottom: 0px;
        color: rgba(255, 255, 255, 0.5);
    }

.b_f_item {
    color: #fff;
}

    .b_f_item .icon {
        position: relative;
        height: 91px;
        width: 91px;
        text-align: center;
        line-height: 90px;
        margin-bottom: 20px;
    }

        .b_f_item .icon:after {
            content: "";
            background: url(../image/border.png) no-repeat scroll center center;
            position: absolute;
            left: 0px;
            top: 0px;
            height: 91px;
            width: 91px;
        }

        .b_f_item .icon i {
            font-size: 40px;
            line-height: 91px;
        }

    .b_f_item h4 {
        font: bold 24px "Barlow", sans-serif;
        margin-bottom: 13px;
        color: #fff;
        transition: color 0.2s linear;
    }

        .b_f_item h4:hover {
            color: #fecc18;
        }

    .b_f_item p {
        margin-bottom: 0px;
    }

    .b_f_item:hover .icon:after {
        animation: rounded 5S infinite linear;
    }

/* End Budget Feature css
============================================================================================ */
/* End Car Company Area css
============================================================================================ */
.car_company_area {
    z-index: 3;
    background: #fff;
}

.car_company_slider .car_arrow .owl-prev, .car_company_slider .car_arrow .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0px;
    font-size: 16px;
    color: #c2c2c2;
}

    .car_company_slider .car_arrow .owl-prev:hover, .car_company_slider .car_arrow .owl-next:hover {
        color: #34373b;
    }

.car_company_slider .car_arrow .owl-prev {
    left: -35px;
}

.car_company_slider .car_arrow .owl-next {
    right: -35px;
}

.car_c_item {
    text-align: center;
    display: block;
}

    .car_c_item img {
        width: auto !important;
        display: inline-block !important;
        margin-bottom: 15px;
        line-height: 90px;
    }

    .car_c_item h5 {
        width: 100%;
        font: normal 16px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 0px;
        transition: all 300ms linear 0s;
    }

        .car_c_item h5 span {
            width: 100%;
            display: block;
            margin-top: 6px;
        }

.car_browse_slider .car_arrow .owl-prev, .car_browse_slider .car_arrow .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0px;
    font-size: 16px;
    color: #c2c2c2;
}

    .car_browse_slider .car_arrow .owl-prev:hover, .car_browse_slider .car_arrow .owl-next:hover {
        color: #34373b;
    }

.car_browse_slider .car_arrow .owl-prev {
    left: -25px;
}

.car_browse_slider .car_arrow .owl-next {
    right: -25px;
}

/* End Car Company Area css
============================================================================================ */
/* Car Feature Area css
============================================================================================ */
.feature_car_area {
    background: url(../image/car-feature-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    z-index: 2;
    position: relative;
    max-height: 461px;
    padding-top: 115px;
}

    .feature_car_area .f_car_slider_inner {
        margin-left: -15px;
        margin-right: -15px;
    }

    .feature_car_area .f_car_slider {
        margin-bottom: 0px;
        z-index: 3;
        position: relative;
    }

        .feature_car_area .f_car_slider .item {
            padding-left: 15px;
            padding-right: 15px;
        }

        .feature_car_area .f_car_slider .car_arrow {
            position: absolute;
            right: 15px;
            top: -118px;
        }

            .feature_car_area .f_car_slider .car_arrow .owl-prev, .feature_car_area .f_car_slider .car_arrow .owl-next {
                height: 52px;
                width: 52px;
                border: 1px solid #fff;
                background: transparent;
                border-radius: 50%;
                color: #fff;
                font-size: 16px;
                padding: 0px;
                text-align: center;
                transition: all 300ms linear 0s;
            }

                .feature_car_area .f_car_slider .car_arrow .owl-prev:hover, .feature_car_area .f_car_slider .car_arrow .owl-next:hover {
                    color: #fff;
                }

            .feature_car_area .f_car_slider .car_arrow .owl-prev {
                margin-right: 16px;
            }

.car_browse_area {
    padding-top: 275px;
    position: relative;
    overflow: hidden;
}

    .car_browse_area:before {
        content: "";
        background: url(../image/best-bike-dotted.png) no-repeat scroll center center;
        position: absolute;
        right: -500px;
        top: -450px;
        width: 864px;
        height: 867px;
        animation: rounded 50S infinite linear;
    }

    .car_browse_area.pad_top_0 {
        padding-top: 100px;
    }

    .car_browse_area.classified_car_browse:before {
        display: none;
    }

/* End Car Feature Area css
============================================================================================ */
/* Counter Area css
============================================================================================ */
.counter_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/counter-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    z-index: 2;
    position: relative;
    padding: 122px 0px;
}

    .counter_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.75);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        width: 100%;
        height: 100%;
    }

.counter_inner .counter_item {
    text-align: center;
    color: #fff;
}

    .counter_inner .counter_item i {
        font-size: 80px;
        margin-bottom: 18px;
        display: block;
    }

    .counter_inner .counter_item h4 {
        font: bold 44px "Barlow", sans-serif;
        margin-bottom: 12px;
    }

    .counter_inner .counter_item h6 {
        font: bold 16px "Barlow", sans-serif;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

    .counter_inner .counter_item.red h6 {
        color: #34373b;
    }

/* End Counter Area css
============================================================================================ */
/* Lowest Price Area css
============================================================================================ */
.lowest_price_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/s-bus-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding: 118px 0px;
}

    .lowest_price_area h3 {
        color: #fff;
        font: bold 48px "Barlow", sans-serif;
        margin-bottom: 7px;
    }

    .lowest_price_area h4 {
        font: bold 48px "Barlow", sans-serif;
        margin-bottom: 22px;
    }

    .lowest_price_area p {
        color: rgba(255, 255, 255, 0.5);
        max-width: 490px;
        margin-bottom: 35px;
    }

    .lowest_price_area .main_btn {
        padding: 0px 40px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
    }

/* End Lowest Price Area css
============================================================================================ */
/* Client Logo Area css
============================================================================================ */
.client_logo_slider_area .client_logo_slider {
    border-top: 1px solid #e9e9e9;
}

    .client_logo_slider_area .client_logo_slider .item {
        text-align: center;
        line-height: 142px;
    }

        .client_logo_slider_area .client_logo_slider .item img {
            width: auto;
            max-width: 100%;
            display: inline-block;
        }

.client_logo_slider_area.border_none .client_logo_slider {
    border: none;
}

/* End Client Logo Area css
============================================================================================ */
/* Expert Area css
============================================================================================ */
.expert_area .expert_inner {
    background: #fff;
    box-shadow: 0px 10px 50px 0px rgba(0, 34, 96, 0.08);
    margin-top: -75px;
    position: relative;
}

    .expert_area .expert_inner .row {
        padding-left: 50px;
        padding-right: 50px;
        margin: 0px;
    }

    .expert_area .expert_inner .col-lg-4 {
        padding: 0px;
    }

        .expert_area .expert_inner .col-lg-4:last-child .expert_item:after {
            display: none;
        }

    .expert_area .expert_inner .expert_item {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 38px;
        padding-bottom: 0px;
        position: relative;
        z-index: 2;
        transition: all 300ms linear 0s;
    }

        .expert_area .expert_inner .expert_item:after {
            content: "";
            background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/left-br-1.png) no-repeat;
            height: 150px;
            width: 1px;
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
        }

        .expert_area .expert_inner .expert_item .shadow_icon {
            position: absolute;
            right: 0px;
            bottom: -55px;
            width: 114px;
            height: 127px;
            overflow: hidden;
        }

            .expert_area .expert_inner .expert_item .shadow_icon i {
                font-size: 120px;
                margin-bottom: 0px;
                vertical-align: top;
                opacity: 0.1;
                position: relative;
                left: 19px;
                top: 20px;
                color: #fff;
                visibility: hidden;
                transition: all 500ms linear;
            }

        .expert_area .expert_inner .expert_item:before {
            content: "";
            background: #002260;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            transition: all 300ms linear 0s;
            z-index: -1;
            opacity: 0;
        }

        .expert_area .expert_inner .expert_item i {
            font-size: 60px;
            margin-bottom: 16px;
            display: inline-block;
        }

        .expert_area .expert_inner .expert_item h4 {
            color: #34373b;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 15px;
        }

        .expert_area .expert_inner .expert_item p {
            margin-bottom: 0px;
        }

        .expert_area .expert_inner .expert_item .main_btn {
            font-size: 22px;
            line-height: 50px;
            padding: 0px 19px;
            color: #fff;
            visibility: hidden;
        }

            .expert_area .expert_inner .expert_item .main_btn i {
                margin-bottom: 0px;
                line-height: normal;
                color: #fff;
                font-size: 20px;
            }

        .expert_area .expert_inner .expert_item:hover .shadow_icon i {
            visibility: visible;
        }

        .expert_area .expert_inner .expert_item:hover i {
            color: #fff;
            margin-top: -20px;
        }

        .expert_area .expert_inner .expert_item:hover p {
            margin-bottom: 20px;
            color: #fff;
        }

        .expert_area .expert_inner .expert_item:hover h4 {
            color: #fff;
        }

        .expert_area .expert_inner .expert_item:hover .main_btn {
            visibility: visible;
        }

        .expert_area .expert_inner .expert_item:hover:before {
            transform: scaleY(1.28);
            opacity: 1;
        }

/* End Expert Area css
============================================================================================ */
/* Quickly Area css
============================================================================================ */
.quickly_area {
    background: url(../image/quickly-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    padding: 150px 0px 150px 0px;
    text-align: center;
    position: relative;
    z-index: 2;
}

    .quickly_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

    .quickly_area .quickly_inner {
        max-width: 605px;
        margin: auto;
    }

        .quickly_area .quickly_inner h3 {
            color: #fff;
            font: bold 44px "Barlow", sans-serif;
            margin-bottom: 30px;
        }

        .quickly_area .quickly_inner p {
            color: #fff;
            font: 500 20px/28px "Barlow", sans-serif;
            margin-bottom: 30px;
        }

        .quickly_area .quickly_inner .main_btn {
            text-transform: uppercase;
            line-height: 48px;
            padding: 0px 36px;
            transition: all 300ms linear 0s;
        }

    .quickly_area.yacht_easily {
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/quickly-bg-2.jpg) no-repeat fixed center center;
        background-size: cover;
    }

        .quickly_area.yacht_easily:before {
            background: rgba(0, 46, 130, 0.2);
        }

        .quickly_area.yacht_easily .quickly_inner {
            max-width: 100%;
        }

            .quickly_area.yacht_easily .quickly_inner h3 span {
                color: #ff575d;
            }

            .quickly_area.yacht_easily .quickly_inner .per {
                font-weight: bold;
                padding: 0px 31px;
            }

            .quickly_area.yacht_easily .quickly_inner p {
                max-width: 605px;
                margin: 0px auto 30px;
            }

            .quickly_area.yacht_easily .quickly_inner .main_btn {
                line-height: 58px;
            }

                .quickly_area.yacht_easily .quickly_inner .main_btn:hover {
                    color: #fff;
                }

/* End Quickly Area css
============================================================================================ */
/* Comparisom Area css
============================================================================================ */
.car_comparisom_area {
    background: #f5f7f7;
}

    .car_comparisom_area.tractor_compare {
        background: #fff;
    }

        .car_comparisom_area.tractor_compare .leaf_title {
            margin-bottom: 40px;
        }

        .car_comparisom_area.tractor_compare .comparisom_slider_inner {
            margin-left: -30px;
            margin-right: -30px;
        }

        .car_comparisom_area.tractor_compare .comparisom_slider .item {
            padding-bottom: 40px;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 30px;
        }

        .car_comparisom_area.tractor_compare .comparisom_slider .owl-dots {
            margin-top: 10px;
        }

            .car_comparisom_area.tractor_compare .comparisom_slider .owl-dots button {
                background: #b2b2b2;
                transition: all 300ms linear 0s;
            }

                .car_comparisom_area.tractor_compare .comparisom_slider .owl-dots button.active {
                    transform: scale(1.8);
                    background: #0cc533;
                }

        .car_comparisom_area.tractor_compare .comparisom_slider .owl-item.active .item {
            padding-right: 15px;
        }

        .car_comparisom_area.tractor_compare .comparisom_slider .owl-item.active + .owl-item .item {
            padding-left: 15px;
            padding-right: 30px;
        }

.product_details_compare {
    background: #fff;
}

    .product_details_compare .single_b_title {
        margin-bottom: 35px;
    }

        .product_details_compare .single_b_title h3 {
            font-size: 36px;
        }

    .product_details_compare .comparisom_slider .compare_item {
        background: #f5f7f7;
        box-shadow: none;
    }

    .product_details_compare .comparisom_slider .owl-dots {
        display: none;
    }

.comparisom_slider_inner {
    margin-left: -15px;
    margin-right: -15px;
}

.comparisom_slider img {
    width: auto;
}

.comparisom_slider .item {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.comparisom_slider .owl-dots {
    text-align: center;
    margin-top: 20px;
}

    .comparisom_slider .owl-dots button {
        height: 6px;
        width: 6px;
        background: #b2b2b2;
        border-radius: 50%;
        margin-right: 8px;
        transition: all 300ms linear 0s;
    }

        .comparisom_slider .owl-dots button:last-child {
            margin-right: 0px;
        }

        .comparisom_slider .owl-dots button.active {
            transform: scale(1.8);
        }

.compare_item {
    background: #fff;
    padding: 35px 30px;
    position: relative;
    box-shadow: 0px 10px 15px 0px rgba(2, 87, 125, 0.12);
}

    .compare_item .vs_text {
        height: 60px;
        width: 60px;
        background: #153e4d;
        color: #fff;
        text-transform: uppercase;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        text-align: center;
        font: bold 24px/60px "Barlow", sans-serif;
        cursor: pointer;
        z-index: 2;
    }

    .compare_item:after {
        content: "";
        background: url(../image/slash.png) no-repeat;
        height: 156px;
        width: 43px;
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }

    .compare_item img {
        width: auto;
        max-width: 100%;
    }

    .compare_item .left {
        text-align: center;
    }

        .compare_item .left img {
            margin-bottom: 15px;
        }

        .compare_item .left h4 {
            color: #34373b;
            font: bold 20px "Barlow", sans-serif;
            margin-bottom: 12px;
            transition: color 0.2s linear;
        }

        .compare_item .left h5 {
            font: bold 20px "Barlow", sans-serif;
        }

    .compare_item .right {
        text-align: center;
    }

        .compare_item .right img {
            margin-bottom: 15px;
        }

        .compare_item .right h4 {
            color: #34373b;
            font: bold 20px "Barlow", sans-serif;
            margin-bottom: 12px;
            transition: color 0.2s linear;
        }

        .compare_item .right h5 {
            font: bold 20px "Barlow", sans-serif;
        }

    .compare_item.green {
        box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.08);
    }

        .compare_item.green:before {
            background: #020d26;
            z-index: 2;
        }

        .compare_item.green:after {
            background: #e7ebed;
            height: 160px;
            width: 1px;
            z-index: 1;
        }
/* End Comparisom Area css
============================================================================================ */
/* Get Brand Area css
============================================================================================ */
.get_cars_area {
    padding-top: 130px;
    position: relative;
}

    .get_cars_area .right_tiar {
        position: absolute;
        height: 553px;
        width: 476px;
        right: 0px;
        bottom: 0px;
    }

        .get_cars_area .right_tiar img {
            max-width: 100%;
        }

    .get_cars_area .get_car_text {
        text-align: center;
        margin-bottom: 70px;
    }

        .get_cars_area .get_car_text h2 {
            color: #fff;
            font: normal 44px "Barlow", sans-serif;
            margin-bottom: 70px;
            position: relative;
        }

            .get_cars_area .get_car_text h2:before {
                content: "";
                width: 50px;
                height: 2px;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: -26px;
            }

            .get_cars_area .get_car_text h2:after {
                content: "";
                background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/shadow-logo.png) no-repeat scroll center center;
                height: 137px;
                width: 256px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

        .get_cars_area .get_car_text p {
            font: normal 18px/30px "Barlow", sans-serif;
            color: rgba(255, 255, 255, 0.5);
            max-width: 1015px;
            margin: auto;
        }

    .get_cars_area .get_cars_img {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

        .get_cars_area .get_cars_img .get_item {
            flex: 0 0 20%;
            max-width: 20%;
            line-height: 122px;
        }

            .get_cars_area .get_cars_img .get_item img {
                display: inline-block;
            }

/* End Get Brand Area css
============================================================================================ */
/* Truck Type Area css
============================================================================================ */
.truck_type_slider_inner {
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    overflow: hidden;
}

    .truck_type_slider_inner:before {
        content: "";
        background: url(../image/truck-bg-map.png) no-repeat;
        width: 897px;
        height: 454px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 10px;
    }

.truck_type_slider .item {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 28px;
}

.truck_type_slider .t_type_itme {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding-bottom: 16px;
}

    .truck_type_slider .t_type_itme .t_type_text {
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 40px;
        padding-bottom: 20px;
    }

        .truck_type_slider .t_type_itme .t_type_text .left h3 {
            color: #34373b;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 10px;
        }

        .truck_type_slider .t_type_itme .t_type_text .left p {
            margin-bottom: 25px;
        }

        .truck_type_slider .t_type_itme .t_type_text .left h4 {
            display: inline-block;
            color: #fff;
            padding: 10px 20px;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 0px;
        }

        .truck_type_slider .t_type_itme .t_type_text .right .nav li {
            margin-bottom: 10px;
            color: #777777;
        }

            .truck_type_slider .t_type_itme .t_type_text .right .nav li:last-child {
                margin-bottom: 0px;
            }

            .truck_type_slider .t_type_itme .t_type_text .right .nav li a {
                color: #777777;
                cursor: auto;
            }

                .truck_type_slider .t_type_itme .t_type_text .right .nav li a i {
                    color: #f75d34;
                    width: 25px;
                    display: inline-block;
                    font-size: 12px;
                }

            .truck_type_slider .t_type_itme .t_type_text .right .nav li i {
                color: #f75d34;
                width: 25px;
                display: inline-block;
                font-size: 12px;
            }

    .truck_type_slider .t_type_itme .image {
        text-align: center;
        line-height: 176px;
    }

        .truck_type_slider .t_type_itme .image img {
            width: auto;
            max-width: 100%;
            display: inline-block;
        }

    .truck_type_slider .t_type_itme.red .right .nav li a i {
        color: #ff2a39;
    }

    .truck_type_slider .t_type_itme.red .right .nav li i {
        color: #ff2a39;
    }

.truck_type_slider .owl-dots {
    text-align: center;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

    .truck_type_slider .owl-dots .owl-dot {
        width: 20px;
        height: 2px;
        background: #cccccc;
        margin-right: 6px;
    }

        .truck_type_slider .owl-dots .owl-dot:last-child {
            margin-right: 0px;
        }

        .truck_type_slider .owl-dots .owl-dot.active {
            background: #f75d34;
        }

/* End Truck Type Area css
============================================================================================ */
/* Most Service Area css
============================================================================================ */
.most_service_area {
    background: url(../image/most-service-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

    .most_service_area:before {
        content: "";
        background: rgba(2, 13, 38, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .most_service_area .most_service_inner .d-flex {
        align-self: center;
    }

    .most_service_area .most_service_inner .most_service_text h6 {
        font: normal 30px "Barlow", sans-serif;
    }

    .most_service_area .most_service_inner .most_service_text h3 {
        color: #fff;
        font: 900 48px "Barlow", sans-serif;
        margin-bottom: 10px;
    }

    .most_service_area .most_service_inner .most_service_text p {
        margin-bottom: 25px;
        color: rgba(255, 255, 255, 0.5);
    }

    .most_service_area .most_service_inner .most_service_text .main_btn {
        text-transform: uppercase;
        padding: 0px 28px;
        line-height: 58px;
    }

    .most_service_area .most_service_inner .most_service_img {
        position: relative;
        z-index: 2;
        padding-top: 100px;
        padding-bottom: 70px;
    }

        .most_service_area .most_service_inner .most_service_img:before {
            content: "";
            background: url(../image/most-service-dotted.png) no-repeat;
            height: 570px;
            width: 637px;
            position: absolute;
            right: -110px;
            top: 0px;
            z-index: -1;
        }

/* End Most Service Area css
============================================================================================ */
/* Boat Types Area css
============================================================================================ */
.boat_types_inner .boat_t_item {
    text-align: center;
}

    .boat_types_inner .boat_t_item .boat_img {
        line-height: 65px;
        margin-bottom: 12px;
    }

        .boat_types_inner .boat_t_item .boat_img img {
            display: inline-block;
            width: auto;
            max-width: 100%;
        }

    .boat_types_inner .boat_t_item h4 {
        font: bold 20px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 0px;
        transition: all 300ms linear 0s;
    }

/* End Boat Types Area css
============================================================================================ */
/* Feature Yacht Area css
============================================================================================ */
.feature_yacht_area {
    background: #f2fbff;
    position: relative;
    overflow: hidden;
}

    .feature_yacht_area:before {
        content: "";
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/f-yacht-bg.png) no-repeat;
        width: 345px;
        height: 566px;
        position: absolute;
        left: 0px;
        bottom: 55px;
    }

.f_yacht_slider .bus_item {
    margin-bottom: 0px;
}

    .f_yacht_slider .bus_item.per .bus_body {
        background: #020d26;
    }

    .f_yacht_slider .bus_item.per .bus_footer a {
        cursor: auto;
    }

.f_yacht_slider .owl-dots {
    text-align: center;
    margin-top: 45px;
}

    .f_yacht_slider .owl-dots button {
        height: 6px;
        width: 6px;
        background: #b2b2b2;
        border-radius: 50%;
        margin-right: 8px;
        transition: all 300ms linear 0s;
    }

        .f_yacht_slider .owl-dots button:last-child {
            margin-right: 0px;
        }

        .f_yacht_slider .owl-dots button.active {
            transform: scale(1.8);
            background: #ff575d;
        }

/* End Feature Yacht Area css
============================================================================================ */
/* All Yacht Area css
============================================================================================ */
.all_yacht_item {
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

    .all_yacht_item:before {
        content: "";
        background: rgba(0, 46, 130, 0.7);
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 95px;
        width: 100%;
        z-index: 1;
        transform: scaleY(0);
        transition-property: transform;
        transform-origin: 50% 100%;
        transition: all 300ms linear 0s;
        transform: perspective(1px) translateZ(0);
    }

    .all_yacht_item .yacht_text {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 1;
        padding: 0px 30px;
        padding-bottom: 12px;
    }

        .all_yacht_item .yacht_text h3 {
            color: #fff;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 7px;
            transition: all 300ms linear 0s;
        }

        .all_yacht_item .yacht_text h6 {
            display: inline-block;
            color: #fff;
            font: normal 16px "Barlow", sans-serif;
            margin-bottom: 0px;
        }

        .all_yacht_item .yacht_text h5 {
            display: inline-block;
            color: #fff;
            font: normal 16px "Barlow", sans-serif;
            margin-bottom: 0px;
            padding-left: 42px;
        }

        .all_yacht_item .yacht_text h4 {
            color: #fff;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 13px;
        }

        .all_yacht_item .yacht_text p {
            color: #fff;
            font: normal 16px "Barlow", sans-serif;
            margin-bottom: 0px;
        }

        .all_yacht_item .yacht_text .right {
            text-align: right;
        }

    .all_yacht_item .view_btn {
        position: absolute;
        left: 50%;
        top: 60%;
        transform: translate(-50%, -50%);
        z-index: 1;
        text-decoration: underline;
        color: #fff;
        transition: all 600ms linear;
        visibility: hidden;
        opacity: 0;
    }

    .all_yacht_item:hover .view_btn {
        visibility: visible;
        opacity: 1;
        top: 50%;
    }

    .all_yacht_item:hover:before {
        height: 100%;
        transform: scaleY(1);
    }

/* End All Yacht Area css
============================================================================================ */
/* Finance Calculator Area css
============================================================================================ */
.calculator_area {
    position: relative;
    z-index: 2;
}

    .calculator_area.open:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: rgba(0, 0, 0, 0.5);
    }

    .calculator_area .calculator_box {
        position: relative;
        max-width: 600px;
        margin: auto;
    }

        .calculator_area .calculator_box.open .calculator_inner:first-child {
            visibility: visible;
            opacity: 1;
        }

        .calculator_area .calculator_box.open .calculator_inner:last-child {
            visibility: hidden;
            opacity: 0;
        }

    .calculator_area .calculator_inner {
        max-width: 600px;
        margin: auto;
        background: #fff;
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
        border-top: 4px solid transparent;
        text-align: center;
        padding-top: 45px;
        padding-bottom: 55px;
        padding-left: 75px;
        padding-right: 75px;
    }

        .calculator_area .calculator_inner:first-child {
            position: absolute;
            left: 50%;
            top: 0px;
            transform: translateX(-50%);
            width: 100%;
            opacity: 0;
            transition: opacity 0.2s linear;
            visibility: hidden;
            background: #fff;
        }

        .calculator_area .calculator_inner .cal_item {
            margin-bottom: 35px;
        }

            .calculator_area .calculator_inner .cal_item:last-child {
                margin-bottom: 0px;
            }

            .calculator_area .calculator_inner .cal_item h4 {
                font: 600 24px "Barlow", sans-serif;
                color: #34373b;
            }

            .calculator_area .calculator_inner .cal_item p {
                margin-bottom: 0px;
                font: normal 24px "Barlow", sans-serif;
                color: #777777;
            }

        .calculator_area .calculator_inner .contact_form .form-group input {
            background: #f5f7f7;
            padding: 0px 20px;
        }

        .calculator_area .calculator_inner .contact_form .form-group .submit_btn {
            height: auto;
            line-height: 48px;
        }

/* End Finance Calculator Area css
============================================================================================ */
/* Cur Club Area css
============================================================================================ */
.cur_club_area .car_club_inner .car_club_text h4 {
    color: #34373b;
    font: bold 44px "Barlow", sans-serif;
    margin-bottom: 18px;
}

.cur_club_area .car_club_inner .car_club_text p {
    margin-bottom: 23px;
}

.cur_club_area .car_club_inner .car_club_text .nav {
    margin-bottom: 30px;
}

    .cur_club_area .car_club_inner .car_club_text .nav li {
        margin-bottom: 8px;
        padding-left: 26px;
        position: relative;
        font: normal 16px "Barlow", sans-serif;
        color: #777777;
        cursor: auto;
    }

        .cur_club_area .car_club_inner .car_club_text .nav li img {
            position: absolute;
            left: 0px;
            top: 2px;
        }

        .cur_club_area .car_club_inner .car_club_text .nav li:last-child {
            margin-bottom: 0px;
        }

.cur_club_area .car_club_inner .car_club_text .main_btn {
    text-transform: uppercase;
    padding: 0px 27px;
}

    .cur_club_area .car_club_inner .car_club_text .main_btn.border {
        margin-left: 17px;
    }

/* End Cur Club Area css
============================================================================================ */
/* Abs Braking Area css
============================================================================================ */
.abs_braking_area {
    background: #f5f7f6;
}

    .abs_braking_area .abs_braking_inner .abs_wheels {
        padding-left: 45px;
    }

    .abs_braking_area .abs_braking_inner .abs_details {
        align-self: center;
    }

        .abs_braking_area .abs_braking_inner .abs_details h4 {
            position: relative;
            color: #34373b;
            font: bold 44px "Barlow", sans-serif;
            margin-bottom: 18px;
        }

            .abs_braking_area .abs_braking_inner .abs_details h4 img {
                position: absolute;
                left: 4px;
                top: -20px;
            }

        .abs_braking_area .abs_braking_inner .abs_details p {
            margin-bottom: 30px;
        }

            .abs_braking_area .abs_braking_inner .abs_details p:last-child {
                margin-bottom: 0px;
            }

/* End Abs Braking Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Find Us Area css
============================================================================================ */
.car_drive_area {
    overflow: hidden;
}

    .car_drive_area .drive_product_view .tab-content > .tab-pane {
        display: block;
        height: 0;
    }

    .car_drive_area .drive_product_view .tab-content > .active {
        height: auto;
    }

.dotted_left {
    position: relative;
}

    .dotted_left:before {
        content: "";
        background: url(../image/best-bike-dotted.png) no-repeat scroll center center;
        position: absolute;
        left: -650px;
        top: 50%;
        margin-top: -450px;
        width: 864px;
        height: 867px;
        animation: rounded 50S infinite linear;
    }

.drive_item {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 60px;
}

    .drive_item .left .nav {
        border: none;
    }

        .drive_item .left .nav li {
            margin: 0px;
            margin-right: 44px;
        }

            .drive_item .left .nav li:last-child {
                margin-right: 0px;
            }

            .drive_item .left .nav li a {
                border: none;
                font: 600 16px/26px "Barlow", sans-serif;
                color: #777777;
                padding: 13px 0px;
                position: relative;
                display: inline-block;
                transition: all 300ms linear 0s;
            }

                .drive_item .left .nav li a:before {
                    content: "";
                    height: 2px;
                    width: 0%;
                    position: absolute;
                    left: 0px;
                    bottom: -1px;
                    opacity: 0;
                    transition: all 300ms linear 0s;
                }

                .drive_item .left .nav li a.active:before {
                    width: 100%;
                    opacity: 1;
                }

            .drive_item .left .nav li:hover a:before {
                width: 100%;
                opacity: 1;
            }

    .drive_item .right .hourly_toggle .nice_select {
        float: none;
        display: inline-block;
        border: none;
        padding: 0px 0px;
        padding-right: 15px;
        padding-left: 8px;
        line-height: 53px;
    }

        .drive_item .right .hourly_toggle .nice_select .current {
            font: bold 16px "Barlow", sans-serif;
        }

        .drive_item .right .hourly_toggle .nice_select:after {
            content: "";
            font: normal normal normal 14px/1 FontAwesome;
            border: none;
            transform: rotate(0);
            font-weight: bold;
            right: 0px;
            margin-top: -1px;
        }

.drive_product_view .car_drive_slider .item img {
    width: auto;
    max-width: 100%;
}

.drive_product_view .car_drive_slider .car_arrow .owl-prev, .drive_product_view .car_drive_slider .car_arrow .owl-next {
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    padding: 0px;
    border: none;
    outline: none !important;
    box-shadow: none !important;
    font-size: 18px;
    color: #c0c0c0;
    background: transparent;
}

.drive_product_view .car_drive_slider .car_arrow .owl-prev {
    left: -35px;
}

.drive_product_view .car_drive_slider .car_arrow .owl-next {
    right: -35px;
}

.car_product_item .car_img {
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}

    .car_product_item .car_img img {
        display: inline-block;
    }

.car_product_item .product_content .title {
    border-bottom: 1px solid #e4e4e4;
}

    .car_product_item .product_content .title h3 {
        font: bold 24px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 12px;
        transition: all 300ms linear 0s;
    }

    .car_product_item .product_content .title h4 {
        font: bold 24px "Barlow", sans-serif;
        margin-bottom: 0px;
    }

.car_product_item .product_content .nav {
    margin-top: 15px;
}

    .car_product_item .product_content .nav li {
        margin-right: 25px;
    }

        .car_product_item .product_content .nav li:last-child {
            margin-right: 0px;
        }

        .car_product_item .product_content .nav li a {
            color: #777777;
            font: normal 16px "Barlow", sans-serif;
            transition: all 300ms linear 0s;
            cursor: auto;
        }

            .car_product_item .product_content .nav li a img {
                display: inline-block;
                margin-right: 7.25px;
            }

.car_collection {
    position: relative;
}

    .car_collection:before {
        content: "";
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/classified-dotted-1.png) no-repeat scroll center center;
        position: absolute;
        right: -650px;
        bottom: 0px;
        width: 864px;
        height: 867px;
        animation: rounded 50S infinite linear;
    }

    .car_collection .drive_item {
        text-align: center;
        max-width: 575px;
        margin: 0px auto 60px;
    }

        .car_collection .drive_item .left {
            display: inline-block;
        }

            .car_collection .drive_item .left .nav li a {
                text-transform: uppercase;
            }

    .car_collection .drive_product_view {
        margin-left: -10px;
        margin-right: -10px;
    }

        .car_collection .drive_product_view .car_tab_slider .item {
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
        }

        .car_collection .drive_product_view .car_tab_slider .owl-dots {
            text-align: center;
            margin-top: 50px;
        }

            .car_collection .drive_product_view .car_tab_slider .owl-dots button {
                height: 6px;
                width: 6px;
                background: #b2b2b2;
                border-radius: 50%;
                margin-right: 8px;
                transition: all 300ms linear 0s;
            }

                .car_collection .drive_product_view .car_tab_slider .owl-dots button:last-child {
                    margin-right: 0px;
                }

                .car_collection .drive_product_view .car_tab_slider .owl-dots button.active {
                    transform: scale(1.8);
                }

/* Find Us Area css
============================================================================================ */
/* Bike Type Area css
============================================================================================ */
.bike_type_area .all_load {
    text-align: center;
    margin-top: 70px;
}

    .bike_type_area .all_load .main_btn {
        box-shadow: 0px 7px 17px -3px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        padding: 0px 22px;
    }

        .bike_type_area .all_load .main_btn:hover {
            box-shadow: 0px 7px 17px -3px rgba(0, 0, 0, 0.2);
            color: #fff;
        }

.bike_type_area.red2 .g_fillter .nav li a {
    color: #777777;
}

.bike_type_area.red2 .g_fillter .nav li:hover a:before, .bike_type_area.red2 .g_fillter .nav li.active a:before {
    width: 100%;
}

.g_fillter {
    max-width: 750px;
    margin: auto;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    margin-bottom: 50px;
}

    .g_fillter .nav {
        justify-content: center;
    }

        .g_fillter .nav li {
            margin-right: 45px;
        }

            .g_fillter .nav li a {
                padding: 0px 5px;
                text-transform: uppercase;
                color: #777777;
                font: bold 16px "Barlow", sans-serif;
                padding-bottom: 17px;
                display: inline-block;
                position: relative;
                transition: all 300ms linear 0s;
            }

                .g_fillter .nav li a:before {
                    content: "";
                    height: 2px;
                    background: #ff2a39;
                    position: absolute;
                    left: 0px;
                    bottom: -1px;
                    transition: all 300ms linear 0s;
                    width: 0px;
                }

            .g_fillter .nav li:hover a, .g_fillter .nav li.active a {
                color: #ff2a39;
            }

                .g_fillter .nav li:hover a:before, .g_fillter .nav li.active a:before {
                    width: 100%;
                }

            .g_fillter .nav li:last-child {
                margin-right: 0px;
            }

.bike_type_inner {
    margin-bottom: -55px;
}

.bike_type_item {
    margin-bottom: 55px;
    text-align: center;
}

    .bike_type_item img {
        margin-bottom: 13px;
    }

    .bike_type_item h3 {
        font: bold 24px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 10px;
        transition: all 300ms linear 0s;
    }

    .bike_type_item h5 {
        font: bold 20px "Barlow", sans-serif;
        margin-bottom: 0px;
    }

.orange_iso .all_load {
    margin-top: 60px;
}

    .orange_iso .all_load .main_btn {
        font-weight: bold;
        padding: 0px 47px;
    }

.tractor_green_bus .g_fillter .nav li:hover a, .tractor_green_bus .g_fillter .nav li.active a {
    color: #0cc533;
}

    .tractor_green_bus .g_fillter .nav li:hover a:before, .tractor_green_bus .g_fillter .nav li.active a:before {
        background: #0cc533;
    }

.tractor_green_bus .all_load .main_btn {
    padding: 0px 49px;
    font-weight: bold;
}

/* End Bike Type Area css
============================================================================================ */
/* End Bike Type Area css
============================================================================================ */
.best_bike_area {
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
}

    .best_bike_area:before {
        content: "";
        background: url(../image/best-bike-dotted.png) no-repeat scroll center center;
        position: absolute;
        left: -650px;
        top: -106px;
        width: 864px;
        height: 867px;
        animation: rounded 50S infinite linear;
    }

    .best_bike_area .best_bike_inner {
        margin-bottom: -55px;
    }

/* End Bike Type Area css
============================================================================================ */
/* Latest Collection Area css
============================================================================================ */
.latest_collection_area {
    background: #f9f9f9;
}

.l_collection_inner {
    margin-bottom: -30px;
    position: relative;
}

    .l_collection_inner .main_btn {
        position: absolute;
        right: 15px;
        top: -105px;
        z-index: 2;
        line-height: 38px;
        text-transform: uppercase;
        font-weight: bold;
    }

.l_collection_item {
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0px 2px 4px 0px rgba(0, 121, 175, 0.08);
    transition: all 300ms linear 0s;
}

    .l_collection_item .car_img {
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

        .l_collection_item .car_img img {
            transition: all 300ms ease;
        }

        .l_collection_item .car_img .rating {
            position: absolute;
            right: 20px;
            bottom: 20px;
        }

            .l_collection_item .car_img .rating a {
                color: #f6cc38;
            }

    .l_collection_item .text_body {
        padding: 25px 30px 20px 30px;
    }

        .l_collection_item .text_body h4 {
            display: inline-block;
            color: #34373b;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 12px;
            transition: all 300ms linear 0s;
        }

        .l_collection_item .text_body h5 {
            display: inline-block;
            float: right;
            font: bold 24px "Barlow", sans-serif;
        }

        .l_collection_item .text_body p {
            margin-bottom: 0px;
        }

            .l_collection_item .text_body p span {
                font-weight: 500;
                color: #34373b;
            }

    .l_collection_item .text_footer {
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid #e4e4e4;
    }

        .l_collection_item .text_footer a {
            flex: 0 0 33.33%;
            max-width: 33.33%;
            display: inline-block;
            text-align: center;
            color: #777777;
            font: normal 16px/50px "Barlow", sans-serif;
            cursor: auto;
        }

            .l_collection_item .text_footer a i {
                padding-right: 5px;
                transition: all 300ms linear 0s;
                color: #9d9d9d;
            }

    .l_collection_item:hover {
        box-shadow: 0px 10px 15px 0px rgba(19, 24, 131, 0.05);
    }

        .l_collection_item:hover .car_img:before {
            opacity: 1;
        }

        .l_collection_item:hover .car_img img {
            transform: scale(1.1);
        }

    .l_collection_item.grid_four {
        box-shadow: none;
        border-radius: 0px;
    }

        .l_collection_item.grid_four .text_body {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 17px;
            padding-bottom: 12px;
        }

            .l_collection_item.grid_four .text_body h4 {
                font-size: 20px;
                margin-bottom: 8px;
            }

            .l_collection_item.grid_four .text_body h5 {
                font-size: 20px;
            }

        .l_collection_item.grid_four .text-footer {
            margin-left: -10px;
            margin-right: -10px;
        }

.all_btn {
    text-align: center;
    margin-top: 45px;
}

    .all_btn .main_btn {
        text-transform: uppercase;
        font-weight: bold;
    }

/* End Latest Collection Area css
============================================================================================ */
/* Bus Blue Area css
============================================================================================ */
.bus_inner {
    margin-bottom: -30px;
}

.bus_item {
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 300ms linear 0s;
}

    .bus_item .bus_img {
        overflow: hidden;
    }

        .bus_item .bus_img img {
            transition: all 300ms;
        }

    .bus_item .bus_body {
        background: #002e82;
        color: #fff;
        padding: 30px 30px 22px 30px;
    }

        .bus_item .bus_body h3 {
            float: right;
            font: bold 24px "Barlow", sans-serif;
            padding: 0px 14px 0px 10px;
            line-height: 40px;
            position: relative;
            margin-bottom: 0px;
            margin-top: -54px;
        }

            .bus_item .bus_body h3:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 0 40px 20px;
                border-color: transparent transparent #f75d34 transparent;
                position: absolute;
                left: -20px;
                top: 0px;
            }

        .bus_item .bus_body h4 {
            display: block;
            width: 100%;
            overflow: hidden;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 12px;
            transition: all 300ms linear 0s;
            color: #fff;
        }

        .bus_item .bus_body p {
            margin-bottom: 0px;
        }

            .bus_item .bus_body p span {
                font-weight: 500;
            }

    .bus_item .bus_footer {
        display: flex;
        flex-wrap: wrap;
        background: #002260;
    }

        .bus_item .bus_footer a {
            flex: 0 0 33.33%;
            max-width: 33.33%;
            display: inline-block;
            text-align: center;
            color: #fff;
            font: normal 16px/50px "Barlow", sans-serif;
            cursor: auto;
        }

            .bus_item .bus_footer a i {
                padding-right: 5px;
                transition: all 300ms linear 0s;
            }

    .bus_item.green .bus_body {
        background: #020d26;
    }

    .bus_item:hover {
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
    }

        .bus_item:hover .bus_img img {
            transform: scale(1.1);
        }
/* End Bus Blue Area css
============================================================================================ */
/* Cart Details Area css
============================================================================================ */
.single_cart_title {
    margin-bottom: 20px;
}

    .single_cart_title h2 {
        color: #34373b;
        margin-bottom: 0px;
        font: bold 24px "Barlow", sans-serif;
    }

.cart_details_area .cart_details_inner .table thead {
    background: #34373b;
}

    .cart_details_area .cart_details_inner .table thead tr th {
        border: none;
        color: #fff;
        text-transform: uppercase;
        font: bold 16px "Barlow", sans-serif;
        padding-top: 15.5px;
        padding-bottom: 15.5px;
    }

        .cart_details_area .cart_details_inner .table thead tr th:first-child {
            padding-left: 25px;
        }

        .cart_details_area .cart_details_inner .table thead tr th:nth-child(2) {
            padding-left: 35px;
        }

        .cart_details_area .cart_details_inner .table thead tr th:nth-child(3) {
            padding-left: 35px;
        }

        .cart_details_area .cart_details_inner .table thead tr th:nth-child(4) {
            padding-left: 35px;
        }

.cart_details_area .cart_details_inner .table tbody tr td {
    padding: 31px 0px 31px 0px;
    vertical-align: middle;
    border-color: #e5e5e5;
}

    .cart_details_area .cart_details_inner .table tbody tr td .media {
        padding-left: 25px;
    }

        .cart_details_area .cart_details_inner .table tbody tr td .media .d-flex {
            padding-right: 30px;
        }

        .cart_details_area .cart_details_inner .table tbody tr td .media .media-body {
            align-self: center;
        }

            .cart_details_area .cart_details_inner .table tbody tr td .media .media-body h4 {
                white-space: nowrap;
                font: 600 16px "Barlow", sans-serif;
                color: #34373b;
                margin-bottom: 8px;
            }

            .cart_details_area .cart_details_inner .table tbody tr td .media .media-body p {
                color: #777777;
                margin-bottom: 0px;
            }

    .cart_details_area .cart_details_inner .table tbody tr td .product_count {
        position: relative;
        display: inline-block;
        max-width: 60px;
        margin: auto;
        padding-left: 5px;
        vertical-align: middle;
    }

        .cart_details_area .cart_details_inner .table tbody tr td .product_count input {
            width: 60px;
            height: 30px;
            border: 1px solid #dfdfdf;
            padding-left: 18px;
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
            outline: none;
            box-shadow: none;
        }

            .cart_details_area .cart_details_inner .table tbody tr td .product_count input.placeholder {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

            .cart_details_area .cart_details_inner .table tbody tr td .product_count input:-moz-placeholder {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

            .cart_details_area .cart_details_inner .table tbody tr td .product_count input::-moz-placeholder {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

            .cart_details_area .cart_details_inner .table tbody tr td .product_count input::-webkit-input-placeholder {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

        .cart_details_area .cart_details_inner .table tbody tr td .product_count button {
            position: absolute;
            right: 7px;
            border: none;
            padding: 0px;
            background: transparent;
            font-size: 12px;
            color: #777777;
            line-height: 15px;
        }

        .cart_details_area .cart_details_inner .table tbody tr td .product_count .reduced {
            bottom: 3px;
        }

        .cart_details_area .cart_details_inner .table tbody tr td .product_count .increase {
            top: 3px;
        }

    .cart_details_area .cart_details_inner .table tbody tr td:nth-child(3) {
        text-align: center;
    }

    .cart_details_area .cart_details_inner .table tbody tr td.price {
        font: 600 16px "Barlow", sans-serif;
        color: #34373b;
        text-align: center;
        padding-left: 14px;
    }

        .cart_details_area .cart_details_inner .table tbody tr td.price i {
            margin-left: 30px;
            color: #777777;
            font-weight: normal;
            cursor: pointer;
            transition: color 0.2s linear;
        }

.cart_details_area .cart_details_inner .table tbody tr:nth-child(even) {
    background: #fcfcfc;
}

.cart_details_area .cart_details_inner .table tfoot .table_footer td {
    padding-left: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

    .cart_details_area .cart_details_inner .table tfoot .table_footer td .input-group {
        display: block;
        width: 290px;
    }

        .cart_details_area .cart_details_inner .table tfoot .table_footer td .input-group input {
            font-family: Arial, FontAwesome;
            width: 100%;
            border-radius: 0px;
            width: 290px;
            height: 50px;
            border: 1px dashed #adadad;
            outline: none;
            box-shadow: none;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 16px;
            color: #777777;
        }

            .cart_details_area .cart_details_inner .table tfoot .table_footer td .input-group input.placeholder {
                font-size: 16px;
                color: #777777;
            }

            .cart_details_area .cart_details_inner .table tfoot .table_footer td .input-group input:-moz-placeholder {
                font-size: 16px;
                color: #777777;
            }

            .cart_details_area .cart_details_inner .table tfoot .table_footer td .input-group input::-moz-placeholder {
                font-size: 16px;
                color: #777777;
            }

            .cart_details_area .cart_details_inner .table tfoot .table_footer td .input-group input::-webkit-input-placeholder {
                font-size: 16px;
                color: #777777;
            }

        .cart_details_area .cart_details_inner .table tfoot .table_footer td .input-group .input-group-append {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
        }

            .cart_details_area .cart_details_inner .table tfoot .table_footer td .input-group .input-group-append button {
                border: none;
                border-radius: 0px;
                padding: 0px;
                font-size: 16px;
                color: #777777;
                outline: none !important;
                box-shadow: none !important;
                background: transparent;
            }

    .cart_details_area .cart_details_inner .table tfoot .table_footer td:last-child {
        padding-right: 0px;
    }

        .cart_details_area .cart_details_inner .table tfoot .table_footer td:last-child .main_btn {
            position: relative;
            right: -18px;
            padding: 0px 30px;
            line-height: 48px;
            text-transform: uppercase;
            margin-left: -48px;
        }

            .cart_details_area .cart_details_inner .table tfoot .table_footer td:last-child .main_btn:hover {
                color: #fff;
            }

.cart_box {
    background: #f5f7f7;
    padding: 30px;
}

    .cart_box .cart_list_inner .list_itme {
        border-bottom: 1px solid #dddddd;
        padding: 23px 0px;
    }

        .cart_box .cart_list_inner .list_itme:first-child {
            padding-top: 0px;
        }

        .cart_box .cart_list_inner .list_itme .left {
            max-width: 130px;
            width: 100%;
        }

            .cart_box .cart_list_inner .list_itme .left h3 {
                color: #34373b;
                font: bold 16px "Barlow", sans-serif;
                text-transform: uppercase;
                margin-bottom: 0px;
            }

        .cart_box .cart_list_inner .list_itme .right h6 {
            margin-bottom: 0px;
            color: #34373b;
            font: 600 16px "Barlow", sans-serif;
        }

            .cart_box .cart_list_inner .list_itme .right h6.green {
                color: #0cc533;
            }

        .cart_box .cart_list_inner .list_itme .right .nice_select {
            width: 100%;
            border: 1px solid #e7e7e7;
            border-radius: 0px;
            height: 45px;
            margin-bottom: 10px;
            padding: 0px 14px;
            line-height: 44px;
        }

            .cart_box .cart_list_inner .list_itme .right .nice_select .current {
                color: #777777;
                font: normal 16px "Barlow", sans-serif;
            }

            .cart_box .cart_list_inner .list_itme .right .nice_select:after {
                content: "";
                font: normal normal normal 14px/1 FontAwesome;
                border: none;
                transform: rotate(0);
                right: 15px;
                margin-top: -8px;
            }

        .cart_box .cart_list_inner .list_itme .right .form-group:last-child {
            margin-bottom: 10px;
        }

        .cart_box .cart_list_inner .list_itme .right .form-group input {
            border-radius: 0px;
            height: 45px;
            border: 1px solid #e7e7e7;
            padding: 0px 15px;
            outline: none;
            box-shadow: none;
            color: #777777;
            font: normal 16px/44px "Barlow", sans-serif;
        }

            .cart_box .cart_list_inner .list_itme .right .form-group input.placeholder {
                color: #777777;
                font: normal 16px/44px "Barlow", sans-serif;
            }

            .cart_box .cart_list_inner .list_itme .right .form-group input:-moz-placeholder {
                color: #777777;
                font: normal 16px/44px "Barlow", sans-serif;
            }

            .cart_box .cart_list_inner .list_itme .right .form-group input::-moz-placeholder {
                color: #777777;
                font: normal 16px/44px "Barlow", sans-serif;
            }

            .cart_box .cart_list_inner .list_itme .right .form-group input::-webkit-input-placeholder {
                color: #777777;
                font: normal 16px/44px "Barlow", sans-serif;
            }

        .cart_box .cart_list_inner .list_itme .right .form-group .submit_btn {
            height: auto;
            background: #e6e8e8;
            border-color: #e6e8e8;
            border-radius: 0px;
            padding: 0px 0px;
            width: auto;
            color: #34373b;
            font: bold 16px/38px "Barlow", sans-serif;
            padding: 0px 22px;
        }

            .cart_box .cart_list_inner .list_itme .right .form-group .submit_btn:hover {
                color: #fff;
            }

        .cart_box .cart_list_inner .list_itme .right h5 {
            margin-bottom: 0px;
            font: bold 20px "Barlow", sans-serif;
            color: #34373b;
        }

        .cart_box .cart_list_inner .list_itme .submit_btn {
            height: auto;
            border-radius: 0px;
            font: bold 16px/48px "Barlow", sans-serif;
        }

        .cart_box .cart_list_inner .list_itme:last-child {
            border-bottom: 0px;
            padding-bottom: 0px;
        }

.shipping .form-group {
    margin-bottom: 12px;
}

.shipping .radio_group:checked,
.shipping .radio_group:not(:checked) {
    position: absolute;
    left: -9999px;
}

    .shipping .radio_group:checked + label,
    .shipping .radio_group:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        display: inline-block;
        color: #777777;
        font: normal 16px "Barlow", sans-serif;
        top: -3px;
    }

        .shipping .radio_group:checked + label:before,
        .shipping .radio_group:not(:checked) + label:before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px;
            width: 17px;
            height: 17px;
            border: 2px solid #bbbbbb;
            border-radius: 100%;
            background: transparent;
        }

        .shipping .radio_group:checked + label:after,
        .shipping .radio_group:not(:checked) + label:after {
            content: "";
            width: 9px;
            height: 9px;
            position: absolute;
            top: 6px;
            left: 4px;
            border-radius: 100%;
            transition: all 0.2s ease;
        }

        .shipping .radio_group:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        .shipping .radio_group:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }

    .shipping .radio_group:checked + label {
        color: #34373b;
    }

/* End Cart Details Area css
============================================================================================ */
/* Checkout Area css
============================================================================================ */
.billing_details_area .return_option {
    background: #f5f7f7;
    padding: 0px 15px;
    margin-bottom: 55px;
}

    .billing_details_area .return_option h4 {
        color: #34373b;
        font-family: "Barlow", sans-serif;
        font-weight: normal;
        text-transform: inherit;
        font-size: 16px;
        line-height: normal;
        padding: 15.5px 0px;
        margin-bottom: 0px;
    }

        .billing_details_area .return_option h4 i {
            color: #ff2a39;
            padding-right: 10px;
            position: relative;
            top: 1px;
        }

        .billing_details_area .return_option h4 a {
            color: #34373b;
            text-decoration: underline;
            font-weight: 500;
        }

.billing_details_area .main_title {
    margin-bottom: 30px;
}

    .billing_details_area .main_title h2 {
        margin-bottom: 0px;
        font: bold 24px "Barlow", sans-serif;
        color: #34373b;
    }

.billing_form .form-group {
    margin-bottom: 25px;
}

    .billing_form .form-group:last-child {
        margin-bottom: 0px;
    }

    .billing_form .form-group input {
        border-radius: 0px;
        box-shadow: none;
        height: 50px;
        border: 1px solid #e6e6e6;
        font-size: 16px;
        font-family: "Barlow", sans-serif;
        color: #34373b;
        padding: 0px 20px;
    }

        .billing_form .form-group input.placeholder {
            font-size: 16px;
            font-family: "Barlow", sans-serif;
            color: #bbbbbb;
        }

        .billing_form .form-group input:-moz-placeholder {
            font-size: 16px;
            font-family: "Barlow", sans-serif;
            color: #bbbbbb;
        }

        .billing_form .form-group input::-moz-placeholder {
            font-size: 16px;
            font-family: "Barlow", sans-serif;
            color: #bbbbbb;
        }

        .billing_form .form-group input::-webkit-input-placeholder {
            font-size: 16px;
            font-family: "Barlow", sans-serif;
            color: #bbbbbb;
        }

        .billing_form .form-group input + input {
            margin-top: 20px;
        }

        .billing_form .form-group input:focus {
            border-color: #34373b;
        }

    .billing_form .form-group label {
        display: block;
        margin-bottom: 3px;
        font: 500 16px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 10px;
    }

    .billing_form .form-group .nice_select {
        height: 50px;
        border-radius: 0px;
        width: 100%;
        padding: 0px 20px;
        margin: 0px;
        line-height: 52px;
    }

        .billing_form .form-group .nice_select .current {
            position: relative;
            top: -3px;
            color: #34373b;
            font-family: "Barlow", sans-serif;
            font-size: 15px;
        }

        .billing_form .form-group .nice_select:after {
            content: "";
            font: normal normal normal 14px/1 FontAwesome;
            border: none;
            transform: rotate(0);
            right: 15px;
            margin-top: -6px;
        }

        .billing_form .form-group .nice_select.open:after {
            content: "";
            margin-top: -7px;
        }

        .billing_form .form-group .nice_select .list {
            width: 100%;
            background: #fff;
            z-index: 10;
        }

    .billing_form .form-group textarea {
        resize: none;
        border-radius: 0px;
        box-shadow: none;
        height: 120px;
        border: 1px solid #e2e2e2;
        font-size: 15px;
        font-family: "Barlow", sans-serif;
        color: #c6c6c6;
        letter-spacing: 0.3px;
        padding: 15px 20px;
    }

        .billing_form .form-group textarea.placeholder {
            font-size: 15px;
            font-family: "Barlow", sans-serif;
            color: #c6c6c6;
            letter-spacing: 0.3px;
        }

        .billing_form .form-group textarea:-moz-placeholder {
            font-size: 15px;
            font-family: "Barlow", sans-serif;
            color: #c6c6c6;
            letter-spacing: 0.3px;
        }

        .billing_form .form-group textarea::-moz-placeholder {
            font-size: 15px;
            font-family: "Barlow", sans-serif;
            color: #c6c6c6;
            letter-spacing: 0.3px;
        }

        .billing_form .form-group textarea::-webkit-input-placeholder {
            font-size: 15px;
            font-family: "Barlow", sans-serif;
            color: #c6c6c6;
            letter-spacing: 0.3px;
        }

        .billing_form .form-group textarea:focus {
            border-color: #34373b;
        }

.billing_form .select_check .create_box label {
    color: #ff2a39;
    font: 500 16px "Barlow", sans-serif;
}

.billing_form .select_check .create_box input {
    border-radius: 0px;
    box-shadow: none;
    height: 50px;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    font-family: "Barlow", sans-serif;
    color: #34373b;
    padding: 0px 20px;
}

    .billing_form .select_check .create_box input.placeholder {
        font-size: 16px;
        font-family: "Barlow", sans-serif;
        color: #bbbbbb;
    }

    .billing_form .select_check .create_box input:-moz-placeholder {
        font-size: 16px;
        font-family: "Barlow", sans-serif;
        color: #bbbbbb;
    }

    .billing_form .select_check .create_box input::-moz-placeholder {
        font-size: 16px;
        font-family: "Barlow", sans-serif;
        color: #bbbbbb;
    }

    .billing_form .select_check .create_box input::-webkit-input-placeholder {
        font-size: 16px;
        font-family: "Barlow", sans-serif;
        color: #bbbbbb;
    }

    .billing_form .select_check .create_box input:focus {
        border-color: #34373b;
    }

.billing_form .select_check2 {
    margin-top: 35px;
    margin-bottom: 20px;
}

    .billing_form .select_check2 .creat_account label {
        color: #34373b;
        top: -24px;
        font: 500 16px "Barlow", sans-serif;
    }

/* SQUARED THREE */
.creat_account {
    width: 100%;
    margin: 0px auto;
    position: relative;
}

    .creat_account input {
        visibility: hidden;
    }

    .creat_account label {
        display: block;
        position: relative;
        font: 500 16px "Barlow", sans-serif;
        color: #34373b;
        padding: 0px 0px 0px 25px;
        height: 15px;
        margin: 0px;
        top: -24px;
        z-index: 9;
        cursor: pointer;
        -webkit-transition: all 0.25s linear;
        color: #34373b;
        font-size: 13px;
        font-family: "Barlow", sans-serif;
        font-weight: 500;
        letter-spacing: 0.25px;
        font-weight: 500;
        font-size: 15px;
    }

    .creat_account .check {
        display: block;
        position: absolute;
        border: 1px solid #b1b1b1;
        border-radius: 2px;
        background: transparent;
        height: 15px;
        width: 15px;
        top: 6px;
        border-radius: 0px;
        left: 0px;
        z-index: 5;
        transition: border 0.25s linear;
        -webkit-transition: border 0.25s linear;
        cursor: pointer;
    }

        .creat_account .check::before {
            display: block;
            position: absolute;
            content: "";
            border-radius: 100%;
            top: 1px;
            left: 1.5px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
            color: #fff;
            font: normal normal normal 18px/1 FontAwesome;
            opacity: 0;
            font-size: 10px;
        }

    .creat_account input[type=checkbox]:checked ~ .check::before {
        opacity: 1;
    }

.order_box_price .payment_list {
    background: #f5f7f7;
    padding: 30px;
}

    .order_box_price .payment_list .payment_list_item {
        border-bottom: 1px solid #dddddd;
        padding: 30px 0px;
    }

        .order_box_price .payment_list .payment_list_item:first-child {
            padding-top: 0px;
        }

        .order_box_price .payment_list .payment_list_item:last-child {
            padding-bottom: 0px;
            border: none;
        }

        .order_box_price .payment_list .payment_list_item .order_title {
            color: #34373b;
            margin-bottom: 0px;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 20px;
        }

    .order_box_price .payment_list .price_single_cost h5 {
        font: normal 16px "Barlow", sans-serif;
        text-transform: inherit;
        line-height: normal;
        margin-bottom: 18px;
        color: #34373b;
    }

        .order_box_price .payment_list .price_single_cost h5 span {
            float: right;
            text-transform: uppercase;
            font-family: "Barlow", sans-serif;
            font-weight: 600;
            font-size: 16px;
            color: #34373b;
        }

            .order_box_price .payment_list .price_single_cost h5 span.text_f {
                text-transform: inherit;
            }

        .order_box_price .payment_list .price_single_cost h5:last-child {
            margin-bottom: 0px;
        }

.order_box_price .count_part h5 {
    font: bold 16px "Barlow", sans-serif;
    text-transform: inherit;
    line-height: normal;
    margin-bottom: 25px;
    color: #34373b;
    text-transform: uppercase;
}

    .order_box_price .count_part h5 span {
        float: right;
        text-transform: uppercase;
        font-family: "Barlow", sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #34373b;
    }

        .order_box_price .count_part h5 span.green {
            color: #0cc533;
        }

    .order_box_price .count_part h5:last-child {
        margin-bottom: 0px;
    }

.order_box_price .total_count h4 {
    font: bold 16px "Barlow", sans-serif;
    text-transform: inherit;
    line-height: normal;
    color: #34373b;
    text-transform: uppercase;
    margin-bottom: 0px;
}

    .order_box_price .total_count h4 span {
        float: right;
        text-transform: uppercase;
        font-family: "Barlow", sans-serif;
        font-weight: bold;
        font-size: 20px;
        color: #34373b;
    }

.payment_accept p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 22px;
}

    .payment_accept p span {
        color: #ff2a39;
    }

.payment_accept .creat_account {
    margin-bottom: 25px;
}

    .payment_accept .creat_account label {
        color: #777777;
        font: normal 14px/18px "Barlow", sans-serif;
    }

        .payment_accept .creat_account label span {
            color: #ff2a39;
        }

.payment_accept .submit_btn {
    border-radius: 0px;
    width: 100%;
    line-height: 48px;
}

.payment_options .shipping p {
    padding-left: 28px;
    font: normal 14px "Barlow", sans-serif;
    margin-bottom: 20px;
}

.payment_options .shipping img {
    float: right;
    margin-top: 6px;
}

.payment_options .shipping .radio_group:checked + label,
.payment_options .shipping .radio_group:not(:checked) + label {
    font: normal 16px "Barlow", sans-serif;
}

    .payment_options .shipping .radio_group:checked + label:before,
    .payment_options .shipping .radio_group:not(:checked) + label:before {
        border: 1px solid #bbbbbb;
    }

.payment_options .shipping .radio_group:checked + label {
    color: #34373b;
    font-weight: 600;
}

/* End Checkout Area css
============================================================================================ */
/* Compare Product Area css
============================================================================================ */
.compare_car_area .compare_car_inner {
    position: relative;
    z-index: 1;
}

.compare_car_item {
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
    padding: 15px 15px;
    text-align: center;
}

    .compare_car_item .car_img {
        padding: 20px 0px;
    }

    .compare_car_item .compare_text h4 {
        color: #34373b;
        font: normal 20px "Barlow", sans-serif;
        margin-bottom: 25px;
    }

    .compare_car_item .compare_footer {
        display: flex;
        flex-wrap: wrap;
    }

        .compare_car_item .compare_footer .compare_cat {
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }

            .compare_car_item .compare_footer .compare_cat.active .nice_select {
                border-left: 1px solid #e8e8e8;
            }

                .compare_car_item .compare_footer .compare_cat.active .nice_select .current {
                    opacity: 1;
                }

                .compare_car_item .compare_footer .compare_cat.active .nice_select:after {
                    opacity: 1;
                }

        .compare_car_item .compare_footer .nice_select {
            float: none;
            width: 100%;
            border-radius: 0px;
            padding: 0px 15px;
            border-left: 0px;
        }

            .compare_car_item .compare_footer .nice_select .current {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
                opacity: 0.5;
            }

            .compare_car_item .compare_footer .nice_select:focus {
                border-color: #e8e8e8;
            }

            .compare_car_item .compare_footer .nice_select:after {
                content: "";
                font: normal normal normal 14px/1 FontAwesome;
                border: none;
                transform: rotate(0);
                right: 15px;
                margin-top: -8px;
                opacity: 0.5;
            }

    .compare_car_item .main_btn {
        position: absolute;
        left: 50%;
        top: 55%;
        transform: translate(-50%, -50%);
        z-index: 2;
        text-transform: uppercase;
        background: #fff;
        border-color: #fff;
        color: #34373b;
        line-height: 48px;
        padding: 0px 32px;
        opacity: 0;
        visibility: hidden;
        transition: all 400ms linear;
    }

        .compare_car_item .main_btn:hover {
            background: #ff2a39;
            color: #fff;
            border-color: #ff2a39;
        }

    .compare_car_item:hover:before {
        opacity: 1;
    }

    .compare_car_item:hover .main_btn {
        opacity: 1;
        top: 50%;
        visibility: visible;
    }

.compare_button {
    text-align: center;
    margin-top: 60px;
}

    .compare_button .main_btn {
        text-transform: uppercase;
        padding: 0px 29.5px;
    }

/* End Compare Product Area css
============================================================================================ */
/* Car Comparisom Area css
============================================================================================ */
.car_comparisom_area_two .car_comparisom_inner {
    box-shadow: 0px 10px 15px 0px rgba(19, 24, 131, 0.05);
    margin-bottom: 30px !important;
}

.car_comparisom_blank_item {
    padding: 30px;
    align-self: center;
    vertical-align: middle;
}

    .car_comparisom_blank_item h4 {
        font: bold 24px "Barlow", sans-serif;
        color: #34373b;
        padding-top: 80px;
        margin-bottom: 85px;
    }

    .car_comparisom_blank_item .creat_account {
        margin-bottom: 0px;
        bottom: -18px;
    }

        .car_comparisom_blank_item .creat_account label {
            color: #777777;
        }

.car_comparisom_item {
    text-align: center;
}

    .car_comparisom_item .comparisom_img img {
        width: 100%;
    }

    .car_comparisom_item .comparisom_text {
        padding: 20px;
        border-left: 1px solid #ececec;
    }

        .car_comparisom_item .comparisom_text h4 {
            color: #34373b;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 12px;
        }

            .car_comparisom_item .comparisom_text h4 i {
                color: #777777;
                font-size: 16px;
                padding-left: 7px;
            }

        .car_comparisom_item .comparisom_text h6 {
            font: bold 18px "Barlow", sans-serif;
            margin-bottom: 12px;
        }

        .car_comparisom_item .comparisom_text .nice_select {
            height: 50px;
            border-radius: 0px;
            padding: 0px 20px;
            margin: 0px;
            line-height: 52px;
            width: 100%;
            float: none;
        }

            .car_comparisom_item .comparisom_text .nice_select .current {
                position: relative;
                top: -3px;
                color: #777777;
                font-family: "Barlow", sans-serif;
                font-size: 16px;
            }

            .car_comparisom_item .comparisom_text .nice_select:after {
                content: "";
                font: normal normal normal 14px/1 FontAwesome;
                border: none;
                transform: rotate(0);
                right: 15px;
                color: #777777;
                margin-top: -6px;
            }

            .car_comparisom_item .comparisom_text .nice_select .list {
                width: 100%;
                background: #fff;
                z-index: 10;
            }

.over_view_collaps .accordion {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}

    .over_view_collaps .accordion .card {
        border: none;
        border-radius: 0px;
        margin-bottom: 5px;
    }

        .over_view_collaps .accordion .card:last-child {
            margin-bottom: 0px;
        }

        .over_view_collaps .accordion .card .card-header {
            padding: 0px;
            border: none;
            background: transparent;
            border-radius: 0px;
        }

            .over_view_collaps .accordion .card .card-header button {
                padding: 19px 30px;
                background: #f5f7f7;
                display: block;
                width: 100%;
                position: relative;
                text-align: left;
                border-radius: 0px;
                font: bold 18px "Barlow", sans-serif;
                color: #34373b;
                text-decoration: none;
                border: none;
            }

                .over_view_collaps .accordion .card .card-header button i {
                    position: absolute;
                    right: 20px;
                    top: 50%;
                    transform: translateY(-50%);
                    display: inline-block;
                }

                    .over_view_collaps .accordion .card .card-header button i + i {
                        display: none;
                    }

                .over_view_collaps .accordion .card .card-header button.collapsed i {
                    display: none;
                }

                    .over_view_collaps .accordion .card .card-header button.collapsed i + i {
                        display: inline-block;
                    }

        .over_view_collaps .accordion .card .card-body {
            padding: 0px;
        }

.over_view_list_inner .over_view_list_item:nth-child(even) {
    background: #fafafa;
}

.over_view_list_inner .over_view_list_item .col-lg-3 {
    border-left: 1px solid #ececec;
}

    .over_view_list_inner .over_view_list_item .col-lg-3:first-child {
        border: none;
    }

.over_view_list_inner .over_view_list_item .title_part {
    padding: 16px 30px;
}

    .over_view_list_inner .over_view_list_item .title_part h4 {
        color: #34373b;
        font: bold 16px/26px "Barlow", sans-serif;
        margin-bottom: 0px;
    }

.over_view_list_inner .over_view_list_item .details_part {
    padding: 16px 30px;
}

    .over_view_list_inner .over_view_list_item .details_part p {
        margin-bottom: 0px;
    }

    .over_view_list_inner .over_view_list_item .details_part .nav li {
        margin-right: 5px;
    }

        .over_view_list_inner .over_view_list_item .details_part .nav li a {
            height: 22px;
            width: 22px;
            border-radius: 50%;
            background: #852f25;
            display: inline-block;
        }

        .over_view_list_inner .over_view_list_item .details_part .nav li:nth-child(2) a {
            background: #5b67ff;
        }

        .over_view_list_inner .over_view_list_item .details_part .nav li:nth-child(3) a {
            background: #d1dbe7;
        }

        .over_view_list_inner .over_view_list_item .details_part .nav li:nth-child(4) a {
            background: #212226;
        }

        .over_view_list_inner .over_view_list_item .details_part .nav li:nth-child(5) a {
            background: #f1d1b1;
        }

        .over_view_list_inner .over_view_list_item .details_part .nav li:last-child {
            margin-right: 0px;
        }

            .over_view_list_inner .over_view_list_item .details_part .nav li:last-child a {
                background: #258542;
            }

/* End Car Comparisom Area css
============================================================================================ */
/* Procut Details Area css
============================================================================================ */
.product_details_left .price_title {
    border-bottom: 1px solid #e5e5e5;
}

    .product_details_left .price_title .left {
        display: flex;
        align-items: center;
    }

        .product_details_left .price_title .left h3 {
            color: #34373b;
            font: bold 36px "Barlow", sans-serif;
            margin-bottom: 20px;
            padding-right: 14px;
        }

        .product_details_left .price_title .left .review_link {
            font-size: 14px;
            color: #777777;
            margin-left: 10px;
            margin-bottom: 15px;
        }

    .product_details_left .price_title .right h4 {
        font: bold 36px "Barlow", sans-serif;
        margin-bottom: 0px;
    }

.product_details_left .product_info {
    padding: 18px 0px;
}

    .product_details_left .product_info a {
        background: #f5f7f7;
        display: inline-block;
        padding: 0px 13px;
        font: normal 16px/40px "Barlow", sans-serif;
        color: #777777;
        margin-right: 21.5px;
    }

        .product_details_left .product_info a:last-child {
            margin-right: 0px;
        }

        .product_details_left .product_info a i {
            padding-right: 10px;
            font-size: 14px;
        }

        .product_details_left .product_info a:hover {
            color: #fff;
        }

.product_d_slider .product_main_slider .item {
    display: block !important;
}

.product_d_slider .product_nav_slider {
    padding-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
}

    .product_d_slider .product_nav_slider .item {
        display: block !important;
        padding: 0px 10px;
    }

        .product_d_slider .product_nav_slider .item .img_inner {
            position: relative;
            cursor: pointer;
        }

            .product_d_slider .product_nav_slider .item .img_inner:before {
                content: "";
                background: rgba(0, 0, 0, 0.5);
                position: absolute;
                left: 0px;
                top: 0px;
                height: 100%;
                width: 100%;
                opacity: 0;
                transition: all 300ms linear 0s;
            }

        .product_d_slider .product_nav_slider .item img {
            width: 100%;
        }

        .product_d_slider .product_nav_slider .item.slick-current .img_inner:before {
            opacity: 1;
        }

.product_overview_text {
    margin-top: 70px;
}

    .product_overview_text h4 {
        color: #34373b;
        font: bold 36px "Barlow", sans-serif;
        margin-bottom: 16px;
    }

    .product_overview_text p {
        margin-bottom: 25px;
    }

    .product_overview_text .nav li {
        margin-bottom: 10px;
        position: relative;
        padding-left: 25px;
        color: #777777;
        display: block;
        cursor: auto;
    }

        .product_overview_text .nav li img {
            position: absolute;
            left: 0px;
            top: 5px;
        }

        .product_overview_text .nav li:last-child {
            margin-bottom: 0px;
        }

.specification_area {
    margin-top: 60px;
}

    .specification_area .single_b_title {
        margin-bottom: 35px;
    }

        .specification_area .single_b_title h3 {
            margin-bottom: 0px;
            font-size: 36px;
        }

    .specification_area .left_spec {
        margin-right: 30px;
        height: 100%;
    }

        .specification_area .left_spec .nav {
            border: none;
            background: #f5f7f7;
            height: 100%;
            padding-top: 25px;
            padding-bottom: 25px;
        }

            .specification_area .left_spec .nav a {
                border: none;
                background: #f5f7f7;
                display: block;
                font: normal 16px/60px "Barlow", sans-serif;
                padding: 0px;
                color: #777777;
                padding: 0px 30px;
                border-radius: 0px;
                position: relative;
            }

                .specification_area .left_spec .nav a:before {
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 30px 0 30px 20px;
                    border-color: transparent transparent transparent transparent;
                    position: absolute;
                    right: -20px;
                    top: 0px;
                    opacity: 0;
                    transition: all 300ms linear 0s;
                }

                .specification_area .left_spec .nav a:hover, .specification_area .left_spec .nav a.active {
                    color: #fff;
                }

                    .specification_area .left_spec .nav a:hover:before, .specification_area .left_spec .nav a.active:before {
                        opacity: 1;
                    }

    .specification_area .right_spec {
        margin-left: -30px;
    }

        .specification_area .right_spec .tab-pane {
            padding: 0px;
        }

            .specification_area .right_spec .tab-pane .spec_information {
                max-height: 975px;
                background: #fff;
                box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
                padding: 30px;
            }

                .specification_area .right_spec .tab-pane .spec_information h4 {
                    color: #34373b;
                    font: bold 20px "Barlow", sans-serif;
                }

                .specification_area .right_spec .tab-pane .spec_information .nav li {
                    border-bottom: 1px solid #dddddd;
                    line-height: 60px;
                }

                    .specification_area .right_spec .tab-pane .spec_information .nav li span {
                        float: right;
                        display: inline-block;
                        font: 600 16px/60px "Barlow", sans-serif;
                        color: #34373b;
                    }

                    .specification_area .right_spec .tab-pane .spec_information .nav li img {
                        float: right;
                        margin-top: 22px;
                    }

                    .specification_area .right_spec .tab-pane .spec_information .nav li:last-child {
                        border-bottom: 0px;
                    }

.related_cars_area .related_cars_inner {
    margin-bottom: -30px;
}

.product_list_right .main_btn {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 58px;
}

    .product_list_right .main_btn + .main_btn {
        background: #34373b;
        border-color: #34373b;
    }

        .product_list_right .main_btn + .main_btn:hover {
            color: #fff;
        }

.product_list_right .nav {
    background: #f5f7f7;
    padding: 0px 30px;
    padding-top: 3px;
}

    .product_list_right .nav li a {
        line-height: 60px;
        display: block;
        border-bottom: 1px solid #dddddd;
        color: #777777;
        cursor: auto;
    }

        .product_list_right .nav li a span {
            float: right;
            color: #34373b;
            font-weight: bold;
        }

            .product_list_right .nav li a span.color {
                height: 23px;
                width: 23px;
                background: #ff2a39;
                border-radius: 50%;
                margin-top: 19px;
            }

        .product_list_right .nav li a i {
            padding-right: 10px;
        }

    .product_list_right .nav li:last-child a {
        border: none;
    }

/* End Procut Details Area css
============================================================================================ */
/* Product List Area css
============================================================================================ */
.main_product_inner .pagination.justify-content-center {
    margin-top: 60px;
}

.p_search_widget input {
    width: 100%;
    background: #252525;
    border: none;
    box-shadow: none;
    outline: none;
    height: 60px;
    padding: 0px 20px;
    font: bold 20px/60px "Barlow", sans-serif;
    color: #fff;
}

    .p_search_widget input.placeholder {
        font: bold 20px/60px "Barlow", sans-serif;
        color: #fff;
    }

    .p_search_widget input:-moz-placeholder {
        font: bold 20px/60px "Barlow", sans-serif;
        color: #fff;
    }

    .p_search_widget input::-moz-placeholder {
        font: bold 20px/60px "Barlow", sans-serif;
        color: #fff;
    }

    .p_search_widget input::-webkit-input-placeholder {
        font: bold 20px/60px "Barlow", sans-serif;
        color: #fff;
    }

.left_product_sidebar {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
}

    .left_product_sidebar .accordion .card {
        border: none;
        border-radius: 0px;
        border-bottom: 1px solid #e5e5e5 !important;
        padding: 0px 20px;
    }

        .left_product_sidebar .accordion .card:last-child {
            border: none !important;
        }

        .left_product_sidebar .accordion .card .card-header {
            border: none;
            padding: 0px;
            background: transparent;
        }

            .left_product_sidebar .accordion .card .card-header button {
                text-decoration: none;
                font: bold 20px "Barlow", sans-serif;
                background: transparent;
                display: block;
                padding: 26px 0px;
                position: relative;
                display: block;
                width: 100%;
                text-align: left;
            }

                .left_product_sidebar .accordion .card .card-header button i {
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    transform: translateY(-50%);
                    display: none;
                }

                    .left_product_sidebar .accordion .card .card-header button i + i {
                        display: inline-block;
                    }

                .left_product_sidebar .accordion .card .card-header button.collapsed {
                    color: #34373b;
                }

                    .left_product_sidebar .accordion .card .card-header button.collapsed i {
                        display: inline-block;
                    }

                        .left_product_sidebar .accordion .card .card-header button.collapsed i + i {
                            display: none;
                        }

        .left_product_sidebar .accordion .card .card-body {
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 30px;
        }

            .left_product_sidebar .accordion .card .card-body .wd_scroll {
                max-height: 216px;
                display: block;
                overflow-y: scroll;
                margin-right: -40px;
                padding-right: 25px;
            }

                .left_product_sidebar .accordion .card .card-body .wd_scroll li {
                    width: 100%;
                    margin-bottom: 17px;
                }

                    .left_product_sidebar .accordion .card .card-body .wd_scroll li .creat_account {
                        height: 22px;
                    }

                        .left_product_sidebar .accordion .card .card-body .wd_scroll li .creat_account label span {
                            color: #777777;
                        }

                    .left_product_sidebar .accordion .card .card-body .wd_scroll li:last-child {
                        margin-bottom: 0px;
                    }

            .left_product_sidebar .accordion .card .card-body .mCSB_draggerRail {
                background: #e8e8e8;
                width: 3px;
                border-radius: 0px;
            }

            .left_product_sidebar .accordion .card .card-body .mCSB_dragger_bar {
                border-radius: 0px;
                width: 3px;
            }

            .left_product_sidebar .accordion .card .card-body .car_body {
                margin-bottom: -18px;
            }

            .left_product_sidebar .accordion .card .card-body .type_item {
                text-align: center;
                margin-bottom: 18px;
            }

                .left_product_sidebar .accordion .card .card-body .type_item .image {
                    line-height: 36px;
                    margin-bottom: 8px;
                }

                    .left_product_sidebar .accordion .card .card-body .type_item .image img {
                        display: inline-block;
                    }

                .left_product_sidebar .accordion .card .card-body .type_item h4 {
                    font: normal 16px "Barlow", sans-serif;
                    color: #34373b;
                    transition: all 300ms linear 0s;
                    margin-bottom: 0px;
                }

                    .left_product_sidebar .accordion .card .card-body .type_item h4 span {
                        color: #777777;
                        transition: all 300ms linear 0s;
                    }

                    .left_product_sidebar .accordion .card .card-body .type_item h4:hover {
                        color: #ff2a39;
                    }

                        .left_product_sidebar .accordion .card .card-body .type_item h4:hover span {
                            color: #ff2a39;
                        }

            .left_product_sidebar .accordion .card .card-body .color_widget {
                margin-bottom: -12px;
            }

                .left_product_sidebar .accordion .card .card-body .color_widget li {
                    margin-right: 6px;
                    margin-bottom: 12px;
                }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:last-child {
                        margin-right: 0px;
                    }

                        .left_product_sidebar .accordion .card .card-body .color_widget li:last-child a {
                            background: #fff;
                            border: 1px solid #ebebeb;
                        }

                    .left_product_sidebar .accordion .card .card-body .color_widget li a {
                        display: inline-block;
                        height: 22px;
                        width: 22px;
                        border-radius: 50%;
                        background: #852f25;
                        position: relative;
                    }

                        .left_product_sidebar .accordion .card .card-body .color_widget li a:before {
                            content: "";
                            font-family: "themify";
                            color: #fff;
                            position: absolute;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            top: 52%;
                            font-size: 10px;
                            opacity: 0;
                        }

                    .left_product_sidebar .accordion .card .card-body .color_widget li.active a:before {
                        opacity: 1;
                    }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:nth-child(2) a {
                        background: #5b67ff;
                    }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:nth-child(3) a {
                        background: #d1dbe7;
                    }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:nth-child(4) a {
                        background: #212226;
                    }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:nth-child(5) a {
                        background: #f1d1b1;
                    }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:nth-child(6) a {
                        background: #258542;
                    }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:nth-child(7) a {
                        background: #eca826;
                    }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:nth-child(8) a {
                        background: #ff1b46;
                    }

                    .left_product_sidebar .accordion .card .card-body .color_widget li:nth-child(9) a {
                        background: #ff5bc3;
                    }

.price_wd_inner {
    overflow: hidden;
}

    .price_wd_inner .ui-slider {
        border-radius: 0px;
        border: none;
        height: 2px;
        background: #e8e8e8;
        margin-top: 10px;
    }

        .price_wd_inner .ui-slider .ui-slider-handle {
            border: none;
            height: 20px;
            width: 20px;
            border: 3px solid #fff;
            border-radius: 50%;
            box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
            background: #f75d34;
            top: -10px;
            margin-left: -2px;
            outline: none !important;
            cursor: pointer;
        }

        .price_wd_inner .ui-slider .ui-slider-range {
            background: #f75d34;
        }

    .price_wd_inner label {
        display: inline-block;
        float: left;
        font: 600 16px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 0px;
        margin-top: 20px;
        overflow: hidden;
    }

    .price_wd_inner input {
        display: inline-block;
        width: 135px;
        text-align: left;
        overflow: hidden;
        border: none;
        outline: none;
        font: normal 16px "Barlow", sans-serif;
        color: #777777;
        padding-top: 20px;
        padding-left: 5px;
    }

        .price_wd_inner input.placeholder {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

        .price_wd_inner input:-moz-placeholder {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

        .price_wd_inner input::-moz-placeholder {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

        .price_wd_inner input::-webkit-input-placeholder {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

.product_grid_inner {
    margin-bottom: -30px;
}

.car_found {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px;
}

    .car_found .left h4 {
        color: #34373b;
        margin-bottom: 0px;
        margin-top: 12px;
    }

    .car_found .right .grid {
        display: inline-block;
    }

        .car_found .right .grid a {
            color: #777777;
            font-size: 16px;
            margin-right: 17px;
        }

            .car_found .right .grid a.active {
                color: #ff2a39;
            }

    .car_found .right .price_filter {
        display: inline-block;
        position: relative;
    }

        .car_found .right .price_filter h5 {
            display: inline-block;
            margin-bottom: 0px;
            position: absolute;
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            font: 500 16px "Barlow", sans-serif;
            color: #34373b;
        }

        .car_found .right .price_filter .nice_select {
            float: none;
            border-radius: 0px;
            display: inline-block;
            padding-left: 72px;
            height: 40px;
            width: 300px;
        }

            .car_found .right .price_filter .nice_select .current {
                font: normal 16px/40px "Barlow", sans-serif;
                color: #777777;
            }

            .car_found .right .price_filter .nice_select:after {
                content: "";
                font-family: "icomoon" !important;
                border: none;
                transform: rotate(0);
                font-size: 16px;
                margin-top: -18px;
                right: 20px;
            }

            .car_found .right .price_filter .nice_select .list {
                border-radius: 0px;
                width: 100%;
            }

.clear_filter {
    padding: 20px 0px 30px 0px;
}

    .clear_filter .tags_f {
        display: inline-block;
    }

        .clear_filter .tags_f a {
            border: 1px solid #ececec;
            color: #777777;
            font: normal 14px/34px "Barlow", sans-serif;
            display: inline-block;
            padding: 0px 15px;
        }

            .clear_filter .tags_f a i {
                font-size: 10px;
                font-weight: bold;
                padding-left: 12px;
            }

            .clear_filter .tags_f a:hover {
                background: #ff2a39;
                color: #fff;
                border-color: #ff2a39;
            }

    .clear_filter .clear {
        text-decoration: underline;
        margin-left: 15px;
    }

.product_list_item {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
    position: relative;
}

    .product_list_item:last-child {
        margin-bottom: 0px;
    }

    .product_list_item .d-flex {
        padding-right: 30px;
    }

        .product_list_item .d-flex a {
            display: inline-block;
            overflow: hidden;
        }

            .product_list_item .d-flex a img {
                transition: all 300ms ease;
            }

    .product_list_item .media-body {
        align-self: center;
    }

        .product_list_item .media-body h4 {
            color: #34373b;
            font: bold 20px "Barlow", sans-serif;
            margin-bottom: 18px;
            transition: all 300ms linear 0s;
        }

        .product_list_item .media-body h6 {
            color: #777777;
            font: normal 16px "Barlow", sans-serif;
            margin-bottom: 25px;
        }

            .product_list_item .media-body h6 span {
                font: bold 20px "Barlow", sans-serif;
                position: relative;
                top: 3px;
            }

        .product_list_item .media-body .pro_type {
            margin-bottom: 10px;
        }

            .product_list_item .media-body .pro_type p {
                display: inline-block;
                margin-right: 40px;
                margin-bottom: 0px;
            }

                .product_list_item .media-body .pro_type p:last-child {
                    margin-right: 0px;
                }

                .product_list_item .media-body .pro_type p b {
                    font-weight: 500;
                    color: #34373b;
                }

        .product_list_item .media-body .pro_op a {
            color: #777777;
            margin-right: 46px;
            cursor: auto;
        }

            .product_list_item .media-body .pro_op a:last-child {
                margin-right: 0px;
            }

            .product_list_item .media-body .pro_op a i {
                color: #9d9d9d;
                padding-right: 5px;
            }

        .product_list_item .media-body .main_btn {
            position: absolute;
            right: 30px;
            top: 20px;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 14px;
            padding: 0px 18px;
        }

    .product_list_item:hover .d-flex a img {
        transform: scale(1.1);
    }

/* End Product List Area css
============================================================================================ */
/* Cart Sidebar Area css
============================================================================================ */
.cart_open .cart_sidebar {
    opacity: 1;
    visibility: visible;
}

    .cart_open .cart_sidebar .cart_sidebar_inner {
        right: 0px;
        opacity: 1;
    }

.cart_sidebar {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 40;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms linear 0s;
}

    .cart_sidebar .cart_sidebar_inner {
        width: 405px;
        background: #fff;
        height: 100%;
        position: absolute;
        right: -410px;
        top: 0px;
        opacity: 0;
        transition: all 500ms linear;
    }

        .cart_sidebar .cart_sidebar_inner .sidebar_top .top_bar {
            border-bottom: 1px solid #e5e5e5;
            padding: 27px 20px;
        }

            .cart_sidebar .cart_sidebar_inner .sidebar_top .top_bar h3 {
                font: bold 24px "Barlow", sans-serif;
                color: #34373b;
                margin-bottom: 0px;
            }

            .cart_sidebar .cart_sidebar_inner .sidebar_top .top_bar p {
                color: #34373b;
                margin-bottom: 0px;
                cursor: pointer;
                transition: all 300ms linear 0s;
            }

                .cart_sidebar .cart_sidebar_inner .sidebar_top .top_bar p i {
                    color: #34373b;
                }

                .cart_sidebar .cart_sidebar_inner .sidebar_top .top_bar p:hover {
                    color: #ff2a39;
                }

                    .cart_sidebar .cart_sidebar_inner .sidebar_top .top_bar p:hover i {
                        color: #ff2a39;
                    }

        .cart_sidebar .cart_sidebar_inner .sidebar_top .cart_side_list .media {
            border-bottom: 1px solid #e5e5e5;
            padding: 20px 20px;
        }

            .cart_sidebar .cart_sidebar_inner .sidebar_top .cart_side_list .media .d-flex {
                padding-right: 18px;
            }

            .cart_sidebar .cart_sidebar_inner .sidebar_top .cart_side_list .media .media-body {
                position: relative;
                align-self: center;
            }

                .cart_sidebar .cart_sidebar_inner .sidebar_top .cart_side_list .media .media-body h4 {
                    font: 600 16px "Barlow", sans-serif;
                    color: #34373b;
                    margin-bottom: 10px;
                }

                .cart_sidebar .cart_sidebar_inner .sidebar_top .cart_side_list .media .media-body p {
                    font: normal 16px "Barlow", sans-serif;
                    color: #777777;
                    margin-bottom: 0px;
                }

                    .cart_sidebar .cart_sidebar_inner .sidebar_top .cart_side_list .media .media-body p span {
                        font-weight: 600;
                        color: #ff2a39;
                    }

                .cart_sidebar .cart_sidebar_inner .sidebar_top .cart_side_list .media .media-body i {
                    position: absolute;
                    right: 0px;
                    top: 5px;
                    font-weight: bold;
                    color: #777777;
                    font-size: 12px;
                    cursor: pointer;
                    transition: all 300ms linear 0s;
                }

                    .cart_sidebar .cart_sidebar_inner .sidebar_top .cart_side_list .media .media-body i:hover {
                        color: #ff2a39;
                    }

        .cart_sidebar .cart_sidebar_inner .sidebar_bottom {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            text-align: center;
            padding-left: 20px;
            padding-right: 20px;
            border-top: 1px solid #e5e5e5;
            padding-top: 30px;
            padding-bottom: 30px;
        }

            .cart_sidebar .cart_sidebar_inner .sidebar_bottom h5 {
                text-align: left;
                display: inline-block;
                overflow: hidden;
                float: left;
                font: bold 16px "Barlow", sans-serif;
                text-transform: uppercase;
                color: #34373b;
            }

            .cart_sidebar .cart_sidebar_inner .sidebar_bottom h6 {
                display: inline-block;
                overflow: hidden;
                float: right;
                font: bold 20px "Barlow", sans-serif;
                text-transform: uppercase;
                color: #ff2a39;
                margin-bottom: 22px;
            }

            .cart_sidebar .cart_sidebar_inner .sidebar_bottom .main_btn.border {
                width: 100%;
                overflow: hidden;
                border-color: #e1e1e1 !important;
                text-transform: uppercase;
                font: bold 16px/48px "Barlow", sans-serif;
            }

                .cart_sidebar .cart_sidebar_inner .sidebar_bottom .main_btn.border + .main_btn {
                    display: block;
                    font: bold 16px/48px "Barlow", sans-serif;
                    text-transform: uppercase;
                }

    .cart_sidebar.green .cart_sidebar_inner .sidebar_top .top_bar p:hover {
        color: #0cc533;
    }

        .cart_sidebar.green .cart_sidebar_inner .sidebar_top .top_bar p:hover i {
            color: #0cc533;
        }

    .cart_sidebar.green .cart_sidebar_inner .cart_side_list .media .media-body p span {
        color: #0cc533;
    }

    .cart_sidebar.green .cart_sidebar_inner .cart_side_list .media .media-body i:hover {
        color: #0cc533;
    }

    .cart_sidebar.green .cart_sidebar_inner .sidebar_bottom h6 {
        color: #0cc533;
    }

    .cart_sidebar.green .cart_sidebar_inner .sidebar_bottom .main_btn.green.border {
        color: #0cc533;
        transition: all 300ms linear 0s;
    }

        .cart_sidebar.green .cart_sidebar_inner .sidebar_bottom .main_btn.green.border:hover {
            background: #0cc533;
            color: #fff;
            border-color: #0cc533;
        }

    .cart_sidebar.orange .cart_sidebar_inner .sidebar_top .top_bar p:hover {
        color: #f75d34;
    }

        .cart_sidebar.orange .cart_sidebar_inner .sidebar_top .top_bar p:hover i {
            color: #f75d34;
        }

    .cart_sidebar.orange .cart_sidebar_inner .cart_side_list .media .media-body p span {
        color: #f75d34;
    }

    .cart_sidebar.orange .cart_sidebar_inner .cart_side_list .media .media-body i:hover {
        color: #f75d34;
    }

    .cart_sidebar.orange .cart_sidebar_inner .sidebar_bottom h6 {
        color: #f75d34;
    }

    .cart_sidebar.orange .cart_sidebar_inner .sidebar_bottom .main_btn.green.border {
        color: #f75d34;
        transition: all 300ms linear 0s;
    }

        .cart_sidebar.orange .cart_sidebar_inner .sidebar_bottom .main_btn.green.border:hover {
            background: #f75d34;
            color: #fff;
            border-color: #f75d34;
        }

    .cart_sidebar.red2 .cart_sidebar_inner .sidebar_top .top_bar p:hover {
        color: #ea2626;
    }

        .cart_sidebar.red2 .cart_sidebar_inner .sidebar_top .top_bar p:hover i {
            color: #ea2626;
        }

    .cart_sidebar.red2 .cart_sidebar_inner .cart_side_list .media .media-body p span {
        color: #ea2626;
    }

    .cart_sidebar.red2 .cart_sidebar_inner .cart_side_list .media .media-body i:hover {
        color: #ea2626;
    }

    .cart_sidebar.red2 .cart_sidebar_inner .sidebar_bottom h6 {
        color: #ea2626;
    }

    .cart_sidebar.red2 .cart_sidebar_inner .sidebar_bottom .main_btn.green.border {
        color: #ea2626;
        transition: all 300ms linear 0s;
    }

        .cart_sidebar.red2 .cart_sidebar_inner .sidebar_bottom .main_btn.green.border:hover {
            background: #ea2626;
            color: #fff;
            border-color: #ea2626;
        }

    .cart_sidebar.per .cart_sidebar_inner .sidebar_top .top_bar p:hover {
        color: #ff575d;
    }

        .cart_sidebar.per .cart_sidebar_inner .sidebar_top .top_bar p:hover i {
            color: #ff575d;
        }

    .cart_sidebar.per .cart_sidebar_inner .cart_side_list .media .media-body p span {
        color: #ff575d;
    }

    .cart_sidebar.per .cart_sidebar_inner .cart_side_list .media .media-body i:hover {
        color: #ff575d;
    }

    .cart_sidebar.per .cart_sidebar_inner .sidebar_bottom h6 {
        color: #ff575d;
    }

    .cart_sidebar.per .cart_sidebar_inner .sidebar_bottom .main_btn.green.border {
        color: #ff575d;
        transition: all 300ms linear 0s;
    }

        .cart_sidebar.per .cart_sidebar_inner .sidebar_bottom .main_btn.green.border:hover {
            background: #ff575d;
            color: #fff;
            border-color: #ff575d;
        }

/* End Cart Sidebar Area css
============================================================================================ */
/*============ pr_review css ==============*/
.pr_review {
    padding-top: 70px;
}

    .pr_review .single_b_title {
        margin-bottom: 32px;
    }

.pr_rate {
    background: #f5f7f7;
    padding: 40px;
}

    .pr_rate .media-left {
        border-right: 1px solid #dcdede;
        padding-right: 30px;
    }

        .pr_rate .media-left span {
            font-size: 44px;
            color: #34373b;
            font-weight: 700;
            margin-bottom: 10px;
            display: inline-block;
        }

            .pr_rate .media-left span i {
                color: #f6cc38;
                font-size: 30px;
                vertical-align: top;
                padding-left: 5px;
            }

        .pr_rate .media-left p {
            font-size: 16px;
            color: #777777;
            line-height: 24px;
            margin-bottom: 0;
        }

            .pr_rate .media-left p a {
                font-weight: 600;
                position: relative;
            }

                .pr_rate .media-left p a:before {
                    content: "";
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }

    .pr_rate .media-body {
        padding-left: 30px;
        display: flex;
        align-items: flex-start;
    }

        .pr_rate .media-body .text {
            flex: 1;
            padding-right: 80px;
        }

        .pr_rate .media-body h3 {
            color: #34373b;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .pr_rate .media-body p {
            font-size: 16px;
            line-height: 28px;
            color: #777777;
            margin-bottom: 0;
        }

        .pr_rate .media-body .main_btn {
            text-transform: uppercase;
            line-height: 43px;
        }

.pr_review_info {
    background-color: white;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
    padding: 0px 40px;
    margin-top: 40px;
}

.star-rating {
    color: #f6cc38;
}

    .star-rating:before {
        content: "";
        font-family: FontAwesome;
        font-size: 14px;
        letter-spacing: 4px;
    }

.pr_review_item {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 35px;
    padding-top: 35px;
}

    .pr_review_item h5 {
        font-size: 16px;
        font-weight: 600;
        color: #34373b;
    }

    .pr_review_item a {
        color: #ff2a39;
        font-weight: 600;
    }

    .pr_review_item .review_author {
        font-size: 14px;
        font-weight: 600;
        color: #34373b;
        margin-bottom: 0;
        padding-top: 5px;
    }

    .pr_review_item .post_date {
        font-size: 14px;
        font-weight: 400;
    }

    .pr_review_item .like {
        font-size: 14px;
        color: #777777;
        vertical-align: middle;
        margin-top: 20px;
        display: inline-block;
    }

        .pr_review_item .like i {
            font-size: 20px;
        }

.pr_footer {
    padding-top: 40px;
    padding-bottom: 30px;
}

    .pr_footer ul {
        margin-bottom: 10px;
    }

        .pr_footer ul li {
            display: inline-block;
        }

            .pr_footer ul li .page-numbers {
                font-size: 16px;
                color: #bdbebf;
                border: 1px solid #bdbebf;
                text-align: center;
                border-radius: 2px;
                line-height: 42px;
                display: inline-block;
                padding: 0px 12px;
            }

                .pr_footer ul li .page-numbers.current, .pr_footer ul li .page-numbers:hover {
                    border-color: #24272c;
                    color: #24272c;
                }

            .pr_footer ul li + li {
                margin-left: 5px;
            }

    .pr_footer p {
        margin-bottom: 0;
        font-size: 14px;
        color: #777777;
    }

    .pr_footer .main_btn {
        text-transform: uppercase;
    }

.main_contact_inner.trade_container {
    max-width: 1110px;
    padding: 0px;
    background: #fff;
}

    .main_contact_inner.trade_container .nav-tabs {
        border: 0px;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
        margin-bottom: 60px;
    }

        .main_contact_inner.trade_container .nav-tabs .nav-item {
            width: calc(100% / 3);
            text-align: center;
        }

            .main_contact_inner.trade_container .nav-tabs .nav-item .nav-link {
                font-size: 18px;
                text-transform: uppercase;
                font-weight: 700;
                border: 0px;
                border-radius: 0px;
                color: #34373b;
                padding: 21px 30px;
                position: relative;
                transition: all 0.2s linear;
            }

                .main_contact_inner.trade_container .nav-tabs .nav-item .nav-link:before {
                    content: "";
                    width: 100%;
                    height: 2px;
                    background: #ff2a39;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    opacity: 0;
                    transition: all 0.2s linear;
                }

                .main_contact_inner.trade_container .nav-tabs .nav-item .nav-link.active, .main_contact_inner.trade_container .nav-tabs .nav-item .nav-link:hover {
                    color: #ff2a39;
                }

                    .main_contact_inner.trade_container .nav-tabs .nav-item .nav-link.active:before, .main_contact_inner.trade_container .nav-tabs .nav-item .nav-link:hover:before {
                        opacity: 1;
                    }

    .main_contact_inner.trade_container .form_trade {
        padding: 0px 65px 60px;
    }

        .main_contact_inner.trade_container .form_trade .submit_btn {
            line-height: 48px;
            height: 50px;
            display: block;
            margin-top: 30px;
        }

        .main_contact_inner.trade_container .form_trade .file-input {
            display: block;
            border: 2px dotted #ded9ed;
            background-color: #f5f7f7;
            padding: 20px 30px;
            width: 100%;
            position: relative;
            color: #777;
            font-size: 15px;
        }

            .main_contact_inner.trade_container .form_trade .file-input p {
                margin-bottom: 40px;
            }

            .main_contact_inner.trade_container .form_trade .file-input > [type=file] {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 10;
                cursor: pointer;
            }

            .main_contact_inner.trade_container .form_trade .file-input > .button {
                cursor: pointer;
                background: #eee;
                border: 1px solid #e0e0e0;
                border-radius: 2px;
                background-image: -ms-linear-gradient(90deg, #eaeaea 0%, #f9f9f9 100%);
                color: #777777;
                padding: 5px 22px 6px;
                font-size: 14px;
                margin-right: 8px;
            }

    .main_contact_inner.trade_container .over_view_list_inner {
        background: white;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
        margin-bottom: 60px;
    }

    .main_contact_inner.trade_container .over_view_list_item {
        background: #fff;
    }

        .main_contact_inner.trade_container .over_view_list_item.tab_title {
            background: #f5f7f7;
            box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
        }

            .main_contact_inner.trade_container .over_view_list_item.tab_title .col-lg-3 {
                border: 0px;
            }

        .main_contact_inner.trade_container .over_view_list_item .title_part {
            padding: 19px 40px;
        }

            .main_contact_inner.trade_container .over_view_list_item .title_part h4 {
                font-size: 16px;
                font-weight: 600;
            }

            .main_contact_inner.trade_container .over_view_list_item .title_part h3 {
                font-size: 18px;
                line-height: 28px;
                color: #34373b;
                margin-bottom: 0;
            }

        .main_contact_inner.trade_container .over_view_list_item:nth-child(odd) {
            background: #f5f7f7;
        }

        .main_contact_inner.trade_container .over_view_list_item .col-lg-3 {
            max-width: 23%;
            flex: 0 0 23%;
            text-align: center;
        }

            .main_contact_inner.trade_container .over_view_list_item .col-lg-3:first-child {
                max-width: 31%;
                flex: 0 0 31%;
                text-align: left;
            }

        .main_contact_inner.trade_container .over_view_list_item .details_part {
            padding: 18px 40px;
        }

        .main_contact_inner.trade_container .over_view_list_item input[type=checkbox] {
            position: relative;
            cursor: pointer;
        }

            .main_contact_inner.trade_container .over_view_list_item input[type=checkbox]:before {
                content: "";
                display: block;
                position: absolute;
                width: 16px;
                height: 16px;
                top: -1px;
                left: -2px;
                border: 1px solid #bbbbbb;
                border-radius: 50%;
                background-color: white;
            }

            .main_contact_inner.trade_container .over_view_list_item input[type=checkbox]:checked:before {
                border-color: #ff2a39;
            }

            .main_contact_inner.trade_container .over_view_list_item input[type=checkbox]:checked:after {
                content: "";
                display: block;
                width: 8px;
                height: 8px;
                background: #ff2a39;
                position: absolute;
                border-radius: 50%;
                top: 3px;
                left: 2px;
            }

            .main_contact_inner.trade_container .over_view_list_item input[type=checkbox]:focus {
                outline: none;
            }

.main_contact_inner.rate_container {
    max-width: 580px;
    margin: 0 auto;
    background: #fff;
    padding: 60px;
}

    .main_contact_inner.rate_container .flag_center_title {
        margin-bottom: 40px;
    }

    .main_contact_inner.rate_container .rating {
        display: inline-block;
        position: relative;
        height: 40px;
        line-height: 40px;
        font-size: 40px;
    }

        .main_contact_inner.rate_container .rating label {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            cursor: pointer;
        }

            .main_contact_inner.rate_container .rating label input {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
            }

                .main_contact_inner.rate_container .rating label input:focus:not(:checked) ~ .icon:last-child {
                    color: #ddd;
                }

            .main_contact_inner.rate_container .rating label:nth-child(1) {
                z-index: 5;
            }

            .main_contact_inner.rate_container .rating label:nth-child(2) {
                z-index: 4;
            }

            .main_contact_inner.rate_container .rating label:nth-child(3) {
                z-index: 3;
            }

            .main_contact_inner.rate_container .rating label:nth-child(4) {
                z-index: 2;
            }

            .main_contact_inner.rate_container .rating label:nth-child(5) {
                z-index: 1;
            }

            .main_contact_inner.rate_container .rating label:last-child {
                position: static;
            }

                .main_contact_inner.rate_container .rating label:last-child .icon {
                    color: #dddddd;
                }

            .main_contact_inner.rate_container .rating label .icon {
                float: left;
                color: transparent;
            }

        .main_contact_inner.rate_container .rating:not(:hover) label input:checked ~ .icon, .main_contact_inner.rate_container .rating:hover label:hover input ~ .icon {
            color: #f6cc38;
        }

    .main_contact_inner.rate_container .contact_form .form-group {
        text-align: center;
    }

        .main_contact_inner.rate_container .contact_form .form-group:first-child {
            margin-bottom: 18px;
        }

        .main_contact_inner.rate_container .contact_form .form-group .find_item {
            max-width: 100%;
            padding-left: 0;
            padding-right: 0;
        }

            .main_contact_inner.rate_container .contact_form .form-group .find_item .nice_select {
                background: #f5f7f7;
            }

                .main_contact_inner.rate_container .contact_form .form-group .find_item .nice_select:after {
                    margin-top: -8px;
                }

/*============ pr_review css ==============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Testimonials Area css
============================================================================================ */
.testimonials_area {
    background: url(../image/testi-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .testimonials_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .testimonials_area.testi_two_or {
        background: #f1fbff;
    }

        .testimonials_area.testi_two_or:before {
            display: none;
        }

        .testimonials_area.testi_two_or .testi_item {
            box-shadow: 0px 2px 4px 0px rgba(0, 121, 175, 0.08);
        }

        .testimonials_area.testi_two_or .testi_slider .owl-dots .owl-dot {
            background: #c1c9cc;
        }

    .testimonials_area.green_testi .testi_item i {
        color: #0cc533;
    }

    .testimonials_area.green_testi .testi_slider .owl-dots .owl-dot {
        background: #c1c9cc;
    }

        .testimonials_area.green_testi .testi_slider .owl-dots .owl-dot.active {
            background: #0cc533;
        }

    .testimonials_area.testi_red {
        background: #f5f7f7;
    }

        .testimonials_area.testi_red:before {
            display: none;
        }

        .testimonials_area.testi_red .testi_item {
            box-shadow: 0px 2px 4px 0px rgba(0, 121, 175, 0.08);
        }

        .testimonials_area.testi_red .testi_slider .owl-dots .owl-dot {
            background: #c1c9cc;
        }

    .testimonials_area.bg_white {
        background: #fff;
    }

        .testimonials_area.bg_white .testi_item {
            background: #f5f7f6;
        }

    .testimonials_area.red2 .testi_slider .owl-dots .owl-dot.active {
        background: #ea2626;
    }

.testi_inner {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -5px;
}

.testi_slider .item {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.testi_item {
    background: #fff;
    border-radius: 5px;
    padding: 30px;
    box-shadow: 0px 2px 4px 0px rgba(0, 121, 175, 0.08);
}

    .testi_item i {
        font-size: 32px;
        margin-bottom: 18px;
        display: block;
    }

    .testi_item p {
        margin-bottom: 25px;
    }

    .testi_item .media .d-flex {
        padding-right: 18px;
    }

    .testi_item .media .media-body h3 {
        font: bold 20px "Barlow", sans-serif;
        color: #34373b;
    }

    .testi_item .media .media-body h5 {
        font: normal 14px "Barlow", sans-serif;
        color: #777777;
        margin-bottom: 0px;
    }

.testi_slider .owl-dots {
    text-align: center;
    margin: 0px;
    padding: 0px;
    margin-top: 65px;
}

    .testi_slider .owl-dots .owl-dot {
        width: 20px;
        height: 2px;
        background: #515055;
        margin-right: 6px;
    }

        .testi_slider .owl-dots .owl-dot:last-child {
            margin-right: 0px;
        }

.taxi_tesi_area {
    background: #f9f9f9;
}

    .taxi_tesi_area:before {
        display: none;
    }

    .taxi_tesi_area .testi_item {
        box-shadow: 0px 2px 4px 0px rgba(0, 121, 175, 0.08);
    }

        .taxi_tesi_area .testi_item i {
            color: #fecc18;
            display: block;
            margin-bottom: 10px;
        }

    .taxi_tesi_area .testi_slider .owl-dots .owl-dot {
        background: #c7c7c7;
    }

        .taxi_tesi_area .testi_slider .owl-dots .owl-dot:hover, .taxi_tesi_area .testi_slider .owl-dots .owl-dot.active {
            background: #fecc18;
        }

/* End Testimonials Area css
============================================================================================ */
/* Client Slider Feedback Area css
============================================================================================ */
.client_feedback_area {
    background: url(../image/feedback-bg.jpg) no-repeat scroll center center;
    background-size: cover;
}

    .client_feedback_area .flag_center_title {
        margin-bottom: 70px;
    }

    .client_feedback_area.client_f_2 {
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/feedback-bg-2.jpg) no-repeat scroll center center;
    }

        .client_feedback_area.client_f_2 .client_item p:after {
            color: rgba(0, 0, 0, 0.1);
            opacity: 1;
        }

    .client_feedback_area.truck_client_feedback {
        background: #f1fbff;
    }

.service_client_feedback {
    background: #f5f7f7;
}

    .service_client_feedback .client_item p:after {
        opacity: 0.1;
    }

.client_slider .owl-dots {
    text-align: center;
    margin-top: 45px;
}

    .client_slider .owl-dots .owl-dot {
        height: 2px;
        width: 20px;
        background: #c6c6c6;
        margin-right: 6px;
        transition: all 300ms linear 0s;
    }

        .client_slider .owl-dots .owl-dot:last-child {
            margin-right: 0px;
        }

.client_item {
    max-width: 730px;
    margin: auto;
    text-align: center;
}

    .client_item p {
        font: normal italic 20px/34px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 50px;
        position: relative;
        padding-top: 35px;
    }

        .client_item p:before {
            content: "";
            background: url(../image/feedback-br.png) no-repeat;
            width: 212px;
            height: 10px;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -30px;
        }

        .client_item p:after {
            content: "";
            font-family: "icomoon" !important;
            font-size: 100px;
            font-style: normal;
            position: absolute;
            left: 50%;
            top: 35px;
            transform: rotate(180deg);
            opacity: 0.05;
            margin-left: -62.5px;
        }

    .client_item h4 {
        color: #34373b;
        font: bold 24px "Barlow", sans-serif;
        margin-bottom: 10px;
    }

    .client_item h5 {
        font: normal 16px "Barlow", sans-serif;
        color: #777777;
        margin-bottom: 0px;
    }

/* End Client Slider Feedback Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Latest Bike Blog Area css
============================================================================================ */
.l_blog_item {
    box-shadow: 0px 10px 15px 0px rgba(19, 24, 131, 0.05);
    border-radius: 5px;
    transition: all 300ms linear 0s;
}

    .l_blog_item .blog_img {
        position: relative;
        overflow: hidden;
    }

        .l_blog_item .blog_img img {
            transition: all 300ms ease;
        }

        .l_blog_item .blog_img .cat {
            position: absolute;
            right: 30px;
            bottom: 20px;
            color: #fff;
            font: normal 12px/21px "Barlow", sans-serif;
            padding: 0px 12px;
            display: inline-block;
        }

    .l_blog_item .blog_content {
        padding: 25px 30px;
    }

        .l_blog_item .blog_content .date {
            font: normal 14px "Barlow", sans-serif;
            color: #777777;
            margin-bottom: 12px;
            display: inline-block;
        }

            .l_blog_item .blog_content .date i {
                font-size: 13px;
                padding-right: 5px;
                transition: all 300ms linear 0s;
            }

        .l_blog_item .blog_content h3 {
            font: bold 24px/30px "Barlow", sans-serif;
            color: #34373b;
            margin-bottom: 16px;
            position: relative;
            transition: all 300ms linear 0s;
        }

            .l_blog_item .blog_content h3:before {
                content: "";
                height: 100%;
                width: 4px;
                background: #34373b;
                position: absolute;
                left: -30px;
                top: 0px;
                opacity: 1;
                transition: all 300ms linear 0s;
            }

        .l_blog_item .blog_content p {
            margin-bottom: 0px;
        }

    .l_blog_item:hover {
        box-shadow: 0px 15px 40px 0px rgba(19, 24, 131, 0.05);
    }

        .l_blog_item:hover .blog_img img {
            transform: scale(1.1);
        }

    .l_blog_item.red2 .blog_img .cat {
        background: #ea2626;
    }

    .l_blog_item.red2:hover .blog_content h3:before {
        background: #ea2626;
    }

/* End Latest Bike Blog Area css
============================================================================================ */
/* Latest Bus Blog Area css
============================================================================================ */
.latest_bus_inner {
    margin-left: -22.5px;
    margin-right: -22.5px;
}

    .latest_bus_inner .col-lg-4 {
        padding-left: 22.5px;
        padding-right: 22.5px;
    }

.l_bus_item .l_bus_img {
    margin-bottom: 30px;
    overflow: hidden;
}

    .l_bus_item .l_bus_img img {
        transition: all 300ms ease;
    }

.l_bus_item .l_bus_text h6 {
    font: 600 14px "Barlow", sans-serif;
    text-transform: uppercase;
    color: #777777;
    margin-bottom: 12px;
    letter-spacing: 1.4px;
}

.l_bus_item .l_bus_text h3 {
    font: bold 24px "Barlow", sans-serif;
    color: #34373b;
    margin-bottom: 15px;
    transition: all 300ms linear 0s;
}

.l_bus_item.white .l_bus_text h6 {
    font: 600 14px "Barlow", sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.3);
}

.l_bus_item.white .l_bus_text h3 {
    font: normal 24px "Barlow", sans-serif;
    color: #fff;
    transition: all 300ms linear 0s;
}

    .l_bus_item.white .l_bus_text h3:hover {
        color: #ff2a39;
    }

.l_bus_item.white .l_bus_text .read_btn {
    color: #fff;
}

.l_bus_item:hover .l_bus_img img {
    transform: scale(1.1);
}

.l_bus_item:hover .l_bus_text .read_btn {
    padding-left: 35px;
}

    .l_bus_item:hover .l_bus_text .read_btn:before {
        width: 25px;
        opacity: 1;
    }

.luxuary_blog {
    padding-top: 215px;
    overflow: hidden;
}

    .luxuary_blog .latest_bus_inner {
        position: relative;
        margin-left: -22.5px;
        margin-right: -22.5px;
    }

        .luxuary_blog .latest_bus_inner .col-lg-4 {
            padding-left: 22.5px;
            padding-right: 22.5px;
        }

        .luxuary_blog .latest_bus_inner .view_all {
            position: absolute;
            right: 25px;
            top: -145px;
        }

/* End Latest Bus Blog Area css
============================================================================================ */
/* Taxi Latest News Area css
============================================================================================ */
.taxi_l_item .taxi_img {
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}

    .taxi_l_item .taxi_img img {
        transition: all 300ms ease;
    }

    .taxi_l_item .taxi_img .taxi_date {
        position: absolute;
        right: 30px;
        top: 0px;
        background: #fecc18;
        text-align: center;
        height: 60px;
        width: 55px;
        border-bottom-left-radius: 27.5px;
        border-bottom-right-radius: 27.5px;
    }

        .taxi_l_item .taxi_img .taxi_date h6 {
            color: #34373b;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 0px;
            margin-top: 4px;
        }

            .taxi_l_item .taxi_img .taxi_date h6 span {
                display: block;
                font: normal 14px "Barlow", sans-serif;
                margin-top: -2px;
            }

.taxi_l_item .taxi_text h4 {
    font: bold 24px "Barlow", sans-serif;
    color: #34373b;
    margin-bottom: 15px;
    transition: all 300ms linear 0s;
}

.taxi_l_item .taxi_text p {
    margin-bottom: 0px;
}

.taxi_l_item.green .taxi_img .taxi_date h6 {
    color: #fff;
}

.taxi_l_item.orange .taxi_img .taxi_date {
    background: #f75d34;
}

    .taxi_l_item.orange .taxi_img .taxi_date h6 {
        color: #fff;
    }

.taxi_l_item.orange:hover .taxi_text h4 {
    color: #f75d34;
}

.taxi_l_item.per .taxi_img .taxi_date h6 {
    color: #fff;
}

.taxi_l_item:hover .taxi_img img {
    transform: scale(1.1);
}

.taxi_l_item:hover .taxi_text h4 {
    color: #fecc18;
}

/* End Taxi Latest News Area css
============================================================================================ */
/* Blog Area css
============================================================================================ */
.blog_grid_items .l_blog_item {
    margin-bottom: 60px;
}

.right_sidebar_area {
    padding-left: 30px;
}

.r_widget {
    margin-bottom: 55px;
}

    .r_widget:last-child {
        margin-bottom: 0px;
    }

.r_title {
    margin-bottom: 25px;
}

    .r_title h3 {
        color: #34373b;
        font: bold 24px "Barlow", sans-serif;
        margin-bottom: 0px;
    }

.search_widget .input-group input {
    height: 60px;
    border-color: #e0e0e0;
    border-radius: 0px;
    padding: 0px 20px;
    outline: none;
    box-shadow: none;
    font: normal 14px/58px "Barlow", sans-serif;
    color: #777777;
}

    .search_widget .input-group input.placeholder {
        font: normal 14px/58px "Barlow", sans-serif;
        color: #777777;
    }

    .search_widget .input-group input:-moz-placeholder {
        font: normal 14px/58px "Barlow", sans-serif;
        color: #777777;
    }

    .search_widget .input-group input::-moz-placeholder {
        font: normal 14px/58px "Barlow", sans-serif;
        color: #777777;
    }

    .search_widget .input-group input::-webkit-input-placeholder {
        font: normal 14px/58px "Barlow", sans-serif;
        color: #777777;
    }

.search_widget .input-group .input-group-append button {
    color: #fff;
    border-radius: 0px;
    width: 60px;
    font-size: 20px;
    outline: none !important;
    box-shadow: none !important;
}

.categories_widget .list li {
    margin-bottom: 12px;
}

    .categories_widget .list li:last-child {
        margin-bottom: 0px;
    }

    .categories_widget .list li a {
        font: normal 16px "Barlow", sans-serif;
        color: #34373b;
        transition: all 300ms linear 0s;
    }

        .categories_widget .list li a span {
            color: #777777;
            transition: all 300ms linear 0s;
        }

        .categories_widget .list li a i {
            color: #777777;
            padding-right: 10px;
            transition: all 300ms linear 0s;
        }

    .categories_widget .list li .list {
        padding-left: 45px;
        padding-top: 15px;
        padding-bottom: 5px;
    }

.news_widget .news_inner {
    max-width: 288px;
}

    .news_widget .news_inner .media {
        margin-bottom: 30px;
    }

        .news_widget .news_inner .media:last-child {
            margin-bottom: 0px;
        }

        .news_widget .news_inner .media .d-flex {
            padding-right: 20px;
        }

        .news_widget .news_inner .media .media-body {
            align-self: center;
        }

            .news_widget .news_inner .media .media-body h4 {
                color: #34373b;
                font: 600 16px "Barlow", sans-serif;
                margin-bottom: 12px;
                transition: all 300ms linear 0s;
            }

            .news_widget .news_inner .media .media-body p {
                color: #777777;
                font: normal 14px "Barlow", sans-serif;
                margin-bottom: 0px;
            }

                .news_widget .news_inner .media .media-body p i {
                    padding-right: 5px;
                }

.tag_widget .nav {
    margin-right: -10px;
    margin-bottom: -10px;
}

    .tag_widget .nav li {
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .tag_widget .nav li a {
            display: inline-block;
            color: #777777;
            border: 1px solid #e0e0e0;
            padding: 0px 17px;
            font: normal 14px/38px "Barlow", sans-serif;
            transition: all 300ms linear 0s;
        }

            .tag_widget .nav li a:hover {
                color: #fff;
            }

.pagination ul {
    margin-bottom: 0px;
}

    .pagination ul li {
        margin-right: 5px;
    }

        .pagination ul li a {
            border: none;
            display: inline-block;
            height: 40px;
            width: 40px;
            color: #777777;
            font: normal 16px "Barlow", sans-serif;
            padding: 0px;
            text-align: center;
            line-height: 40px;
            border-radius: 0px !important;
        }

            .pagination ul li a i {
                color: #34373b;
                font-size: 14px;
            }

        .pagination ul li:hover a, .pagination ul li.active a {
            color: #fff;
        }

            .pagination ul li:hover a i, .pagination ul li.active a i {
                color: #fff;
            }

.blog_item {
    border-radius: 5px;
    box-shadow: 0px 10px 15px 0px rgba(19, 24, 131, 0.05);
    margin-bottom: 60px;
}

    .blog_item .blog_text {
        padding: 30px 30px 25px 30px;
    }

        .blog_item .blog_text .cat_area .cat_list {
            display: inline-block;
            margin-bottom: 18px;
        }

            .blog_item .blog_text .cat_area .cat_list a {
                color: #fff;
                line-height: 22px;
                display: inline-block;
                padding: 0px 10px;
            }

                .blog_item .blog_text .cat_area .cat_list a:hover {
                    color: #fff;
                }

        .blog_item .blog_text .cat_area a {
            font: normal 14px "Barlow", sans-serif;
            color: #777777;
            margin-right: 25px;
            display: inline-block;
        }

            .blog_item .blog_text .cat_area a i {
                padding-right: 8px;
            }

        .blog_item .blog_text h3 {
            color: #34373b;
            font: bold 36px "Barlow", sans-serif;
            margin-bottom: 20px;
            transition: all 300ms linear 0s;
        }

        .blog_item .blog_text p {
            margin-bottom: 20px;
        }

        .blog_item .blog_text .view_btn {
            color: #34373b;
            font-size: 14px;
        }

            .blog_item .blog_text .view_btn i {
                opacity: 0;
                visibility: hidden;
                margin-left: -10px;
                transition: all 300ms linear 0s;
            }

            .blog_item .blog_text .view_btn:hover i {
                margin-left: 5px;
                opacity: 1;
                visibility: visible;
            }

/* End Blog Area css
============================================================================================ */
/* Single Blog Area css
============================================================================================ */
.single_blog_inner .blog_item {
    margin-bottom: 30px;
    position: relative;
}

    .single_blog_inner .blog_item .blog_text p {
        margin-bottom: 30px;
    }

    .single_blog_inner .blog_item .blog_text .blockquote {
        background: #f5f7f7;
        padding: 35px 25px 25px 30px;
        margin-bottom: 35px;
    }

        .single_blog_inner .blog_item .blog_text .blockquote p {
            font: italic 500 18px/30px "Barlow", sans-serif;
            margin-bottom: 0px;
            margin-bottom: 18px;
            position: relative;
            z-index: 2;
        }

            .single_blog_inner .blog_item .blog_text .blockquote p:before {
                content: "";
                font-family: "icomoon" !important;
                font-size: 36px;
                color: #dcdede;
                position: absolute;
                left: 0px;
                top: 0px;
                z-index: -1;
            }

        .single_blog_inner .blog_item .blog_text .blockquote h4 {
            color: #34373b;
            font: bold 20px "Barlow", sans-serif;
            margin-bottom: 0px;
        }

    .single_blog_inner .blog_item .blog_text .single_view p {
        margin-bottom: 35px;
    }

    .single_blog_inner .blog_item .blog_text .single_view img {
        margin-bottom: 35px;
    }

    .single_blog_inner .blog_item .blog_text .tags {
        border-top: 1px solid #e5e5e5;
        padding-top: 25px;
        padding-bottom: 5px;
    }

        .single_blog_inner .blog_item .blog_text .tags h6 {
            display: inline-block;
            margin-bottom: 0px;
            font: 600 16px "Barlow", sans-serif;
            color: #34373b;
            padding-right: 5px;
        }

        .single_blog_inner .blog_item .blog_text .tags .nav {
            display: inline-block;
        }

            .single_blog_inner .blog_item .blog_text .tags .nav li {
                display: inline-block;
                margin-right: 5px;
            }

                .single_blog_inner .blog_item .blog_text .tags .nav li:last-child {
                    margin-right: 0px;
                }

                .single_blog_inner .blog_item .blog_text .tags .nav li a {
                    display: inline-block;
                    border: 1px solid #e8e8e8;
                    font: normal 14px/30px "Barlow", sans-serif;
                    padding: 0px 16px;
                    color: #777777;
                }

                    .single_blog_inner .blog_item .blog_text .tags .nav li a:hover {
                        color: #fff;
                    }

    .single_blog_inner .blog_item .blog_text .single_social {
        position: absolute;
        left: -82px;
        top: 0px;
    }

.single_social {
    width: 62px;
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 40px 0px rgba(0, 6, 123, 0.1);
    padding-top: 15px;
    padding-bottom: 20px;
}

    .single_social h5 {
        font: normal 14px "Barlow", sans-serif;
        color: #777777;
        margin-bottom: 18px;
    }

    .single_social a {
        display: block;
        text-align: center;
        color: #475993;
        font-size: 22px;
        margin-bottom: 15px;
    }

        .single_social a:last-child {
            margin-bottom: 0px;
        }

        .single_social a:nth-child(3) {
            color: #ff2a39;
        }

        .single_social a:nth-child(4) {
            color: #5f9dec;
        }

        .single_social a:nth-child(5) {
            color: #ff2ad0;
        }

.author_details {
    box-shadow: 0px 0px 30px 0px rgba(0, 21, 46, 0.05);
    padding: 30px;
    position: relative;
    margin-bottom: 30px;
}

    .author_details:before {
        content: "";
        background: url(../image/pencil.png) no-repeat;
        height: 101px;
        width: 81px;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }

    .author_details .media .d-flex {
        padding-right: 25px;
    }

    .author_details .media .media-body h4 {
        color: #34373b;
        font: bold 20px "Barlow", sans-serif;
        margin-bottom: 15px;
        transition: color 0.2s linear;
    }

    .author_details .media .media-body p {
        margin-bottom: 0px;
    }

.single_b_title {
    margin-bottom: 25px;
}

    .single_b_title h3 {
        font: bold 30px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 0px;
    }

.s_comment_list {
    box-shadow: 0px 0px 30px 0px rgba(0, 21, 46, 0.05);
    padding: 30px;
}

    .s_comment_list .s_comment_list_inner .media {
        padding: 25px 0px;
        position: relative;
    }

        .s_comment_list .s_comment_list_inner .media .d-flex {
            padding-right: 20px;
        }

        .s_comment_list .s_comment_list_inner .media .media-body {
            position: relative;
        }

            .s_comment_list .s_comment_list_inner .media .media-body h4 {
                font: 600 18px "Barlow", sans-serif;
                color: #34373b;
                display: inline-block;
                margin-bottom: 15px;
                transition: color 0.2s linear;
            }

            .s_comment_list .s_comment_list_inner .media .media-body .time {
                padding-left: 15px;
                color: #777777;
                font: normal 16px "Barlow", sans-serif;
                position: relative;
            }

                .s_comment_list .s_comment_list_inner .media .media-body .time:before {
                    content: "";
                    height: 13px;
                    width: 1px;
                    background: #d6d7d8;
                    position: absolute;
                    left: 6px;
                    top: 50%;
                    transform: translateY(-50%);
                }

            .s_comment_list .s_comment_list_inner .media .media-body p {
                padding-right: 40px;
                margin-bottom: 0px;
            }

            .s_comment_list .s_comment_list_inner .media .media-body .reply_btn {
                position: absolute;
                right: 0px;
                top: 3px;
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

                .s_comment_list .s_comment_list_inner .media .media-body .reply_btn i {
                    padding-right: 5px;
                }

            .s_comment_list .s_comment_list_inner .media .media-body .media {
                padding-bottom: 5px;
                padding-left: 20px;
                position: relative;
            }

                .s_comment_list .s_comment_list_inner .media .media-body .media:before {
                    content: "";
                    height: 80px;
                    width: 1px;
                    background: #d6d7d8;
                    position: absolute;
                    left: 0px;
                    top: 25px;
                }

        .s_comment_list .s_comment_list_inner .media:first-child {
            padding-top: 0px;
        }

        .s_comment_list .s_comment_list_inner .media:last-child {
            padding-bottom: 0px;
        }

.s_comment_area {
    box-shadow: 0px 0px 30px 0px rgba(0, 21, 46, 0.05);
    margin-top: 30px;
    padding: 30px;
}

    .s_comment_area .s_comment_inner .contact_form .form-group {
        margin-bottom: 30px;
    }

        .s_comment_area .s_comment_inner .contact_form .form-group:last-child {
            margin-bottom: 0px;
        }

        .s_comment_area .s_comment_inner .contact_form .form-group input {
            background: #f5f7f7;
        }

        .s_comment_area .s_comment_inner .contact_form .form-group textarea {
            height: 140px;
            background: #f5f7f7;
            border: 1px solid transparent;
            border-radius: 0px;
            resize: none;
            padding: 20px;
            outline: none;
            box-shadow: none;
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

            .s_comment_area .s_comment_inner .contact_form .form-group textarea.placeholder {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

            .s_comment_area .s_comment_inner .contact_form .form-group textarea:-moz-placeholder {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

            .s_comment_area .s_comment_inner .contact_form .form-group textarea::-moz-placeholder {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

            .s_comment_area .s_comment_inner .contact_form .form-group textarea::-webkit-input-placeholder {
                font: normal 16px "Barlow", sans-serif;
                color: #777777;
            }

        .s_comment_area .s_comment_inner .contact_form .form-group .submit_btn {
            background: transparent;
            width: auto;
            color: #ff2a39;
            border-radius: 0px;
            height: 50px;
            line-height: 40px;
            padding: 0px 51px;
        }

            .s_comment_area .s_comment_inner .contact_form .form-group .submit_btn:hover {
                color: #fff;
            }

/* End Single Blog Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Find Car Form Area css
============================================================================================ */
.find_form {
    margin-top: -50px;
    position: relative;
}

    .find_form .find_title {
        display: inline-block;
        color: #fff;
        font: bold 20px/50px "Barlow", sans-serif;
        padding: 0px 30px;
    }

        .find_form .find_title i {
            padding-right: 5px;
        }

    .find_form.pest_form .find_title {
        background: #153e4d;
        font-weight: bold;
    }

    .find_form.pest_form .find_form_inner {
        background: #153e4d;
    }

        .find_form.pest_form .find_form_inner .find_item .submit_btn {
            border: none;
            line-height: 50px;
        }

            .find_form.pest_form .find_form_inner .find_item .submit_btn:hover {
                color: #fff;
                background: #e4390c;
                border-color: #e4390c;
            }

.find_form_inner {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
    box-shadow: 0px 20px 75px 0px rgba(86, 96, 100, 0.1);
}

.find_item {
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 10px;
    padding-right: 10px;
}

    .find_item .nice_select {
        width: 100%;
        background: #fff;
        border-radius: 0px;
        height: 50px;
        line-height: 50px;
        padding: 0px 20px;
        outline: non !important;
        box-shadow: none !important;
    }

        .find_item .nice_select .current {
            font: normal 16px "Barlow", sans-serif;
            color: #34373b;
        }

        .find_item .nice_select .list {
            border: none;
            border-radius: 0px;
            width: 100%;
        }

        .find_item .nice_select:after {
            content: "";
            font: normal normal normal 14px/1 FontAwesome;
            border: none;
            transform: rotate(0);
            right: 22px;
            margin-top: -5px;
        }

    .find_item .submit_btn {
        line-height: 48px;
        background: #1e1e1e;
        border-color: #1e1e1e;
    }

        .find_item .submit_btn:hover {
            color: #fff;
            box-shadow: 0px 10px 10px 3px rgba(0, 0, 0, 0.1) !important;
        }

/*========== day_picker css =======*/
.day_picker {
    float: none;
    display: inline-block;
    border-radius: 0px;
    border-color: #e0e0e0;
    height: 30px;
    line-height: 28px;
    padding-left: 9px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 115px;
}

    .day_picker:focus {
        border-color: #e0e0e0;
    }

    .day_picker:after {
        margin-top: -3px;
    }

    .day_picker ul li.option {
        font-size: 14px;
        color: #34373b;
        font-weight: 500;
        line-height: 30px;
        padding-left: 10px;
        min-height: 30px;
        padding-right: 23px;
        border-radius: 0px;
    }

/* End Find Car Form Area css
============================================================================================ */
/* Contact Form Area css
============================================================================================ */
.contact_form .form-group {
    margin-bottom: 25px;
}

    .contact_form .form-group input {
        height: 50px;
        border: none;
        border-radius: 0px;
        background: #f3f3f8;
        padding: 0px 24px;
        font: normal 16px/50px "Barlow", sans-serif;
        color: #777777;
        outline: none;
        border: 1px solid transparent;
        box-shadow: none;
        transition: all 0.2s linear;
    }

        .contact_form .form-group input.placeholder {
            font: normal 16px/50px "Barlow", sans-serif;
            color: #777777;
        }

        .contact_form .form-group input:-moz-placeholder {
            font: normal 16px/50px "Barlow", sans-serif;
            color: #777777;
        }

        .contact_form .form-group input::-moz-placeholder {
            font: normal 16px/50px "Barlow", sans-serif;
            color: #777777;
        }

        .contact_form .form-group input::-webkit-input-placeholder {
            font: normal 16px/50px "Barlow", sans-serif;
            color: #777777;
        }

    .contact_form .form-group textarea {
        height: 250px;
        border: none;
        border-radius: 0px;
        background: #f3f3f8;
        padding: 20px 24px;
        font: normal 16px "Barlow", sans-serif;
        color: #777777;
        outline: none;
        box-shadow: none;
        resize: none;
        border: 1px solid transparent;
        transition: all 0.2s linear;
    }

        .contact_form .form-group textarea.placeholder {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

        .contact_form .form-group textarea:-moz-placeholder {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

        .contact_form .form-group textarea::-moz-placeholder {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

        .contact_form .form-group textarea::-webkit-input-placeholder {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

        .contact_form .form-group textarea:focus {
            border-color: #ff2a39;
        }

    .contact_form .form-group .nice_select {
        border: none;
        box-shadow: none;
        border-radius: 0px;
        width: 100%;
        background: #f3f3f8;
        height: 50px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 24px;
        padding-right: 24px;
        line-height: 50px;
    }

        .contact_form .form-group .nice_select .current {
            font: normal 16px "Barlow", sans-serif;
            color: #777777;
        }

        .contact_form .form-group .nice_select:after {
            content: "";
            font-family: "icomoon" !important;
            transform: rotate(0);
            border: none;
            font-size: 16px;
            color: #777777;
            margin-top: -24px;
            right: 25px;
        }

        .contact_form .form-group .nice_select .list {
            width: 100%;
            border-radius: 0px;
        }

    .contact_form .form-group .submit_btn {
        width: 100%;
        line-height: 48px;
        border-radius: 0px;
    }

    .contact_form .form-group:last-child {
        margin-bottom: 0px;
    }

/* End Contact Form Area css
============================================================================================ */
/* Contact Directly Area css
============================================================================================ */
.contact_directly_area {
    padding-left: 100px;
    padding-right: 100px;
}

    .contact_directly_area .contact_directly_bg {
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/c-directly-bg.jpg) no-repeat scroll center center;
        background-size: cover;
        position: relative;
    }

        .contact_directly_area .contact_directly_bg .reg_form_inner {
            background: #fff;
            max-width: 500px;
            padding-left: 65px;
            padding-right: 65px;
            padding-top: 40px;
            padding-bottom: 45px;
            margin-bottom: -68px;
        }

            .contact_directly_area .contact_directly_bg .reg_form_inner h2 {
                font: normal 30px "Barlow", sans-serif;
                color: #101010;
                margin-bottom: 20px;
            }

            .contact_directly_area .contact_directly_bg .reg_form_inner .contact_form .form-group {
                margin-bottom: 20px;
            }

                .contact_directly_area .contact_directly_bg .reg_form_inner .contact_form .form-group input {
                    background: transparent;
                    border-bottom: 1px solid #e7e8e9;
                    padding: 0px 0px;
                    height: 50px;
                }

                .contact_directly_area .contact_directly_bg .reg_form_inner .contact_form .form-group .border_btn {
                    width: 100%;
                }

                .contact_directly_area .contact_directly_bg .reg_form_inner .contact_form .form-group:last-child {
                    margin-top: 20px;
                }

        .contact_directly_area .contact_directly_bg .contact_info {
            margin-top: 50px;
        }

            .contact_directly_area .contact_directly_bg .contact_info h2 {
                font: normal 48px "Barlow", sans-serif;
                color: #fff;
                margin-bottom: 55px;
                position: relative;
            }

                .contact_directly_area .contact_directly_bg .contact_info h2:before {
                    content: "";
                    height: 2px;
                    width: 50px;
                    position: absolute;
                    left: 0px;
                    bottom: -30px;
                }

            .contact_directly_area .contact_directly_bg .contact_info h3 {
                font: normal 24px "Barlow", sans-serif;
                color: #fff;
                margin-bottom: 15px;
            }

            .contact_directly_area .contact_directly_bg .contact_info p {
                position: relative;
                padding-left: 30px;
                color: #fff;
                margin-bottom: 16px;
            }

                .contact_directly_area .contact_directly_bg .contact_info p i {
                    position: absolute;
                    left: 0px;
                    top: 7px;
                }

            .contact_directly_area .contact_directly_bg .contact_info h5 {
                font-weight: normal;
                position: relative;
                margin-bottom: 18px;
                display: block;
            }

                .contact_directly_area .contact_directly_bg .contact_info h5 i {
                    position: absolute;
                    left: 0px;
                    top: 7px;
                    color: #ff2a39;
                    font-size: 14px;
                }

            .contact_directly_area .contact_directly_bg .contact_info a {
                position: relative;
                padding-left: 30px;
                color: #fff;
                display: block;
                font-size: 16px;
                text-decoration: underline;
            }

/* End Contact Directly Area css
============================================================================================ */
/* Hire Truck Form Area css
============================================================================================ */
.hire_truck_inner {
    background: #fff;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
    margin-top: -60px;
    z-index: 2;
    position: relative;
    padding: 50px;
}

    .hire_truck_inner h3 {
        color: #34373b;
        font: bold 36px "Barlow", sans-serif;
        margin-bottom: 25px;
    }

    .hire_truck_inner .contact_form .form-group {
        margin-bottom: 30px;
    }

        .hire_truck_inner .contact_form .form-group:last-child {
            margin-bottom: 0px;
        }

        .hire_truck_inner .contact_form .form-group input {
            background: transparent;
            border-bottom: 1px solid #ededed;
            padding: 0px 10px;
        }

        .hire_truck_inner .contact_form .form-group .nice_select {
            background: transparent;
            border-bottom: 1px solid #ededed;
            padding-left: 10px;
            padding-right: 10px;
        }

            .hire_truck_inner .contact_form .form-group .nice_select:after {
                right: 10px;
            }

        .hire_truck_inner .contact_form .form-group .input-group.date {
            position: relative;
        }

            .hire_truck_inner .contact_form .form-group .input-group.date .input-group-append {
                position: absolute;
                right: 10px;
                top: 50%;
                transform: translateY(-50%);
            }

                .hire_truck_inner .contact_form .form-group .input-group.date .input-group-append .input-group-text {
                    border: none;
                    border-radius: 0px;
                    padding: 0px;
                    background: transparent;
                    color: #777777;
                }

        .hire_truck_inner .contact_form .form-group .submit_btn {
            background: #020d26;
            width: auto;
            border-color: #020d26;
            border-radius: 0px;
            line-height: 58px;
            padding: 0px 42px;
        }

            .hire_truck_inner .contact_form .form-group .submit_btn:hover {
                background: #f75d34;
                border-color: #f75d34;
                color: #fff;
            }

/* End Hire Truck Form Area css
============================================================================================ */
/* Find Yacht Area css
============================================================================================ */
.find_yacht_area .find_yacht_inner {
    background: #fff;
    padding: 60px 50px 60px 50px;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
    margin-top: -55px;
    position: relative;
    z-index: 4;
}

    .find_yacht_area .find_yacht_inner .contact_form {
        margin-bottom: -50px;
    }

        .find_yacht_area .find_yacht_inner .contact_form .form-group {
            margin-bottom: 50px;
        }

            .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range {
                margin-right: -15px;
                margin-top: 8px;
            }

                .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range label {
                    color: #34373b;
                    text-transform: uppercase;
                    font: bold 16px "Barlow", sans-serif;
                    margin-bottom: 20px;
                }

                .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range input {
                    background: transparent;
                    padding: 0px;
                    height: auto;
                    width: auto;
                    display: inline-block;
                    float: right;
                    text-align: right;
                    margin-bottom: -3px;
                    position: relative;
                    bottom: -5px;
                    font: normal 16px "Barlow", sans-serif;
                    color: #777777;
                }

                    .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range input.placeholder {
                        font: normal 16px "Barlow", sans-serif;
                        color: #777777;
                    }

                    .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range input:-moz-placeholder {
                        font: normal 16px "Barlow", sans-serif;
                        color: #777777;
                    }

                    .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range input::-moz-placeholder {
                        font: normal 16px "Barlow", sans-serif;
                        color: #777777;
                    }

                    .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range input::-webkit-input-placeholder {
                        font: normal 16px "Barlow", sans-serif;
                        color: #777777;
                    }

                .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range.size {
                    margin-left: 35px;
                    margin-right: -50px;
                }

                .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range .ui-slider {
                    border-radius: 0px;
                    border: none;
                    background: #e8e8e8;
                    height: 2px;
                }

                    .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range .ui-slider .ui-slider-handle {
                        height: 20px;
                        width: 20px;
                        border-radius: 50%;
                        border: 3px solid #fff;
                        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
                        top: -9px;
                        outline: none !important;
                        cursor: pointer;
                    }

                        .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range .ui-slider .ui-slider-handle:nth-child(2) {
                            margin-left: -1px;
                        }

            .find_yacht_area .find_yacht_inner .contact_form .form-group:last-child {
                text-align: right;
            }

                .find_yacht_area .find_yacht_inner .contact_form .form-group:last-child .submit_btn {
                    width: auto;
                    border-radius: 0px;
                    line-height: 58px;
                    padding: 0px 47px;
                }

.find_yacht_area.orange .find_yacht_inner .form-group .price_range .ui-slider .ui-slider-range {
    background: #f75d34;
}

.find_yacht_area.orange .find_yacht_inner .form-group .price_range .ui-slider .ui-slider-handle {
    background: #f75d34;
}

.find_yacht_area.orange .find_yacht_inner .form-group input {
    border-color: transparent;
}

.find_yacht_area.orange .find_yacht_inner .form-group .submit_btn {
    background: #020d26;
    border-color: #020d26;
}

    .find_yacht_area.orange .find_yacht_inner .form-group .submit_btn:hover {
        background: #f75d34;
        border-color: #f75d34;
        color: #fff;
    }

/* End Find Yacht Area css
============================================================================================ */
/* Contact Information Area css
============================================================================================ */
.contact_info_inner .contact_info_item {
    text-align: center;
}

    .contact_info_inner .contact_info_item i {
        font-size: 40px;
        margin-bottom: 20px;
        display: inline-block;
    }

    .contact_info_inner .contact_info_item h4 {
        color: #34373b;
        font: bold 20px "Barlow", sans-serif;
        margin-bottom: 17px;
    }

    .contact_info_inner .contact_info_item h5 {
        margin-bottom: 5px;
    }

        .contact_info_inner .contact_info_item h5 + h5 {
            margin-bottom: 0px;
        }

        .contact_info_inner .contact_info_item h5 a {
            color: #777777;
            font: normal 16px "Barlow", sans-serif;
        }

        .contact_info_inner .contact_info_item h5 span {
            font: normal 16px "Barlow", sans-serif;
        }

    .contact_info_inner .contact_info_item p {
        margin-bottom: 0px;
    }

    .contact_info_inner .contact_info_item .nav li {
        margin-right: 20px;
    }

        .contact_info_inner .contact_info_item .nav li a {
            color: #ff2a39;
        }

            .contact_info_inner .contact_info_item .nav li a i {
                font-size: 18px;
            }

        .contact_info_inner .contact_info_item .nav li:first-child a i {
            color: #ff23ce;
        }

        .contact_info_inner .contact_info_item .nav li:nth-child(3) a i {
            color: #475993;
        }

        .contact_info_inner .contact_info_item .nav li:last-child {
            margin-right: 0px;
        }

            .contact_info_inner .contact_info_item .nav li:last-child a i {
                color: #5f9dec;
            }

.map_area .mapBox {
    min-height: 505px;
}

.main_contact_inner {
    max-width: 980px;
    margin: auto;
}

    .main_contact_inner .contact_form .form-group {
        margin-bottom: 30px;
    }

        .main_contact_inner .contact_form .form-group:last-child {
            margin-bottom: 0px;
        }

        .main_contact_inner .contact_form .form-group input {
            background: #f5f7f7;
        }

        .main_contact_inner .contact_form .form-group textarea {
            background: #f5f7f7;
            height: 140px;
        }

        .main_contact_inner .contact_form .form-group .submit_btn {
            height: auto;
            line-height: 48px;
            border-radius: 0px;
        }

#contactPopup, .form_container {
    max-width: 1110px;
    padding: 85px 65px 100px;
    background: #fff;
}

.form_container {
    padding: 110px 65px 100px;
}

    .form_container .find_item {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

        .form_container .find_item .nice_select {
            background: #f5f7f7;
        }

            .form_container .find_item .nice_select:after {
                margin-top: -9px;
                color: #777777;
            }

    .form_container .form-group .date {
        height: 50px;
    }

        .form_container .form-group .date .form-control {
            position: absolute;
            left: 0px;
            top: 0px;
            background: transparent;
            width: 100%;
            height: 50px;
            border: none;
            padding-left: 50px;
            line-height: 60px;
            outline: none;
            box-shadow: none;
        }

            .form_container .form-group .date .form-control:focus, .form_container .form-group .date .form-control.white {
                background: #f5f7f7;
            }

                .form_container .form-group .date .form-control:focus + .text_div, .form_container .form-group .date .form-control.white + .text_div {
                    opacity: 0;
                }

        .form_container .form-group .date .input-group-text {
            position: absolute;
            right: 18px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 5;
            background: transparent;
            border: none;
            padding: 0px;
            font-size: 18px;
            color: #888888;
        }

        .form_container .form-group .date .text_div {
            background: #f5f7f7;
            display: block;
            width: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
            height: 50px;
            text-align: left;
            padding-left: 24px;
            font: 400 16px/50px "Barlow", sans-serif;
            color: #777;
        }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* End Contact Information Area css
============================================================================================ */
/* Faq Question Area css
============================================================================================ */
.general_ques_inner {
    max-width: 920px;
    margin: auto;
}

    .general_ques_inner .accordion .card {
        border: none;
        border-radius: 0px;
        border-bottom: 1px solid #e4e4e4 !important;
    }

        .general_ques_inner .accordion .card .card-header {
            border: none;
            padding: 0px;
            background: transparent;
        }

            .general_ques_inner .accordion .card .card-header button {
                padding: 20px 0px;
                display: block;
                text-align: left;
                width: 100%;
                position: relative;
                text-decoration: none;
                font: 600 18px "Barlow", sans-serif;
            }

                .general_ques_inner .accordion .card .card-header button i {
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    transform: translateY(-50%);
                    display: none;
                }

                    .general_ques_inner .accordion .card .card-header button i + i {
                        display: inline-block;
                    }

                .general_ques_inner .accordion .card .card-header button.collapsed {
                    color: #34373b;
                }

                    .general_ques_inner .accordion .card .card-header button.collapsed i {
                        display: inline-block;
                    }

                        .general_ques_inner .accordion .card .card-header button.collapsed i + i {
                            display: none;
                        }

        .general_ques_inner .accordion .card .card-body {
            padding-left: 0px;
            padding-top: 0px;
            padding-bottom: 25px;
        }

        .general_ques_inner .accordion .card:first-child {
            border-top: 1px solid #e4e4e4 !important;
        }

.qustion_form_area .question_form_inner {
    max-width: 635px;
    margin: auto;
}

    .qustion_form_area .question_form_inner .contact_form .form-group input {
        background: #f5f7f7;
    }

    .qustion_form_area .question_form_inner .contact_form .form-group .nice_select {
        background: #f5f7f7;
    }

    .qustion_form_area .question_form_inner .contact_form .form-group textarea {
        background: #f5f7f7;
        height: 140px;
    }

    .qustion_form_area .question_form_inner .contact_form .form-group .submit_btn {
        height: auto;
        line-height: 48px;
        width: 170px;
        border-radius: 0px;
        margin: auto;
    }

    .qustion_form_area .question_form_inner .contact_form .form-group:last-child {
        text-align: center;
    }

.faq_counter_area .single_text_faq {
    font: normal 20px/32px "Barlow", sans-serif;
    color: #777777;
    max-width: 850px;
    margin: 0px auto 42px;
    text-align: center;
}

.faq_counter_area.bg_gray {
    background: #f5f7f7;
}

/* End Faq Question Area css
============================================================================================ */
/* Find Dealer Area css
============================================================================================ */
.find_dealer_form_area {
    background: #222222;
    padding: 33px 0px;
}

    .find_dealer_form_area .find_d_form_inner p {
        margin-bottom: 0px;
        color: #fff;
        margin-top: 12px;
    }

    .find_dealer_form_area .find_d_form_inner .input-group {
        position: relative;
    }

        .find_dealer_form_area .find_d_form_inner .input-group input {
            height: 55px;
            border-radius: 0px;
            outline: none;
            box-shadow: none;
            background: #656565;
            border: none;
            padding: 0px 20px;
            font: normal 16px/55px "Barlow", sans-serif;
            color: #fff;
        }

            .find_dealer_form_area .find_d_form_inner .input-group input.placeholder {
                font: normal 16px/55px "Barlow", sans-serif;
                color: #fff;
            }

            .find_dealer_form_area .find_d_form_inner .input-group input:-moz-placeholder {
                font: normal 16px/55px "Barlow", sans-serif;
                color: #fff;
            }

            .find_dealer_form_area .find_d_form_inner .input-group input::-moz-placeholder {
                font: normal 16px/55px "Barlow", sans-serif;
                color: #fff;
            }

            .find_dealer_form_area .find_d_form_inner .input-group input::-webkit-input-placeholder {
                font: normal 16px/55px "Barlow", sans-serif;
                color: #fff;
            }

        .find_dealer_form_area .find_d_form_inner .input-group .input-group-append {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 3;
        }

            .find_dealer_form_area .find_d_form_inner .input-group .input-group-append button {
                border: none;
                padding: 0px;
                outline: none !important;
                font-size: 20px;
                color: #fff;
                box-shadow: none;
                background: transparent;
            }

.find_map_area {
    overflow: hidden;
}

    .find_map_area .finding_map {
        margin-left: -83px;
    }

        .find_map_area .finding_map #map-canvas {
            min-height: 875px;
        }

.finding_list {
    padding: 0px 30px;
    max-width: 405px;
    padding-top: 50px;
    max-height: 875px;
}

    .finding_list .find_loc_itme {
        margin-bottom: 55px;
    }

        .finding_list .find_loc_itme .media .d-flex {
            padding-right: 15px;
        }

        .finding_list .find_loc_itme .media .media-body h4 {
            color: #34373b;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 20px;
        }

        .finding_list .find_loc_itme .media .media-body p {
            margin-bottom: 4px;
        }

        .finding_list .find_loc_itme .media .media-body h5 {
            color: #777777;
            font: normal 16px "Barlow", sans-serif;
        }

            .finding_list .find_loc_itme .media .media-body h5 span {
                font-weight: 600;
            }

            .finding_list .find_loc_itme .media .media-body h5 + h5 {
                margin-bottom: 25px;
            }

        .finding_list .find_loc_itme .main_btn {
            text-transform: uppercase;
            padding: 0px 18px;
            font-weight: bold;
            margin-right: 20px;
        }

            .finding_list .find_loc_itme .main_btn + .main_btn {
                margin-right: 0px;
            }

/* End Find Dealer Area css
============================================================================================ */
/* Create Account Area css
============================================================================================ */
.create_account_box {
    max-width: 600px;
    margin: auto;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    border-top: 4px solid transparent;
    padding-left: 80px;
    padding-right: 80px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 55px;
}

    .create_account_box h6 {
        font: normal 20px "Barlow", sans-serif;
        color: #34373b;
        margin-bottom: 25px;
    }

    .create_account_box .social_singup {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 32px;
    }

        .create_account_box .social_singup a {
            flex: 0 0 33.33%;
            max-width: 33.33%;
            text-align: center;
            padding-left: 10px;
            padding-right: 10px;
        }

            .create_account_box .social_singup a i {
                background: #ff2a39;
                width: 100%;
                color: #fff;
                line-height: 50px;
                font-size: 22px;
            }

                .create_account_box .social_singup a i.fa-facebook {
                    background: #3b5998;
                }

                .create_account_box .social_singup a i.fa-twitter {
                    background: #55acee;
                }

    .create_account_box .or {
        border-top: 2px solid #eaeaea;
        position: relative;
        margin-bottom: 32px;
    }

        .create_account_box .or p {
            margin-bottom: 0px;
            height: 45px;
            width: 45px;
            background: #fff;
            text-align: center;
            line-height: 45px;
            position: absolute;
            left: 50%;
            top: -25px;
            border-radius: 50%;
            transform: translateX(-50%);
        }

    .create_account_box .contact_form .form-group input {
        background: #f5f7f7;
    }

    .create_account_box .contact_form .form-group .submit_btn {
        border-radius: 0px;
        height: auto;
    }

    .create_account_box .contact_form .form-group h5 {
        font: normal 16px "Barlow", sans-serif;
        color: #777777;
        margin-top: 25px;
    }

        .create_account_box .contact_form .form-group h5 a {
            color: #34373b;
            font-weight: 600;
            text-decoration: underline;
        }

    .create_account_box .contact_form .form-group .creat_account {
        text-align: left;
        position: relative;
        display: inline-block;
        width: auto;
        float: left;
        margin-top: 20px;
        margin-bottom: -21px;
    }

        .create_account_box .contact_form .form-group .creat_account input {
            height: auto;
        }

        .create_account_box .contact_form .form-group .creat_account label {
            color: #777777;
        }

    .create_account_box .contact_form .form-group .forgot {
        text-align: right;
        display: inline-block;
        float: right;
        font: 600 16px "Barlow", sans-serif;
        color: #34373b;
        margin-top: 22px;
    }

/* End Create Account Area css
============================================================================================ */
#success, #error {
    position: relative;
    top: 10px;
    display: block;
    right: 0;
    left: 0;
    bottom: -15px;
    display: none;
    font-weight: 600;
}

#success {
    color: lawngreen;
}

#error {
    color: orangered;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Car About Area css
============================================================================================ */
.car_about_area.truck_video .car_about_inner .dubble_img img {
    box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.1);
}

    .car_about_area.truck_video .car_about_inner .dubble_img img + img {
        float: right;
        margin-right: 36px;
        margin-top: -165px;
        position: relative;
        box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.1);
    }

.car_about_area.truck_video .car_about_inner .car_video {
    margin-left: 0px;
    margin-right: 15px;
}

    .car_about_area.truck_video .car_about_inner .car_video .play_btn {
        color: #f75d34;
    }

.car_about_area.truck_video .car_about_inner .c_ab_text h6 {
    color: #f75d34;
}

.car_about_area.truck_video .car_about_inner .c_ab_text .blockquote p {
    position: relative;
}

    .car_about_area.truck_video .car_about_inner .c_ab_text .blockquote p i {
        position: absolute;
        left: 22px;
        top: -10px;
        color: rgba(0, 0, 0, 0.1);
        font-size: 50px;
        z-index: -1;
    }

.car_about_area.yacht_dubble_img .car_about_inner .c_ab_text h3 {
    position: relative;
}

    .car_about_area.yacht_dubble_img .car_about_inner .c_ab_text h3:before {
        content: "";
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/boat/boat-title-shadow2.png) no-repeat;
        height: 85px;
        width: 85px;
        position: absolute;
        left: 0%;
        top: -16px;
        transform: translate(0%, 0%);
    }

.car_about_area .counter_inner {
    padding-top: 70px;
}

    .car_about_area .counter_inner .counter_item h6 {
        color: #34373b;
    }

.car_about_area.about_counter .single_text {
    max-width: 845px;
    margin: 80px auto 0px;
    font: normal 20px/32px "Barlow", sans-serif;
    text-align: center;
}

.car_about_area.about_counter .counter_inner {
    padding-top: 50px;
}

.car_about_area.about_counter .counter_person {
    margin-top: 50px;
    text-align: center;
}

.car_about_inner .c_ab_text h6 {
    text-transform: uppercase;
    font: 500 16px "Barlow", sans-serif;
    margin-bottom: 12px;
}

.car_about_inner .c_ab_text h3 {
    font: bold 44px "Barlow", sans-serif;
    color: #34373b;
    margin-bottom: 18px;
}

.car_about_inner .c_ab_text p {
    padding-right: 30px;
    margin-bottom: 30px;
    position: relative;
}

    .car_about_inner .c_ab_text p i {
        position: absolute;
        color: #e5e5e5;
        font-size: 50px;
        left: 20px;
        top: -8px;
        opacity: 0.9;
        z-index: -1;
    }

.car_about_inner .c_ab_text .blockquote {
    border-left: 3px solid transparent;
    padding-left: 30px;
    padding-top: 13px;
    padding-bottom: 16px;
    margin-bottom: 0px;
}

    .car_about_inner .c_ab_text .blockquote p {
        font: normal 20px/32px "Barlow", sans-serif;
        color: #34373b;
        padding-right: 40px;
        margin-bottom: 18px;
    }

    .car_about_inner .c_ab_text .blockquote h4 {
        color: #34373b;
        margin-bottom: 0px;
        font: bold 20px "Barlow", sans-serif;
    }

        .car_about_inner .c_ab_text .blockquote h4 span {
            font-weight: normal;
            font-size: 16px;
        }

.car_about_inner .c_ab_text .sing {
    float: right;
    margin-right: 80px;
    margin-top: -60px;
}

.car_video {
    margin-left: 15px;
    position: relative;
}

    .car_video .play_btn {
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 50%;
        color: #ff2a39;
        font-size: 12px;
    }

        .car_video .play_btn:before {
            content: "";
            height: 70px;
            width: 70px;
            border-radius: 50%;
            border: 1px solid #fff;
            position: absolute;
            left: 50%;
            top: 50%;
            animation: runpulse 1s infinite linear;
            margin-left: -35px;
            margin-top: -35px;
        }

        .car_video .play_btn:after {
            content: "";
            height: 60px;
            width: 60px;
            border-radius: 50%;
            border: 1px solid #fff;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -30px;
            margin-top: -30px;
            animation: runpulse 1.5s infinite linear;
        }

.luxuary_video_area {
    position: relative;
    padding-left: 100px;
    padding-right: 100px;
}

    .luxuary_video_area .car_video .play_btn {
        color: #fff;
        font-size: 20px;
        z-index: 3;
        background: transparent;
        height: auto;
        width: auto;
    }

        .luxuary_video_area .car_video .play_btn i {
            height: 70px;
            width: 70px;
            border-radius: 50%;
            line-height: 70px;
            display: inline-block;
        }

        .luxuary_video_area .car_video .play_btn:before {
            border: none;
            background: rgba(255, 255, 255, 0.15);
            height: 170px;
            width: 170px;
            margin-left: -85px;
            margin-top: -85px;
            z-index: -1;
        }

        .luxuary_video_area .car_video .play_btn:after {
            background: rgba(255, 255, 255, 0.15);
            height: 120px;
            width: 120px;
            border: none;
            margin-left: -60px;
            margin-top: -60px;
            z-index: -1;
        }

/* End Car About Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Auto Market Area css
============================================================================================ */
.auto_market_area .market_inner .market_text h3 {
    font: bold 44px "Barlow", sans-serif;
    color: #34373b;
    position: relative;
    margin-bottom: 15px;
}

    .auto_market_area .market_inner .market_text h3 img {
        position: absolute;
        left: 0px;
        top: -26px;
    }

.auto_market_area .market_inner .market_text .nav.nav-tabs {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    margin: 0px;
}

    .auto_market_area .market_inner .market_text .nav.nav-tabs li {
        margin: 0px;
    }

        .auto_market_area .market_inner .market_text .nav.nav-tabs li a {
            border-radius: 0px;
            border: none;
            font: bold 16px "Barlow", sans-serif;
            color: #34373b;
            text-transform: uppercase;
            padding: 0px 47px;
            margin: 0px;
            line-height: 52px;
            position: relative;
            cursor: pointer;
        }

            .auto_market_area .market_inner .market_text .nav.nav-tabs li a:before {
                content: "";
                width: 0%;
                height: 2px;
                position: absolute;
                left: 0px;
                bottom: -1px;
                transition: all 300ms linear 0s;
            }

            .auto_market_area .market_inner .market_text .nav.nav-tabs li a.active:before {
                width: 100%;
            }

.auto_market_area .market_inner .market_text .tab-pane {
    padding: 0px;
    padding-top: 25px;
}

    .auto_market_area .market_inner .market_text .tab-pane p {
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .auto_market_area .market_inner .market_text .tab-pane .media {
        margin-right: -15px;
    }

        .auto_market_area .market_inner .market_text .tab-pane .media .d-flex {
            padding-right: 12px;
        }

            .auto_market_area .market_inner .market_text .tab-pane .media .d-flex i {
                font-size: 40px;
                margin-top: 6px;
            }

        .auto_market_area .market_inner .market_text .tab-pane .media .media-body h4 {
            color: #34373b;
            font: bold 24px "Barlow", sans-serif;
            margin-bottom: 12px;
        }

        .auto_market_area .market_inner .market_text .tab-pane .media .media-body p {
            margin-bottom: 0px;
        }

.auto_market_area .market_inner .market_image {
    text-align: right;
}

/* End Auto Market Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Team Area css
============================================================================================ */
.team_inner {
    margin-bottom: -40px;
}

.team_item {
    margin-bottom: 40px;
}

    .team_item .people_img {
        margin-bottom: 15px;
        position: relative;
        z-index: 2;
        overflow: hidden;
    }

        .team_item .people_img:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0px;
            height: 100%;
            width: 100%;
            transform-origin: 50% 100%;
            transform: scaleY(0);
            transition: all 300ms linear;
        }

        .team_item .people_img .nav {
            position: absolute;
            left: 0px;
            text-align: center;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
            overflow: hidden;
        }

            .team_item .people_img .nav li {
                margin-right: 30px;
                margin-bottom: -20px;
                opacity: 0;
                transition: all 600ms linear;
            }

                .team_item .people_img .nav li:last-child {
                    margin-right: 0px;
                }

                .team_item .people_img .nav li a {
                    color: #fff;
                    font-size: 18px;
                }

        .team_item .people_img:hover:before {
            transform: scale(1);
        }

        .team_item .people_img:hover .nav li {
            margin-bottom: 0px;
            opacity: 1;
        }

    .team_item .people_text {
        text-align: center;
    }

        .team_item .people_text h4 {
            font: bold 20px "Barlow", sans-serif;
            color: #34373b;
            margin-bottom: 7px;
            transition: all 300ms linear 0s;
        }

        .team_item .people_text p {
            margin-bottom: 0px;
        }

/* End Team Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Search Form Animation Area css
============================================================================================ */
.search_area {
    position: relative;
    max-width: 950px;
    margin: auto;
}

    .search_area .search_box_inner {
        background: #f0f2f5;
        padding: 70px 60px 100px 60px;
        display: block;
        overflow: hidden;
        box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.2);
        border-style: solid;
        border-width: 1px;
        border-color: #d7d9dd;
    }

        .search_area .search_box_inner h3 {
            padding-bottom: 40px;
            font-family: "Barlow", sans-serif;
            font-size: 32px;
            color: #34373b;
            letter-spacing: 0.48px;
        }

        .search_area .search_box_inner .input-group {
            display: block;
            position: relative;
        }

            .search_area .search_box_inner .input-group input {
                background: transparent;
                border-radius: 0px;
                outline: none;
                height: 50px;
                padding: 0px;
                border: none;
                outline: none;
                box-shadow: none;
                border-bottom: 1px solid #b9bec4;
                color: #34373b;
                font-family: "Barlow", sans-serif;
                font-size: 18px;
                width: 100%;
            }

                .search_area .search_box_inner .input-group input.placeholder {
                    color: #34373b;
                    font-family: "Barlow", sans-serif;
                    font-size: 18px;
                    font-weight: normal;
                }

                .search_area .search_box_inner .input-group input:-moz-placeholder {
                    color: #34373b;
                    font-family: "Barlow", sans-serif;
                    font-size: 18px;
                    font-weight: normal;
                }

                .search_area .search_box_inner .input-group input::-moz-placeholder {
                    color: #34373b;
                    font-family: "Barlow", sans-serif;
                    font-size: 18px;
                    font-weight: normal;
                }

                .search_area .search_box_inner .input-group input::-webkit-input-placeholder {
                    color: #34373b;
                    font-family: "Barlow", sans-serif;
                    font-size: 18px;
                    font-weight: normal;
                }

            .search_area .search_box_inner .input-group .input-group-btn {
                position: absolute;
                right: 5px;
                top: 12px;
                z-index: 4;
                display: none;
            }

                .search_area .search_box_inner .input-group .input-group-btn .btn-default {
                    padding: 0px;
                    border: none;
                    outline: none !important;
                    box-shadow: none !important;
                    background: transparent;
                    color: #666;
                    font-family: "Barlow", sans-serif;
                    font-size: 16px;
                    letter-spacing: 0.28px;
                }

    .search_area .mfp-close {
        right: 0px;
        color: #34373b;
        opacity: 1;
    }

/* Styles for dialog window */
#small-dialog {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}

/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/* End Search Form Animation Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(0.2, 0.2, 0.2);
    }
}

@keyframes pulse2 {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(0, 0, 0);
    }

    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse3 {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(0, 0, 0);
    }

    90% {
        transform: scale3d(1, 1, 1);
    }
}

.main-loader {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loader1 {
    width: 20px;
    height: 20px;
    background-color: #ff2a39;
    border-radius: 50%;
    float: left;
    z-index: 9;
    position: absolute;
    left: 20px;
    top: 20px;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: center;
    animation-delay: 0s;
    transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.loader2 {
    width: 40px;
    height: 40px;
    background-color: #ff2a39;
    border-radius: 50%;
    float: left;
    z-index: 8;
    opacity: 0.7;
    position: absolute;
    left: 10px;
    top: 10px;
    animation-name: pulse2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: 0.3s;
    transform-origin: center;
    transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.loader3 {
    width: 60px;
    height: 60px;
    background-color: #ff2a39;
    border-radius: 50%;
    float: left;
    z-index: 7;
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    animation-name: pulse3;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: 0.5s;
    transform-origin: center;
    transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.preloader {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    overflow: hidden;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*============ shop_product_item  css ========*/
.shop_product_item {
    cursor: pointer;
}

    .shop_product_item .onsale {
        position: absolute;
        top: 10px;
        left: 10px;
        background: #ff2a39;
        color: #fff;
        display: block;
        line-height: 1;
        padding: 3px 8px;
        text-align: center;
        z-index: 22;
    }

    .shop_product_item .car_img .cart_option {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        top: 40%;
        transform: translateY(-50%);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

        .shop_product_item .car_img .cart_option a {
            width: 50px;
            height: 50px;
            background-color: #fff;
            color: #777;
            border-radius: 0px;
            line-height: 52px;
            text-align: center;
            font-size: 18px;
            display: inline-block;
            transition: all 0.2s linear;
            margin: 0;
        }

            .shop_product_item .car_img .cart_option a:hover {
                background: #ff2a39;
                color: #fff;
            }

    .shop_product_item:hover .car_img .cart_option {
        opacity: 1;
        visibility: visible;
        top: 50%;
    }

.price {
    display: flex;
    flex-direction: row-reverse;
    font: 700 20px "Barlow", sans-serif;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
}

    .price ins {
        text-decoration: none;
        color: #f75d34;
    }

    .price del {
        font-size: 16px;
        margin-left: 5px;
        color: #777777;
    }

.shop_product_sidebar .news_widget .news_inner {
    margin-top: -6px;
}

    .shop_product_sidebar .news_widget .news_inner .media .d-flex {
        margin-top: 6px;
    }

    .shop_product_sidebar .news_widget .news_inner .media img {
        width: 80px;
    }

    .shop_product_sidebar .news_widget .news_inner .media .media-body h4 {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .shop_product_sidebar .news_widget .news_inner .media .media-body .amount {
        font: 600 16px "Barlow", sans-serif;
        color: #f75d34;
    }

@media (max-width: 991px) {
    .shop_product_sidebar {
        margin-top: 50px;
    }
}

/*============ shop_product_item  css ========*/
/*============ shop_detaisl_area css ========*/
.shop_detaisl_area .woocommerce-product-gallery-wrapper {
    padding-right: 40px;
}

@media (max-width: 1199px) {
    .shop_detaisl_area .woocommerce-product-gallery-wrapper {
        padding-right: 0;
        margin-bottom: 25px;
    }
}

.pr_details h3 {
    color: #34373b;
    font: bold 36px "Barlow", sans-serif;
    margin-bottom: 5px;
    padding-right: 14px;
}

.pr_details .review_link {
    font-size: 14px;
    color: #777777;
    margin-left: 5px;
    margin-bottom: 10px;
}

.pr_details .price {
    font-size: 34px;
    margin-top: 0px;
    margin-bottom: 18px;
}

.pr_details .cart_product {
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
}

.pr_details .product_count {
    position: relative;
    display: inline-block;
    max-width: 100px;
    padding-left: 0px;
}

    .pr_details .product_count input {
        width: 100%;
        height: 60px;
        border: 1px solid #dfdfdf;
        padding-left: 25px;
        font: normal 16px "Barlow", sans-serif;
        color: #777777;
        outline: none;
        box-shadow: none;
    }

    .pr_details .product_count button {
        position: absolute;
        right: 15px;
        border: none;
        padding: 0px;
        background: transparent;
        font-size: 18px;
        color: #777777;
        line-height: 15px;
    }

        .pr_details .product_count button.reduced {
            bottom: 14px;
        }

        .pr_details .product_count button.increase {
            top: 14px;
        }

.pr_details .main_btn {
    font-size: 20px;
    line-height: 58px;
    font-weight: 600;
    padding: 0px 42px;
    margin-left: 10px;
}

@media (max-width: 1199px) {
    .pr_details .main_btn {
        padding: 0px 30px;
    }
}

@media (max-width: 400px) {
    .pr_details .main_btn {
        padding: 0px 40px;
    }
}

.pr_details .heart_btn {
    line-height: 58px;
    background: transparent;
    border: 1px solid #dfdfdf;
    color: #777;
    font-size: 22px;
    padding: 0px 30px;
    margin-left: 10px;
    display: inline-block;
}

@media (max-width: 400px) {
    .pr_details .heart_btn {
        margin-left: 0;
        margin-top: 10px;
    }
}

.pr_details .heart_btn:hover {
    background: #ff2a39;
    border-color: #ff2a39;
    color: #fff;
}

.pr_details .product_meta {
    font-size: 18px;
    color: #34373b;
    font-weight: 500;
    margin-top: 40px;
}

    .pr_details .product_meta a {
        color: #7d7d7d;
        margin-left: 5px;
        font-weight: 400;
    }

.s_pr_details_content {
    max-width: 800px;
    margin: 70px auto 0px;
}

    .s_pr_details_content .pr_tab {
        align-items: center;
        justify-content: center;
        border: 0px;
    }

        .s_pr_details_content .pr_tab .nav-item .nav-link {
            color: #34373b;
            font: 600 22px "Barlow", sans-serif;
            border: 0px;
            position: relative;
            padding-bottom: 15px;
            transition: color 0.2s;
        }

            .s_pr_details_content .pr_tab .nav-item .nav-link:before {
                content: "";
                width: 100%;
                height: 2px;
                background: #ff2a39;
                position: absolute;
                bottom: -0.7px;
                opacity: 0;
                transition: all 0.2s linear;
                left: 0;
            }

            .s_pr_details_content .pr_tab .nav-item .nav-link.active, .s_pr_details_content .pr_tab .nav-item .nav-link:hover {
                color: #ff2a39;
            }

                .s_pr_details_content .pr_tab .nav-item .nav-link.active:before, .s_pr_details_content .pr_tab .nav-item .nav-link:hover:before {
                    opacity: 1;
                }

    .s_pr_details_content .s_comment_list .s_comment_list_inner .media .media-body h4 {
        margin-top: 0;
    }

    .s_pr_details_content .s_comment_list .s_comment_list_inner .media .media-body .star-rating {
        position: absolute;
        right: 0px;
        top: -3px;
    }

@media (max-width: 400px) {
    .s_pr_details_content .s_comment_list .s_comment_list_inner .media .media-body .star-rating {
        position: relative;
        top: 0;
        margin-bottom: 10px;
    }
}

.s_pr_details_content .s_comment_area, .s_pr_details_content .s_comment_list {
    padding: 50px 40px;
}

@media (max-width: 1199px) {
    .s_pr_details_content .s_comment_area, .s_pr_details_content .s_comment_list {
        padding: 30px;
    }
}

@media (max-width: 400px) {
    .s_pr_details_content .s_comment_area, .s_pr_details_content .s_comment_list {
        padding: 30px 15px;
    }
}

.s_pr_details_content .s_comment_area .single_b_title, .s_pr_details_content .s_comment_list .single_b_title {
    margin-bottom: 40px;
}

.s_pr_details_content .s_comment_area .s_comment_inner .contact_form .form-group:last-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 460px) {
    .s_pr_details_content .s_comment_area .s_comment_inner .contact_form .form-group:last-child {
        display: block;
    }
}

.s_pr_details_content .s_comment_area .comment_form_rating {
    display: flex;
}

@media (max-width: 460px) {
    .s_pr_details_content .s_comment_area .comment_form_rating {
        margin-top: 10px;
    }
}

.s_pr_details_content .s_comment_area .comment_form_rating .text {
    font-size: 16px;
    margin-right: 5px;
    color: #34373b;
    font-weight: 500;
}

.s_pr_details_content .s_comment_area .comment_form_rating p {
    margin-bottom: 0;
}

    .s_pr_details_content .s_comment_area .comment_form_rating p.stars {
        display: inline-block;
        vertical-align: top;
        font-size: 0;
        line-height: 0;
    }

        .s_pr_details_content .s_comment_area .comment_form_rating p.stars a {
            display: inline-block;
        }

            .s_pr_details_content .s_comment_area .comment_form_rating p.stars a:before {
                display: block;
                font-family: "FontAwesome", sans-serif;
                font-size: 14px;
                line-height: 28px;
                letter-spacing: 0.3em;
                color: #777;
                opacity: 0.5;
                content: "";
                transition: all 0.3s ease;
            }

            .s_pr_details_content .s_comment_area .comment_form_rating p.stars a:hover ~ a:before {
                color: #777;
                opacity: 0.5;
            }

        .s_pr_details_content .s_comment_area .comment_form_rating p.stars:hover a:before {
            color: #ffbc53;
            opacity: 1;
        }

.shop_tab_content {
    padding-top: 80px;
}

    .shop_tab_content h2, .shop_tab_content h4 {
        color: #34373b;
        margin-bottom: 20px;
    }

    .shop_tab_content h4 {
        margin-top: 40px;
    }

    .shop_tab_content ul li {
        position: relative;
        padding-left: 18px;
        margin-bottom: 5px;
    }

        .shop_tab_content ul li:before {
            content: "";
            width: 6px;
            height: 6px;
            left: 0;
            top: 12px;
            position: absolute;
            border-radius: 50%;
            background: #777777;
            opacity: 0.8;
        }

.border-none {
    border: 0px;
}

/*============ shop_detaisl_area css ========*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
.footer_area {
    background: #292a29;
    padding-top: 70px;
}

.f_widgets_inner {
    padding-bottom: 60px;
}

.f_title {
    margin-bottom: 32px;
}

    .f_title h3 {
        color: #fff;
        font: bold 24px "Barlow", sans-serif;
        margin-bottom: 0px;
    }

.about_widget .f_logo {
    padding-left: 0px;
    margin-bottom: 0px;
}

.about_widget img {
    margin-bottom: 35px;
}

.about_widget i {
    padding-right: 10px;
    font-size: 16px;
    position: absolute;
    left: 0px;
    top: 8px;
}

.about_widget p {
    position: relative;
    padding-left: 27px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 15px;
}

.about_widget a {
    display: block;
    color: #fff;
    position: relative;
    padding-left: 27px;
    margin-bottom: 15px;
}

    .about_widget a:last-child {
        margin-bottom: 0px;
    }

    .about_widget a span {
        text-decoration: underline;
    }

.link_widget {
    margin-left: 20px;
}

    .link_widget .nav li a {
        color: #fff;
        font: normal 16px/36px "Barlow", sans-serif;
        transition: all 300ms linear 0s;
    }

.subscribe_widget .input-group {
    position: relative;
}

    .subscribe_widget .input-group input {
        width: 100%;
        display: block;
        background: #212221;
        border: none;
        height: 55px;
        outline: none !important;
        box-shadow: none !important;
        border-radius: 27.5px !important;
        padding-right: 75px;
        padding-left: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: #fff;
        font: normal 15px/55px "Barlow", sans-serif;
    }

        .subscribe_widget .input-group input.placeholder {
            color: rgba(255, 255, 255, 0.5);
            font: normal 15px/55px "Barlow", sans-serif;
        }

        .subscribe_widget .input-group input:-moz-placeholder {
            color: rgba(255, 255, 255, 0.5);
            font: normal 15px/55px "Barlow", sans-serif;
        }

        .subscribe_widget .input-group input::-moz-placeholder {
            color: rgba(255, 255, 255, 0.5);
            font: normal 15px/55px "Barlow", sans-serif;
        }

        .subscribe_widget .input-group input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.5);
            font: normal 15px/55px "Barlow", sans-serif;
        }

    .subscribe_widget .input-group .input-group-append {
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 4;
    }

        .subscribe_widget .input-group .input-group-append button {
            border: none;
            height: 47px;
            border-radius: 23.5px !important;
            width: 70px;
            padding: 0px;
            text-align: center;
            outline: none !important;
            box-shadow: none !important;
            transition: all 300ms linear 0s;
        }

            .subscribe_widget .input-group .input-group-append button i {
                color: #fff;
                font-size: 24px;
                line-height: 47px;
            }

            .subscribe_widget .input-group .input-group-append button:hover {
                color: #fff;
            }

            .subscribe_widget .input-group .input-group-append button.red {
                color: #fff;
                position: relative;
            }

                .subscribe_widget .input-group .input-group-append button.red:before {
                    border: #ff2a39 solid 6px;
                }

                .subscribe_widget .input-group .input-group-append button.red:hover {
                    color: #fff;
                }

.subscribe_widget .nav {
    margin-top: 32px;
}

    .subscribe_widget .nav li {
        margin-right: 10px;
    }

        .subscribe_widget .nav li a {
            display: inline-block;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            text-align: center;
            background: #475993;
            line-height: 40px;
            color: #fff;
            position: relative;
        }

            .subscribe_widget .nav li a:before {
                content: "";
                position: absolute;
                border: #475993 solid 3px;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                animation-duration: 1s;
                border-radius: 50%;
            }

        .subscribe_widget .nav li:nth-child(2) a {
            background: #ff2a39;
        }

            .subscribe_widget .nav li:nth-child(2) a:before {
                border-color: #ff2a39;
            }

        .subscribe_widget .nav li:nth-child(3) a {
            background: #5f9dec;
        }

            .subscribe_widget .nav li:nth-child(3) a:before {
                border-color: #5f9dec;
            }

        .subscribe_widget .nav li:last-child {
            margin-right: 0px;
        }

            .subscribe_widget .nav li:last-child a {
                background: #ff2a39;
            }

                .subscribe_widget .nav li:last-child a:before {
                    border-color: #ff2a39;
                }

        .subscribe_widget .nav li:hover a:before {
            animation-name: hvr-ripple-out;
        }

.footer_card .f_card_inner {
    background: #1a782e;
    padding: 25px 28px;
    border-radius: 5px;
}

    .footer_card .f_card_inner .left p {
        color: #fff;
        margin-bottom: 0px;
        font: normal 16px/24px "Barlow", sans-serif;
    }

    .footer_card .f_card_inner .right .nav {
        margin-top: 6px;
    }

        .footer_card .f_card_inner .right .nav li {
            margin-right: 10px;
        }

            .footer_card .f_card_inner .right .nav li:last-child {
                margin-right: 0px;
            }

.footer_copyright .copyright_inner {
    padding: 24px 0px;
}

    .footer_copyright .copyright_inner .left p {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.5);
        margin-bottom: 0px;
    }

        .footer_copyright .copyright_inner .left p a {
            text-decoration: underline;
        }

    .footer_copyright .copyright_inner .right .nav li {
        margin-right: 14px;
    }

        .footer_copyright .copyright_inner .right .nav li:last-child {
            margin-right: 0px;
        }

            .footer_copyright .copyright_inner .right .nav li:last-child a:before {
                display: none;
            }

        .footer_copyright .copyright_inner .right .nav li a {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.5);
            position: relative;
            transition: all 300ms linear 0s;
        }

            .footer_copyright .copyright_inner .right .nav li a:before {
                content: "";
                height: 14px;
                width: 1px;
                background: rgba(255, 255, 255, 0.5);
                position: absolute;
                right: -7px;
                top: 50%;
                transform: translateY(-50%);
            }

.red_footer_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/footer-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .red_footer_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .red_footer_area.budget_footer {
        background: url(../image/ab-footer-bg.jpg) no-repeat scroll center center;
    }

        .red_footer_area.budget_footer:before {
            background: rgba(26, 26, 26, 0.95);
        }

        .red_footer_area.budget_footer .footer_card .f_card_inner {
            background: #3a3a3a;
        }

        .red_footer_area.budget_footer .subscribe_widget .input-group input {
            background: #3a3a3a;
        }

    .red_footer_area .about_widget .f_logo {
        margin-top: -100px;
    }

    .red_footer_area .footer_card .f_card_inner {
        background: #282828;
    }

    .red_footer_area.blue_bg {
        background: #002260;
        position: relative;
        z-index: 2;
        overflow: hidden;
    }

        .red_footer_area.blue_bg:before {
            content: "";
            background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/footer-dotted.png) no-repeat scroll center center;
            height: 432px;
            width: 637px;
            position: absolute;
            left: 50%;
            bottom: 0px;
            top: auto;
            transform: translateX(-50%);
            z-index: -1;
        }

        .red_footer_area.blue_bg .about_widget .f_logo {
            margin-top: 0px;
        }

        .red_footer_area.blue_bg .subscribe_widget .input-group input {
            background: #00143a;
        }

        .red_footer_area.blue_bg .footer_card .f_card_inner {
            background: rgba(0, 0, 0, 0.4);
        }

.red2_footer_area {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/footer-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .red2_footer_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .red2_footer_area .about_widget .f_logo {
        margin-top: -100px;
    }

    .red2_footer_area .footer_card .f_card_inner {
        background: #282828;
    }

.gallery_widget .nav {
    flex-wrap: wrap;
    margin: -7px;
}

    .gallery_widget .nav li {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 8px;
    }

        .gallery_widget .nav li a {
            overflow: hidden;
            display: block;
        }

            .gallery_widget .nav li a img {
                width: 100%;
                transition: all 300ms ease;
            }

            .gallery_widget .nav li a:hover img {
                transform: scale(1.1);
            }

.orange_footer_area {
    background: #020d26;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

    .orange_footer_area:before {
        content: "";
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/footer-dotted.png) no-repeat scroll center center;
        height: 432px;
        width: 637px;
        position: absolute;
        left: 50%;
        bottom: 0px;
        transform: translateX(-50%);
        z-index: -1;
    }

    .orange_footer_area .subscribe_widget .input-group input {
        background: #002260;
    }

    .orange_footer_area .subscribe_widget .input-group .input-group-append button.orange {
        color: #fff;
        position: relative;
    }

        .orange_footer_area .subscribe_widget .input-group .input-group-append button.orange:before {
            border: #f75d34 solid 6px;
        }

        .orange_footer_area .subscribe_widget .input-group .input-group-append button.orange:hover {
            color: #fff;
            background: #e4390c;
        }

    .orange_footer_area .footer_copyright .copyright_inner {
        border-top: 1px solid #353d51;
    }

.classic_footer_area {
    background: #153e4d;
}

    .classic_footer_area .about_widget .f_logo {
        margin-top: -100px;
    }

    .classic_footer_area .subscribe_widget .input-group input {
        background: #11323e;
    }

    .classic_footer_area .subscribe_widget .input-group .input-group-append button.orange {
        color: #fff;
        position: relative;
    }

        .classic_footer_area .subscribe_widget .input-group .input-group-append button.orange:before {
            border: #f75d34 solid 6px;
        }

        .classic_footer_area .subscribe_widget .input-group .input-group-append button.orange:hover {
            color: #fff;
            background: #e4390c;
            border-color: #e4390c;
        }

    .classic_footer_area .footer_card .f_card_inner {
        background: #11323e;
    }

    .classic_footer_area .footer_copyright .copyright_inner {
        border-top: 1px solid #353d51;
    }

.yellow_footer {
    position: relative;
    padding-bottom: 24px;
}

    .yellow_footer:before {
        content: "";
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/trusted-border.jpg) no-repeat;
        height: 24px;
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        opacity: 0.2;
    }

    .yellow_footer .f_title h3 {
        color: #fecc18;
    }

    .yellow_footer .about_widget i {
        color: #fecc18;
    }

    .yellow_footer .link_widget .nav li:hover a {
        color: #fecc18;
    }

    .yellow_footer .subscribe_widget .input-group input {
        background: #393939;
    }

    .yellow_footer .subscribe_widget .input-group .input-group-append button {
        background: #fecc18;
    }

        .yellow_footer .subscribe_widget .input-group .input-group-append button:hover {
            background: #d6ac13;
        }

    .yellow_footer .footer_card .f_card_inner {
        background: #fecc18;
    }

        .yellow_footer .footer_card .f_card_inner p {
            color: #34373b;
        }

    .yellow_footer .footer_copyright .copyright_inner {
        border-top: 1px solid #353d51;
    }

        .yellow_footer .footer_copyright .copyright_inner .left p a {
            color: #fecc18;
        }

        .yellow_footer .footer_copyright .copyright_inner .right .nav li:hover a {
            color: #fecc18;
        }

.green_footer .subscribe_widget .input-group input {
    background: #112043;
}

.green_footer .footer_card .f_card_inner {
    background: #112043;
}

.green_footer .footer_copyright .copyright_inner {
    border-top: none;
}

.orange_two {
    overflow: hidden;
}

    .orange_two:before {
        bottom: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/footer-dotted-2.png);
        width: 637px;
        height: 522px;
    }

    .orange_two .subscribe_widget .input-group input {
        background: #112043;
    }

    .orange_two .footer_card .f_card_inner {
        background: #f75d34;
    }

.yacht_footer {
    background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/yacht-footer-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .yacht_footer:before {
        content: "";
        background: rgba(2, 13, 38, 0.9);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .yacht_footer .subscribe_widget .input-group input {
        background: #112043;
    }

    .yacht_footer .subscribe_widget .input-group .input-group-append button {
        background: #ff575d;
    }

    .yacht_footer .footer_copyright {
        background: rgba(0, 46, 130, 0.5);
    }

        .yacht_footer .footer_copyright .copyright_inner {
            border-top: none;
        }

.ab_footer {
    background: url(../image/ab-footer-bg.jpg) no-repeat scroll center center;
    background-size: cover;
}

    .ab_footer:before {
        background: rgba(26, 26, 26, 0.95);
    }

    .ab_footer .about_widget .f_logo {
        margin-top: 0px;
    }

    .ab_footer .subscribe_widget .input-group input {
        background: #3a3a3a;
    }

    .ab_footer .subscribe_widget .input-group .input-group-append button {
        background: #ff2a39;
    }

    .ab_footer .footer_card .f_card_inner {
        background: #3a3a3a;
    }

/* End Footer Area css
============================================================================================ */
/* Luxuary Footer Area css
============================================================================================ */
.footer_area_two {
    background: #000000;
    overflow: hidden;
}

.l_f_title {
    margin-bottom: 60px;
}

    .l_f_title h3 {
        color: #fff;
        font: normal 24px "Barlow", sans-serif;
        margin-bottom: 0px;
        position: relative;
    }

        .l_f_title h3:before {
            content: "";
            height: 2px;
            width: 50px;
            background: rgba(255, 255, 255, 0.1);
            position: absolute;
            left: 0px;
            bottom: -33px;
        }

.l_link_widget .nav li {
    margin-bottom: 10px;
}

    .l_link_widget .nav li a {
        color: rgba(255, 255, 255, 0.3);
        font: normal 16px "Barlow", sans-serif;
        transition: all 300ms linear 0s;
    }

    .l_link_widget .nav li:last-child {
        margin-bottom: 0px;
    }

.luxuary_copyright .l_copyright_inner {
    position: relative;
    padding: 45px 0px;
}

    .luxuary_copyright .l_copyright_inner:before {
        content: "";
        background: url(https://www.17sucai.com/2021/1/18/974403a9145eb9cac4b1f26b38b1d4c4/img/icon/luxuary-border-footer.png) no-repeat;
        height: 1px;
        width: 1110px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .luxuary_copyright .l_copyright_inner .nav li {
        margin-right: 35px;
    }

        .luxuary_copyright .l_copyright_inner .nav li:last-child {
            margin-right: 0px;
        }

        .luxuary_copyright .l_copyright_inner .nav li a {
            color: rgba(255, 255, 255, 0.3);
            font: normal 16px "Barlow", sans-serif;
            transition: all 300ms linear 0s;
            line-height: 60px;
            display: inline-block;
        }

    .luxuary_copyright .l_copyright_inner .l_f_logo {
        text-align: center;
        display: block;
    }

        .luxuary_copyright .l_copyright_inner .l_f_logo img {
            display: inline-block;
        }

/* End Luxuary Footer Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/*================== Start color css ===================*/
/*================== Start green color css ===================*/
.main_menu .navbar.navbar-expand-lg .navbar-nav li:hover a, .main_menu .navbar.navbar-expand-lg .navbar-nav li.active a, .single_title h2 span, .choose_item .icon i, .find_us_text h2 span, .find_us_text .list_finding .nav li a:hover, .drive_item .left .nav li a.active, .drive_item .left .nav li:hover a, .drive_item .right .hourly_toggle .nice_select .current, .drive_item .right .hourly_toggle .nice_select:after, .car_product_item .product_content .title h3:hover, .car_product_item .product_content .title h4, .top_ques_inner .accordion .card .card-header button, .about_widget i, .link_widget .nav li:hover a, .footer_copyright .copyright_inner .left p a, .footer_copyright .copyright_inner .right .nav li a:hover, .header_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a, .quickly_text_part h3 span, .quickly_item .media .d-flex i {
    color: #0cc533;
}

.main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a {
    background: #0cc533;
    color: #fff;
}

.main_btn, .submit_btn, .subscribe_widget .input-group .input-group-append button {
    background: #0cc533;
    color: #fff;
    border-color: #0cc533;
}

    .main_btn:hover, .submit_btn:hover, .subscribe_widget .input-group .input-group-append button:hover {
        color: #fff;
        background: #0ab12d;
        border-color: #0ab12d;
    }

.find_us_text .list_finding .nav li a:hover:before, .drive_item .left .nav li a:before {
    background: #0cc533;
}

.download_app_area:before {
    background: rgba(12, 197, 51, 0.85);
}

/*================== End green color css ===================*/
/*================== Start baseColor color css ===================*/
.top_menu, .header_area.menu_three .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before, .main_slider_area .slider_nav i:hover, .market_inner .car_img .nav li:hover, .client_slider .owl-dots .owl-dot:hover, .client_slider .owl-dots .owl-dot.active, .l_blog_item .blog_img .cat, .l_blog_item:hover .blog_content h3:before, .subscribe_widget .input-group .input-group-append button.red, .menu_two .navbar-light .navbar-toggler span, .menu_two .navbar-light .navbar-toggler.collapsed span, .menu_two .navbar-light .navbar-toggler span:before, .menu_two .navbar-light .navbar-toggler span:after, .auto_market_area .market_inner .market_text .nav.nav-tabs li a:before, .testi_slider .owl-dots .owl-dot.active, .testimonials_area.testi_red .testi_slider .owl-dots .owl-dot.active, .service_button .nav li a:hover, .service_button .nav li a.active, .find_us_red .find_us_text .list_finding .nav li a:hover:before, .red_truck_type .truck_type_slider .t_type_itme .t_type_text .left h4, .red_truck_type .truck_type_slider .owl-dots .owl-dot.active, .best_servicing_inner .twentytwenty-handle:before, .best_servicing_inner .twentytwenty-handle:after, .left_product_sidebar .accordion .card .card-body .price_wd_inner .ui-slider .ui-slider-handle, .left_product_sidebar .accordion .card .card-body .price_wd_inner .ui-slider .ui-slider-range, .pagination ul li:hover a, .pagination ul li.active a, .product_details_left .product_info a:hover, .specification_area .left_spec .nav a:hover, .specification_area .left_spec .nav a.active, .shipping .radio_group:checked + label:after, .shipping .radio_group:not(:checked) + label:after, .blog_item .blog_text .cat_area .cat_list a, .search_widget .input-group .input-group-append button, .s_comment_area .s_comment_inner .contact_form .form-group .submit_btn:hover, .main_slider.luxuary_slider .slider_item .slider_text p:before, .luxuary_video_area .car_video .play_btn, .get_cars_area .get_car_text h2:before, .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a, .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a, .header_area.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before, .contact_directly_area .contact_directly_bg .contact_info h2:before, .l_bus_item:hover .l_bus_text .read_btn:before {
    background: #373737 !important;
}

    .top_menu .top_menu_inner .right a i, .top_menu .top_menu_inner .right a span, .header_area.menu_three .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_three .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a, .market_inner .car_img .nav li h4, .market_text h3 span, .market_text .maket_item_inner .media .d-flex i, .b_f_item h4:hover, .l_collection_item .text_body h5, .l_collection_item:hover .text_body h4, .car_c_item:hover h5, .l_blog_item:hover .blog_content h3, .l_blog_item .blog_content .date:hover, .red_footer_area .about_widget i, .red_footer_area .link_widget .nav li:hover a, .red_footer_area .footer_copyright .copyright_inner .left p a, .red_footer_area .footer_copyright .copyright_inner .right .nav li:hover a, .auto_market_area .market_inner .market_text h3 span, .auto_market_area .market_inner .market_text .tab-pane .media .d-flex i, .team_item .people_text h4:hover, .car_about_area.about_counter .counter_inner .counter_item h4, .car_comparisom_item .comparisom_text h6, .compare_item .left h4:hover, .compare_item .right h4:hover, .contact_info_inner .contact_info_item i, .counter_inner .counter_item.red h4, .general_ques_inner .accordion .card .card-header button, .client_item p:after, .testi_item i, .testimonials_area.testi_red .testi_item i, .create_account_box .contact_form .form-group .forgot:hover, .create_account_box .contact_form .form-group h5 a:hover, .quickly_red .quickly_text_part h3 span, .quickly_red .quickly_item .media .d-flex i, .car_budget_red .car_budget_inner .tab-pane .taxi_text .car_details a i, .quickly_red .quickly_inner h3 span, .find_us_red .find_us_text h2 span, .find_us_red .find_us_text .list_finding .nav li a:hover, .truck_type_slider .t_type_itme.red .right .nav li i, .most_service_area.red_most_service .most_service_inner .most_service_text h6, .white_budget_feature .b_feature_inner .b_f_item .icon, .left_product_sidebar .accordion .card .card-header button, .car_found .right .grid a.active, .l_collection_item.grid_four .text_body h5, .l_collection_item.grid_four .text_body h4:hover, .l_collection_item.red:hover .text_body h4, .left_product_sidebar .accordion .card .card-body .wd_scroll li .creat_account input[type=checkbox]:checked ~ label, .left_product_sidebar .accordion .card .card-body .wd_scroll li .creat_account input[type=checkbox]:checked ~ label span, .clear_filter .clear, .product_list_item:hover .media-body h4, .product_list_item .media-body h6 span, .product_details_left .price_title .right h4, .cart_details_area .cart_details_inner .table tbody tr td.price i:hover, .cart_details_area .cart_details_inner .table tfoot .table_footer td:last-child .main_btn, .billing_form .select_check .create_box label, .blog_item .blog_text .cat_area a:hover, .blog_item .blog_text h3:hover, .blog_item .blog_text .view_btn:hover, .categories_widget .list li:hover > a, .categories_widget .list li:hover > a span, .categories_widget .list li:hover > a i, .news_widget .news_inner .media .media-body h4:hover, .author_details .media .media-body h4:hover, .s_comment_list .s_comment_list_inner .media .media-body h4:hover, .s_comment_list .s_comment_list_inner .media .media-body .reply_btn:hover, .main_slider.luxuary_slider .slider_item .slider_text h5, .header_area.navbar_fixed.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_seven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a, .contact_directly_area .contact_directly_bg .contact_info p i, .border_btn.red, .l_bus_item:hover .l_bus_text h3, .l_bus_item:hover .l_bus_text .read_btn, .l_link_widget .nav li:hover a, .luxuary_copyright .l_copyright_inner .nav li a:hover, .bike_type_item h5, .bike_type_item:hover h3, .header_area.menu_five.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_five.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a, .expert_area .expert_inner .expert_item i, .car_about_inner .c_ab_text h6, .title_two h5, .pr_rate .media-left p a {
        color: #373737;
    }

        .main_btn.red, .feature_car_area .f_car_slider .car_arrow .owl-prev:hover, .feature_car_area .f_car_slider .car_arrow .owl-next:hover, .main_btn.border:hover, .main_btn.red.border:hover, .submit_btn.red, .creat_account input[type=checkbox]:checked ~ .check, .car_budget_red .car_budget_inner .nav.nav-tabs li a, .product_list_right .main_btn + .main_btn:hover, .cart_details_area .cart_details_inner .table tfoot .table_footer td:last-child .main_btn:hover, .cart_box .cart_list_inner .list_itme .right .form-group .submit_btn:hover, .tag_widget .nav li a:hover, .single_blog_inner .blog_item .blog_text .tags .nav li a:hover, .border_btn:hover, .border_btn.red:hover, .pr_rate .media-left p a:before {
            background: #373737;
            border-color: #393939;
        }

.our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li a.active, .our_service_area.luxuary_s_car .or_service_inner .service_button .nav.nav-tabs li a:hover {
    background: transparent !important;
}

.main_btn.red:hover, .subscribe_widget .input-group .input-group-append button.red:hover, .submit_btn.red:hover {
    background: #d12632;
    border-color: #d12632;
}

.calculator_area .calculator_inner, .contact_form .form-group input:focus, .create_account_box, .car_budget_red .car_budget_inner .tab-pane .price_content .price_km, .best_servicing_inner .twentytwenty-handle, .search_widget .input-group input:focus, .border_btn.red, .shipping .radio_group:checked + label:before, .payment_options .shipping .radio_group:checked + label:before {
    border-color: #ff2a39;
}

.car_about_inner .c_ab_text .blockquote {
    border-left-color: #ff2a39;
}

.service_button .nav li a:before, .specification_area .left_spec .nav a:before {
    border-color: transparent transparent transparent #ff2a39;
}

.team_item .people_img:before {
    background: rgba(255, 42, 57, 0.8);
}

.header_area.menu_five .top_menu .top_menu_inner .right .main_btn, .header_area.menu_five.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav li a:before, .header_area.menu_five.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a, .header_area.menu_five.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a, .process_left_text .media .d-flex i {
    background: #ff2a39;
}

.header_area.menu_five.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a {
    background: #fff;
}

/*================== End baseColor color css ===================*/
.header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a, .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a, .main_slider .slider_item .slider_text h6:before, .bike_type_area.red2 .g_fillter .nav li a:before, .l_blog_item.red2:hover .blog_content h3:before, .header_area.menu_two.menu_three .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu > li:hover > a, .header_area.menu_two.menu_three .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu .submenu .dropdown-menu > li:hover a {
    background: #ea2626;
}

.header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before, .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before, .red2_footer_area .subscribe_widget .input-group .input-group-append button.red {
    background: #ea2626 !important;
}

.main_slider .slider_item .slider_text .main_btn.white:hover, .main_btn.red2, .main_btn.red2 {
    background: #ea2626;
    border-color: #ea2626;
}

.brand_inner .brand_item:hover h4, .feature_bike_area .feature_bike_slider .item .bike_s_item.red2 .bike_text h5, .view_btn.red2, .title_two.red2 h5, .bike_type_area.red2 .g_fillter .nav li:hover a, .bike_type_area.red2 .g_fillter .nav li.active a, .bike_type_item.red2:hover h3, .bike_type_item.red2 h5, .testimonials_area.red2 .testi_item i, .l_blog_item.red2:hover .blog_content h3, .red2_footer_area .about_widget i, .red2_footer_area .link_widget .nav li:hover a, .red2_footer_area .footer_copyright .copyright_inner .left p a, .red2_footer_area .footer_copyright .copyright_inner .right .nav li:hover a {
    color: #ea2626;
}

.main_btn.red2:hover {
    background: #d61919;
    border-color: #d61919;
}

.find_form_inner, .find_form .find_title {
    background: #373737;
}

.main_btn.orange, .top_six_menu .top_inner .right .main_btn, .main_slider.bus_slider .slider_item .slider_text .main_btn.orange + .main_btn.orange:hover {
    background: #f75d34;
    border-color: #f75d34;
}

.compare_item .right h5, .compare_item .left h5, .truck_service_inner .t_service_item i, .truck_service_inner .t_service_item:hover h6, .most_service_area .most_service_inner .most_service_text h6, .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a, .main_slider.bus_slider .slider_item .slider_text h2 span, .find_form.pest_form .find_title span, .find_form.pest_form .find_title i, .car_collection .drive_item .left .nav li a:hover, .car_collection .drive_item .left .nav li a.active, .l_collection_item.orange .text_body h5, .l_collection_item.orange:hover .text_body h4, .car_company_area .car_c_item:hover h5, .quickly_area .quickly_inner h3 span, .classified_car_browse .car_c_item:hover h5, .l_blog_item.orange:hover .blog_content h3, .classic_footer_area .f_title h3, .classic_footer_area .about_widget i, .classic_footer_area .link_widget .nav li a:hover, .classic_footer_area .footer_copyright .copyright_inner .left p a, .classic_footer_area .footer_copyright .copyright_inner .right .nav li a:hover, .header_area.navbar_fixed.menu_two.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li:hover > a, .header_area.navbar_fixed.menu_two.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav > li.active > a, .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li:hover > a, .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.active > a, .easy_way .easy_item_inner .easy_item:hover p, .easy_way .easy_item_inner .easy_item:hover p span, .orange_iso .g_fillter .nav li:hover a, .orange_iso .g_fillter .nav li.active a, .bus_item:hover .bus_body h4, .bus_item .bus_footer a i, .counter_inner .counter_item i, .title_two.orange h5, .lowest_price_area h4, .testimonials_area.testi_two_or .testi_item i, .latest_bus_blog .l_bus_item:hover .l_bus_text h3, .latest_bus_blog .l_bus_item:hover .l_bus_text .read_btn, .orange_footer_area .f_title h3, .orange_footer_area .about_widget i, .orange_footer_area .link_widget .nav li:hover a, .orange_footer_area .footer_copyright .copyright_inner .left p a, .orange_footer_area .footer_copyright .copyright_inner .right .nav li:hover a {
    color: #f75d34;
}

    .comparisom_slider .owl-dots button.active, .truck_type_slider .t_type_itme .t_type_text .left h4, .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a, .header_area.menu_six .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a, .header_area.menu_six .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before, .find_form.pest_form .find_form_inner .find_item .submit_btn, .car_collection .drive_item .left .nav li a:hover:before, .car_collection .drive_item .left .nav li a.active:before, .car_collection .drive_product_view .car_tab_slider .owl-dots button.active, .l_blog_item.orange:hover .blog_content h3:before, .l_blog_item.orange .blog_img .cat, .testimonials_area.testi_two_or .testi_slider .owl-dots .owl-dot.active, .latest_bus_blog .l_bus_item:hover .l_bus_text .read_btn:before {
        background: #f75d34 !important;
    }

    .classic_footer_area .subscribe_widget .input-group .input-group-append button.orange, .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li > a:before, .header_area.menu_four .main_menu .navbar.navbar-expand-lg .navbar-nav > li.submenu .dropdown-menu li:hover a, .orange_iso .g_fillter .nav li:hover a:before, .orange_iso .g_fillter .nav li.active a:before, .bus_item .bus_body h3, .orange_footer_area .subscribe_widget .input-group .input-group-append button.orange {
        background: #f75d34;
    }

.main_btn.orange:hover, .top_six_menu .top_inner .right .main_btn:hover, .find_form.pest_form .find_form_inner .find_item .submit_btn {
    background: #e4390c;
    border-color: #e4390c;
}

.main_btn.border, .cart_details_area .cart_details_inner .table tfoot .table_footer td:last-child .main_btn {
    background: transparent;
}

.bus_item .bus_body h3:before {
    border-color: transparent transparent #f75d34 transparent;
}

.car_about_area.truck_video .car_about_inner .c_ab_text .blockquote {
    border-color: #f75d34;
}

.top_menu_nine .top_menu_inner .right .nav li a:hover, .middle_menu .right .media .d-flex i, .explore_item .explore_text h6, .explore_item:hover .explore_text a, .tractor_green_bus .g_fillter .nav li:hover a, .tractor_green_bus .g_fillter .nav li.active a, .bus_item.green .bus_footer a i, .bus_item.green:hover .bus_body h4, .compare_item.green .right h5, .compare_item.green .left h5, .compare_item.green .right h4:hover, .compare_item.green .left h4:hover, .testimonials_area.green_testi .testi_item i, .taxi_l_item.green:hover .taxi_text h4, .green_footer .f_title h3, .green_footer .about_widget i, .green_footer .link_widget .nav li:hover a, .green_footer .footer_copyright .copyright_inner .left p a, .green_footer .footer_copyright .copyright_inner .right .nav li:hover a {
    color: #0cc533;
}

    .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a, .header_area.menu_nine .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover > a, .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a, .header_area.menu_two .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a, .header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before, .tractor_brand_slider .owl-dots button.active, .tractor_green_bus .g_fillter .nav li a:before, .tractor_green_bus .g_fillter .nav li.active a:before, .bus_item.green .bus_body h3, .taxi_l_item.green .taxi_img .taxi_date, .green_footer .subscribe_widget .input-group .input-group-append button {
        background: #0cc533;
    }

.car_comparisom_area.tractor_compare .comparisom_slider .owl-dots button.active, .testimonials_area.green_testi .testi_slider .owl-dots .owl-dot.active {
    background: #0cc533 !important;
}

.bus_item.green .bus_body h3:before {
    border-color: transparent transparent #0cc533 transparent;
}

.green_footer .subscribe_widget .input-group .input-group-append button:hover {
    background: #0ab12d;
    border-color: #0ab12d;
}

.header_area.menu_five .top_menu {
    background: #002260 !important;
}

.header_area.menu_eleven .top_bus_menu {
    background: #002e82;
}

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li:hover > a, .header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.active > a, .boat_types_inner .boat_t_item:hover h4, .car_about_area .counter_inner .counter_item h4, .f_yacht_slider .bus_item.per:hover .bus_body h4, .f_yacht_slider .bus_item.per .bus_footer a i, .bike_type_area.all_yacht .g_fillter li:hover a, .bike_type_area.all_yacht .g_fillter li.active a, .all_yacht_item:hover .yacht_text h3:hover, .all_yacht_item .view_btn:hover, .taxi_l_item.per:hover .taxi_text h4, .yacht_footer .f_title h3, .yacht_footer .about_widget i, .yacht_footer .link_widget .nav li:hover a, .yacht_footer .footer_copyright .copyright_inner .left p a, .yacht_footer .footer_copyright .copyright_inner .right .nav li:hover a {
    color: #ff575d;
}

    .header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li a:before, .header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a, .header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a, .header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn, .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range .ui-slider .ui-slider-handle, .find_yacht_area .find_yacht_inner .contact_form .form-group .price_range .ui-slider .ui-slider-range, .f_yacht_slider .bus_item.per .bus_body h3, .bike_type_area.all_yacht .g_fillter li:hover a:before, .bike_type_area.all_yacht .g_fillter li.active a:before, .tractor_brand_area.yacht_brand .tractor_brand_slider .owl-dots button.active, .taxi_l_item.per .taxi_img .taxi_date {
        background: #ff575d;
    }

.header_area.menu_eleven .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .cart:before, .main_slider_area.yacht_slider_area .slider_nav i:hover {
    background: #ff575d !important;
}

.header_area.menu_two .main_menu .navbar.navbar-expand-lg .nav.navbar-nav.navbar-right li .main_btn:hover, .submit_btn.per:hover, .quickly_area.yacht_easily .quickly_inner .main_btn:hover {
    background: #da464c;
    border-color: #da464c;
}

.main_slider.truck_slider .slider_item .slider_text .main_btn.blue:hover, .submit_btn.per, .main_btn.per {
    background: #ff575d;
    border-color: #ff575d;
}

.f_yacht_slider .bus_item.per .bus_body h3:before {
    border-color: transparent transparent #ff575d transparent;
}

.download_taxi_area:before {
    background: rgba(0, 0, 0, 0.85);
}

/*---------------------------------------------------- */
/*# sourceMappingURL=style.css.map */

.p_20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.car_img {
    position: relative;
    display: inline-block;
}

    .car_img img {
        display: block;
    }

    .car_img .badge {
        position: absolute;
        bottom: 10px; /* 调整为合适的位置 */
        left: 10px; /* 调整为合适的位置 */

        color: white;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 0.7rem;
        opacity: .7;
    }

.badge0 {
    background-color: #0cc533;
}

.badge1 {
    background-color: #aa9595;
}

.badge2 {
    background-color: #ff2a39;
}