*{
    transition: all 0.5s ease-in-out;
}

.theme_flip{
    backface-visibility: hidden;
    transition: 1s;
    transform-style: preserve-3d;
}

.theme_flip.rotate{
    transform: rotateY(360deg);
}

.theme_loader_section{
    opacity: 0;
    visibility: hidden;
    position: fixed;
    background: rgb(0 0 0 / 60%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    transition: all 0.5s ease;
}

.theme_loader_section.show{
    opacity: 1;
    visibility: visible;
}

.loader_theme {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 2px solid #Fff;
    top: 50%;
    transform: translateY(-50%);
    animation: loader 3s infinite ease;
}

.loader_inner_theme {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 3s infinite ease-in;
}
  
@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
  
@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

.theme_setting{
    position: fixed;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
}

.theme_setting a.setting_icon{
    background: #fff;
    padding: 10px 10px 10px 6px;
    border-radius: 0 50px 50px 0;
    border: 1px solid #ddd;
    border-left: 0;
}

.theme_setting_drawer{
    position: absolute;
    background: #fff;
    padding: 10px;
    z-index: 1;
    min-width: 180px;
    left: -200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0 40px 40px 0;
    border: 1px solid #ddd;
    border-left: 0;
}

.theme_setting_drawer.open{
    left: 0;
}

.theme_setting_drawer .btn {
    border: 3px solid #1a1a1a;
    display: inline-block;
    padding: 10px;
    position: relative;
    text-align: center;
    transition: background 600ms ease, color 600ms ease;
}

.theme_setting_drawer input[type=radio].toggle {
    display: none;
}

.theme_setting_drawer input[type=radio].toggle + label {
    cursor: pointer;
    min-width: 80px;
    color: #222;
}

.theme_setting_drawer input[type=radio].toggle + label:hover {
    background: none;
    color: #1a1a1a;
}

.theme_setting_drawer input[type=radio].toggle + label:after {
    background: #1a1a1a;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
    border-radius: 30px;
    z-index: -1;
}

.theme_setting_drawer input[type=radio].toggle.toggle-left + label {
    border-right: 0;
    border-radius: 40px 0 0 40px;
}

.theme_setting_drawer input[type=radio].toggle.toggle-left + label:after {
    left: 100%;
}

.theme_setting_drawer input[type=radio].toggle.toggle-right + label {
    margin-left: -5px;
    border-left: 0;
    border-radius: 0 40px 40px 0;
}

.theme_setting_drawer input[type=radio].toggle.toggle-right + label:after {
    left: -100%;
}

.theme_setting_drawer input[type=radio].toggle:checked + label {
    cursor: default;
    color: #fff;
    transition: color 200ms;
}

.theme_setting_drawer input[type=radio].toggle:checked + label:after {
    left: 0;
}

body.lightTheme{
    color: #222;
    background: #fff;
}

body.lightTheme a{
    color: #3d93e2;
}

body.lightTheme .navigation{
    background: #eee;
}

body.lightTheme .navigation .greedy-nav a{
    color: #222;
    padding: 14px 0;
}

body.lightTheme .navigation .greedy-nav ul li.build_btn a{
    color: #fff;
    padding: 14px;
}

body.lightTheme .navigation .greedy-nav a.active{
    color: #3d93e2;
}

body.lightTheme .navigation .greedy-nav a:hover::after,
body.lightTheme .navigation .greedy-nav a.active::after{
    background: #3d93e2;
}

body.lightTheme .greedy-nav .menuOpen .hamburger:before{
    border-left: 1px solid #222;
    border-bottom: 1px solid #222;
}

body.lightTheme .greedy-nav .hamburger.togglehamburger:before,
body.lightTheme .greedy-nav .hamburger:after {
    background: #222;
}

body.lightTheme .greedy-nav .hidden-links {
    background: #e7e7e7;
}

body.lightTheme ul.hidden-links li a{
    color: #fff;
}

body.lightTheme .slick-dots li.slick-active button {
    background-color: #3d93e2;
}

/******* Home Page *********/

body.darkTheme {
    color: #fff;
}

body.darkTheme .scroll-menu .dot{
    border: 1px solid #555;
    background: #555;
}

body.darkTheme .bg-grey {
    background: #000;
}

body.darkTheme .title{
    border-bottom: 0;
}

body.darkTheme .grids {
    background: #1d1d1d;
}

body.darkTheme span.arrow-right {
    background: #1d1d1d;
}

body.darkTheme .grids.shadow .grid_content h4 a {
    color: #fff;
}

body.darkTheme .cars-section-new,
body.darkTheme .imaginator {
    background-color: #000;
}

body.darkTheme .facebook {
    background: #3867b9;
}

body.darkTheme .instagram {
    background: rgb(253,126,20);
    background: linear-gradient(90deg, rgba(253,126,20,1) 0%, rgba(215,85,102,1) 66%);
}

body.darkTheme .twitter {
    background: #00b9f2;
}

/***************************/

body.lightTheme .dark_card{
    background: #fff;
}

body.lightTheme .left_nexon_details p input{
    color: #3d93e2;
    border-bottom: 2px solid #3d93e2;
}

body.lightTheme .left_nexon_details{
    color: #222;
}

body.lightTheme .right_nexon_details a{
    border: 1px solid #222;
    color: #222;
}

body.lightTheme .right_nexon_details a.offer_btn {
    border: 1px solid #222;
    color: #222;
}

body.lightTheme .right_nexon_details a.test_drive_btn{
    border: 1px solid #222;
}

body.lightTheme .right_nexon_details a.test_drive_btn:hover,
body.lightTheme .right_nexon_details a.offer_btn:hover,
body.lightTheme .right_nexon_details a.chat_btn:hover{
    border: 1px solid #3d93e2;
    color: #fff;
    background: #3d93e2;
}

body.lightTheme .lead_form {
    background: #ddd;
    border-top: 0;
}

body.lightTheme .lead_form h4 {
    color: #222;
}

body.lightTheme .home_lead_form .input-container .floatlabel{
    color: #222;
}

body.lightTheme .input-container .floatlabel.filled+label,
body.lightTheme .input-container .floatlabel:focus+label{
    color: #3d93e2;
}

body.lightTheme .input-container span.error{
    color: red;
}

body.lightTheme .btn_popup>a,
body.lightTheme .btn_popup button{
    color: #fff;
    background: #3d93e2;
}

body.lightTheme .btn_popup>a.disabled,
body.lightTheme .btn_popup button.disabled{
    background: #999;
}

body.lightTheme .home_lead_form .btn_popup>a:hover,
body.lightTheme .home_lead_form .btn_popup button:hover{
    border: 1px solid #3d93e2;
    color: #3d93e2;
}

body.lightTheme .input-container .checkbox-group label:before{
    border: 2px solid #222;
}

body.lightTheme .input-container .checkbox-group input:checked+label:after{
    top: 5px;
    background: transparent;
    border: solid #3d93e2;
    border-width: 0 2px 2px 0;
}

body.lightTheme .background1d1d1d {
    background: #eee;
}

body.lightTheme .title {
    border-bottom: 1px solid #555;
}

body.lightTheme .title h1,
body.lightTheme .title h4{
    color: #222;
}

body.lightTheme .virtual .virtual-btn {
    border: 1px solid #3d93e2;
    background-color: #3d93e2;
    color: #fff;
}

body.lightTheme .virtual .virtual-btn:hover {
    background-color: transparent;
    color: #3d93e2;
}

body.lightTheme .feature_content{
    background: #eee;
}

body.lightTheme .feature_content h3,
body.lightTheme .feature_img h3{
    color: #3d93e2;
}

body.lightTheme .feature_content p{
    color: #222;
}

body.lightTheme .feature_content a,
body.lightTheme .feature_img a{
    color: #222;
}

body.lightTheme .feature_content a span{
    color: #3d93e2;
}

body.lightTheme .compare-variants {
    margin: 55px 0 0 0;
    background: #eee;
}

body.lightTheme .tab_links .slick-current .tab_anchor h5 {
    color: #3d93e2;
    border-bottom: 4px solid #3d93e2;
}

body.lightTheme .table_inner h3,
body.lightTheme .table_inner span {
    color: #222;
}

body.lightTheme .reviews_section {
    background: #eee;
}

body.lightTheme .tab_links .slick-current .tab_anchor h5 {
    color: #3d93e2;
    border-bottom: 4px solid #3d93e2;
}

body.lightTheme .review_content h6 {
    color: #777;
}

body.lightTheme .review_content p {
    color: #222;
}

body.lightTheme .review_slider .slick-next,
body.lightTheme .review_slider .slick-prev {
    background: #3d93e2;
}

body.lightTheme .price_note {
    background: #ddd;
    color: #222;
}

body.lightTheme .top_footer {
    background: #eee;
}

body.lightTheme .call_assistance a:hover,
body.lightTheme .tnc {
    color: #222;
}

body.lightTheme .floating_btns {
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 60%);
}

body.lightTheme .right_nexon_details a.chat_btn{
    border: 1px solid #222;
}

body.lightTheme .footer-line {
    background: #3d93e2;
}

@media only screen and (max-width: 767px){
    body.lightTheme .right_nexon_details a.offer_btn {
        border: 1px solid #fff;
        color: #fff;
    }
    .floating_btns>.right_nexon_details a.test_drive_btn{
        color: #fff;
        background: #3d93e2;
        border: 1px solid #3d93e2;
    }
}