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

Template name : Bootsnav - Multi Purpose Header
Categorie : Bootstrap Menu in CSS
Author : adamnurdin01
Version : v1.0.0
Created : 02 Juni  2016
Last update : 02 Juni  2016

============================================================== */
/*
Typography
=========================== */
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;
    overflow-x: hidden;
}

body {
    font-family:'Roboto', sans-serif;
	position: relative;
	font-size:14px;
	line-height:24px;
	background-color:#f2f3f8;
	color:#6f6f6f;
}

a{
    color: #6f6f6f;
}

a,
a:active,
a:focus,
a:hover{
	outline:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover{
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6{
	color:#3f3f3f;
	margin:0 0 15px 0;
    letter-spacing: 1px;
    font-weight: bold;
}

h1{
	font-size:48px;
	line-height:52px;
}

h2{
	font-size:36px;
	line-height:48px;
}

h3{
	font-size:30px;
	line-height:36px;
}

h4{
	font-size:24px;
	line-height:30px;
}

h5{
	font-size:18px;
	line-height:24px;
}

h6{
	font-size:14px;
	line-height:18px;
}

p{
	margin-bottom:20px;
}

/*
General
=========================== */
.section{
    padding: 70px 0;
    position: relative;
}

footer a,
footer a:hover,
.section a{
    color: #f43438;
}

.gray{
    background-color: #f9f9f9;
}

.section .heading{
    text-align: center;
    position: relative;
    font-size: 16px;
    margin-bottom: 70px;
    letter-spacing: 1px;
}

.section .heading .title{
    position: relative;
    letter-spacing: 0;
    font-weight: 600;
}

.section .heading .title strong{
    font-weight: 700;
    text-transform: uppercase;
}

.section .heading:before{
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    border-bottom: solid 1px #f43438;
}

.test-height{
    height: 1800px;
}

.pageheader{
    padding:5px 0px;
    background-color: #fb4848;
}

.pageheader.fixed-demo{
    padding-top: 120px;
}

.pageheader.fixed-demo.dark{
   background-color: #666 !important;
}

.pageheader.fixed-demo.white{
    background-image: url(../images/home2.jpg);
   background-color: #fff !important;
}

.pageheader .title{
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    color: #fff !important;
}

.pageheader p{
    margin-bottom: 0;
    color: #f5f5f5;
    font-size: 16px;
}

.pageheader.fixed-demo.white .title{
    color: #3f3f3f !important;
    text-shadow: 3px 3px 0px rgba(255,255,255,1);
}

.pageheader.fixed-demo.white p{
    color: #6f6f6f;
}

hr{
    border: solid 2px #efefef;
    margin: 60px 0 50px;
}

/*
Home
=========================== */
.section.home{
    padding: 100px 0;
    background-image: url(../images/brick-wall-dark.png);
    background-color: #f43438;
}

.section.home.dark{
    background-image: url(../images/brick-wall-dark.png);
    background-color: #fff;
}

.section.home .heading-home{
    text-align: center;
    position: relative;
    z-index: 2;
}

.section.home .heading-home .title{
    color: white;
    margin-bottom: 5px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: capitalize;
    text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
    color: #fff;
}

.section.home .heading-home p{
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 1px;
    color: #f0f0f0;
}

.section.home .overlay{
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.btn-home{
    border: solid 1px #fff;
    color: #fff !important;
    padding: 10px 20px;
    margin: 5px;
    letter-spacing: 1px;
}

.btn-home:hover,
.btn-home:focus{
    color: #3f3f3f !important;
    background-color: #fff;
}

/*
Menu Demo
=========================== */
ol.menu-demo{
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
}

ol.menu-demo li{
    padding: 0;
    margin: 0px -0.5px 9px;
}

ol.menu-demo li a{
    display: block;
    padding: 25px 30px;
    background-color: #fff;
    border: solid 1px #cfcfcf;
    margin-bottom: -10px;
    color: #6f6f6f;
    font-weight: 600;
}

ol.menu-demo li a:focus,
ol.menu-demo li a:hover{
    background-color: #f43438;
    border: solid 1px #f43438; 
    color: #fff;
    text-decoration: none;
}

/*
Affiliates
=========================== */
.affiliate{
    text-align: center;
    border: solid 1px #cfcfcf;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 25px;
}

.affiliate .title{
    margin: 15px 0 0 0;
    padding: 15px;
    border-top: solid 5px #cfcfcf;
}

.affiliate a{
    text-decoration: none !important;
}

.affiliate a h6{
    color: #6f6f6f;
}

.affiliate a:hover h6,
.affiliate a:focus h6{
    color: #f43438;
}

/*
Footer
=========================== */
footer{
    border-top: solid 1px #efefef;
}

footer .container{
    padding: 25px 15px;
}

/*
Clear spacer
=========================== */
.margin-clear{
	margin:0 !important;
}

.padding-clear{
	padding:0 !important;
}

.margintop-clear{
	margin-top:0 !important;
}

.paddingtop-clear{
	padding-top:0 !important;
}

.marginbot-clear{
	margin-bottom:0 !important;
}

.paddingbot-clear{
	padding-bottom:0 !important;
}

.marginleft-clear{
	margin-left:0 !important;
}

.paddingleft-clear{
	padding-left:0 !important;
}

.marginright-clear{
	margin-right:0 !important;
}

.paddingright-clear{
	padding-right:0 !important;
}

.padding-top40{
	padding-top:40px !important;
}

.padding-topt60{
	padding-top:60px !important;
}

.padding-top70{
	padding-top:70px !important;
}

.padding-bot5{
	padding-bottom:5px !important;
}

.padding-bot10{
	padding-bottom:10px !important;
}

.padding-bot15{
	padding-bottom:15px !important;
}

.padding-bot20{
	padding-bottom:20px !important;
}

.padding-bot30{
	padding-bottom:30px !important;
}

.padding-bot40{
	padding-bottom:40px !important;
}

.padding-bot50{
	padding-bottom:50px !important;
}

.padding-bot60{
	padding-bottom:60px !important;
}

.padding-bot70{
	padding-bottom:70px !important;
}

.margin-mintop10{
	margin-top:-10px !important;
}

.margin-mintop20{
	margin-top:-20px !important;
}

.margin-mintop30{
	margin-top:-30px !important;
}

.margin-mintop60{
	margin-top:-60px !important;
}

.margin-mintop110{
	margin-top:-110px !important;
}

.margin-minbot10{
	margin-bottom:-10px !important;
}

.margin-minbot20{
	margin-bottom:-20px !important;
}

.margin-minbot30{
	margin-bottom:-30px !important;
}

.margin-minbot60{
	margin-bottom:-60px !important;
}

/*
Custom left right spacer
=========================== */
.margin-left10{
	margin-left:10px !important;
}

.margin-right10{
	margin-right:10px !important;
}

.margin-left20{
	margin-left:20px !important;
}

.margin-right20{
	margin-right:20px !important;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px !important;
}

.margintop10{
	margin-top:10px !important;
}

.margintop15{
	margin-top:15px !important;
}

.margintop20{
	margin-top:20px !important;
}

.margintop25{
	margin-top:25px !important;
}

.margintop30{
	margin-top:30px !important;
}

.margintop35{
	margin-top:35px !important;
}

.margintop40{
	margin-top:40px !important;
}

.margintop45{
	margin-top:45px !important;
}

.margintop50{
	margin-top:50px !important;
}

.margintop55{
	margin-top:55px !important;
}

.margintop60{
	margin-top:60px !important;
}

.margintop80{
	margin-top:80px !important;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px !important;
}

.marginbot10{
	margin-bottom:10px !important;
}

.marginbot15{
	margin-bottom:15px !important;
}

.marginbot20{
	margin-bottom:20px !important;
}

.marginbot25{
	margin-bottom:25px !important;
}

.marginbot30{
	margin-bottom:30px !important;
}

.marginbot35{
	margin-bottom:35px !important;
}

.marginbot40{
	margin-bottom:40px !important;
}

.marginbot45{
	margin-bottom:45px !important;
}


.marginbot50{
	margin-bottom:50px !important;
}

.marginbot55{
	margin-bottom:55px !important;
}

.marginbot60{
	margin-bottom:60px !important;
}

.marginbot80{
	margin-bottom:80px !important;
}

/*
Pre Code
=========================== */
pre {
    font-family: monospace;
    padding: 5px 25px 30px;
    border: solid 1px #ccc;
    border-left: solid 10px #ccc;
    background-color: #f5f5f5;
    color: #6f6f6f;
    border-radius: 0px;
}
pre + pre {
    background: #6f6f6f;
}
pre {
    word-break: break-all; /* webkit */
    word-wrap: break-word;
    white-space: pre;
    white-space: -moz-pre-wrap; /* fennec */
    white-space: pre-wrap;
    white-space: pre\9; /* IE7+ */
}

.section.gray pre{
    background-color: #fff;
}

pre span{
    color: #f43438;
}

/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}

@media (min-width: 1024px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 65% !important;
		margin:0px auto;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff !important;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}

@media (max-width: 992px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 150px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #f43438;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #fb4848 !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #f43438 !important;
    }
}

/*
Border
=========================== */
ul.cart-list > li.total > .btn{
    border-color: #f43438;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #f43438 !important;
}
.dealer-dropdown{
	left: 0 !important;
    right: auto !important;
	width:170px !important;
}
/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #f43438;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}
.login-dropdown-menu>li>a{
	font-size:12px;
	font-weight:400;
}
.login-dropdown-menu>li>a>i{
	font-size: 13px;
    padding-right: 5px;
}
.login-dropdown-menu>li>a:hover{
	font-size:12px;
	color:#fff !important;
	font-weight:400 !important
}

/* Custome css */
.red-bg{
	background-color:#fb4848;
}
.red{
	color:#fb4848 !important;
}
.logo-color{
	color:#fb4848;
}
.blue-bg{
	background-color:#0c68ac;
}
.blue, .second-color{
	color:#0c68ac;
}
.info-header{
	width: 100%;
    display: flow-root;
    float: right;
	margin:0px;
	padding:0px;
	color:#fff;
}
.info-header>li{
	float:right;
	display:flex;
	width:20%;
	margin:0px 10px;
}
.info-icon{
	font-size:19px;
	padding-right:9px;
	line-height: 30px;
}
.header-info{
	float:left;
	line-height:20px;
	font-size:14px;
	font-weight:500;
}
.header-info>span{
	display:block;
	font-size:13px;
	font-weight:400;
}
.header-info>span>a{
	color:#f1f1f1;
}
.dropdown>a{
	text-decoration:none;
}
.off-location-list{
	box-shadow:0 6px 8px rgba(110, 123, 157, 0.17);
	border:none;
}
.off-location-list>li{
	padding:6px 15px;
	border-bottom:1px solid #ccc;
}
.off-location-list>li>a{
	padding:0px;
}
.off-location-list>li>a:hover{
	background-color:transparent;
}
.off-location-list>li:last-of-type{
	border-bottom:none;
}
.brand-bg{
	background-color: #fff;
    height: 130px;
    position: absolute;
    top: -50px;
	padding:65px 0px;
	z-index:12;
}
.brand-bg:before{
	display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 180px solid white;
    border-bottom: 59px solid transparent;
    left: 0px;
    top: 130px;
}
.wrap-sticky nav.navbar.bootsnav.sticked .brand-bg:before{
	display:none;
}

.count{
  line-height: 10px;
  color:#0c68ac;
  font-weight:600;
  margin-left:0px;
  font-size:27px;
}
#talkbubble {
	width: 120px;
	height: 80px;
	background: red;
	position: relative;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         10px;
	float:left;
	margin:20px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}
.enroll-form{
	background-color:rgba(17, 34, 51, 0.82);
	width:100%;
	padding:0px;
	border-radius:6px;
	margin-bottom:0px;
}
.enroll-form>img{
	width:100%;
}
.enroll-title{
	font-size: 16px;
    font-weight: 500;
    padding: 10px 30px;
    color: #fff;
    margin-bottom: 0px;
    background-color: #0b1d2f;
    position: relative
}
.enroll-form:before{
	top: 0;
    left: 0;
    border-width: 1px 0 0 1px;
    border-color: #fb4848;
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-style: solid;
    z-index: 1;
}
.enroll-title>span{
	display:inline-block;
	padding-right:10px;
}

.enrollform{
	width:100%;
	position:relative;
	margin:7px 0px; 
	display:inline-block;
}
.enroll-label{
	font-size:18px;
	float:left;
	width:50%;
}
.enrollform>input[type="text"],input[type="email"],input[type="number"]{
	background-color:#fff;
}
.input-option{
	width:50%;
	float:left;
}
.enrollform>input[type="text"], input[type="email"],input[type="number"]{
	width:100%;
	height:40px;
	font-weight:500;
	border:none;
	border-radius:8px;
	padding:3px 10px;
	font-size:13px;
	outline:none;
	color:#112233;
}
.enrollform>label{
	margin-bottom: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
    width: 100%;
    letter-spacing: 0.5px;
}
.enrollform>input:focus{
	border:none;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.send-btn{
	text-align:center;
	margin:10px 0px;
}
.enrollform>input[type="submit"]{
	background-color:#fb4848;
	border:2px solid #fb4848;
	color:#fff;
	margin:0px auto;
	text-align:center;
	font-size:14px;
	font-weight:500;
	padding:5px 15px;
	text-transform:uppercase;
	 position:relative;
	width:40%;
	border-radius:0px;
	letter-spacing:1px;
	outline:none;
}
.access-parallex{
	background-image:url(../images/meet2.jpg);
	background-attachment:fixed;
	background-position:top;
	display:flex;
}
.half-width{
	width:50%;
	float:left;
	text-align:center;
	padding:100px 200px;
}
.half-width:hover{
	background-color:#0c68ac;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.half-width>h4{
	color:#fb4848;
	font-size:17px;
	text-transform:uppercase;
	padding:20px 0px;
	margin:0px;
	font-weight:600;
}
.half-width>p{
	line-height:25px;
	color:#fbfbfb;
	margin-bottom:35px;
}
.click-btn{
	background-color:#fb4848;
	color:#fff;
	padding:14px 25px;
	border-radius:8px;
	text-transform:uppercase;
	font-weight:500;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.click-btn:hover{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color:#fff;
  text-decoration:none;
}

/* Our service css */

.our-service{
	background-color:#fff;
	margin:50px 0px;
	padding:30px 0px;
}
.service-list{
	width:100%;
	display:inline-block;
	position:relative;
}
.services{
	width:30%;
	position:relative;
	float:left;
	margin:0px 10px;
}
.services:hover .service-img>img{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); 
	overflow:hidden;
	transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	-webkit-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
}
.service-img{
	width:100%;
	height:232px;
	overflow:hidden;
	box-shadow:0px 0px 12px 1px rgba(17, 34, 51, 0.21176470588235294);
	background-color:#fff;
	
}
.service-img>img{
	width:100%;
}
.service_content{
	width:90%;
	background-color:#fff;
	position:relative;
	top:-30px;
	margin:0px auto;
	box-shadow:0px 0px 11px 1px rgba(17, 34, 51, 0.08);
	padding:0px 10px;
}
.service_content>h4{
	color:#fb4848;
	font-weight:500;
	font-size:16px;
	text-align:center;
	margin:0px;
	padding:10px 0px;
}
.service_content>p{
	font-size:13px;
	margin:0px;
}
.readmore{
	padding: 10px 45px;  
	color:#fb4848 !important;
	overflow:hidden;
	display:block;
	position:relative;
	text-transform:uppercase;
	font-weight:500;
	border-radius:25px;
	margin-top:0px;
	display:inline-block;
}
.readmore:before{
	font-family: FontAwesome;
	content:"\f178";
	position: absolute;
	top: 9px;
	color:#fb4848;
	right: 30px;
	transition: all 200ms ease;
	opacity:0;
}
.service-list>h3{
	font-size: 45px;
    color: #c6c6c6;
    font-weight: 900;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin: 30px auto;
    line-height: 1.5;
    display: table;
    border-bottom: 5px solid #4978b1;
}
.readmore:hover:before {
	right: 15px;
	opacity:1;
}
.download-app{
	margin:50px 0px;
	background-image:url(../images/1.jpg);
	background-attachment:fixed;
	padding:0px 100px;
	background-repeat:no-repeat;
}
.app-content{
	width:50%;
	float:left;
	margin-right:15%;
	padding:50px 100px;
}
.app-content>h4{
	font-weight:500;
	font-size:18px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}
.app-content>p{
	color:#fff;
	line-height:25px;
	font-size:13px;
}
.app-pic{
	width:35%;
	float:left;
	padding-top:50px;
	position:relative;
}
.appicon{
	width:35%;
	float:left;
	margin:25px 15px;
	position:relative;
	bottom:0px;
}
.appicon>img{
	width:100%;
}
.android-phone{
	width:35%;
	float:left;
	position:relative;
	bottom:0px;
}
.android-phone>img{
	width:100%;
}
.apple-phone{
	width:35%;
	float:left;
	position:relative;
	right:30px;
}
.apple-phone>img{
	width:100%;
}
.footer{
	background-color:#f4f4f4;
	margin: auto;
    text-align: center;
}
.footer-content{
	margin: 0px auto;
    padding: 35px 0px;
    display: inline-block;
	width:100%;
}
.footer-list{
	display: block;
    margin: 0px 21px;
    float: left;
    width: 20%;
}
.footer-list>h4{
	font-size:18px;
	font-weight:600;
	margin-bottom:3px;
	text-align:left;
}
.footer-list>ul{
	list-style:none;
	text-align:left;
}
.footer-list>ul>li{
	padding:2px 0px;
}
.footer-list>ul>li>a{
	font-size:13px;
	text-decoration:none;
	color:#112233;
	font-weight:400;
}
.footer-bottom{
	background-color:#e0e0e0;
	display:block;
	padding:20px 0px;
}
.copyrights{
	width:50%;
	float:left;
}
.copyrights>p{
	margin:0px;
	font-size:13px;
	padding:10px 0px;
	font-weight:500;
}
.social-media{
	width:50%;
	float:left;
}
.social-media>ul{
	display:block;
	list-style:none;
	margin:0px;
	float:right;
}
.social-media>ul>li{
	float:left;
	margin:0px 10px;
	width:35px;
	height:35px;
	border-radius:50%;
	line-height:30px;
	border:2px solid #6e6e6e;
}
.social-media>ul>li:hover{ 
	color:#fb4242;
	border:2px solid #fb4242;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.social-media>ul>li>a{
	text-align:center;
	color:#fb4242;
	font-size:14px;
}
.top-section{
	width:100%;
	display:inline-block;
}
.right-form{
	width: 25%;
    float: right;
    position: absolute;
    right: 40px;
    top: 11%;
}
.right-form>img{
	width:100%;
}
.enroll-form>form{
	padding:1px 30px;
	position:relative;
}
.top-email{
	padding:30px 0px;
}
.top-email>i{
	color:#fb4848;
	padding-right:5px;
}
.top-email>span{
	color:#fff;
	font-size:13px;
	font-weight:500;
	letter-spacing:0;
}
/* Radio button css */

.radio-btn>input[type="radio"]:checked,
.radio-btn>input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radio-btn>input[type="radio"]:checked + label,
.radio-btn>input[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
	font-size:13px;
	font-weight:400;
	margin-bottom:0px;
    color: #fff;
}
.radio-btn>input[type="radio"]:checked + label:before,
.radio-btn>input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.radio-btn>input[type="radio"]:checked + label:after,
.radio-btn>input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #0f77c3;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radio-btn>input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.radio-btn>input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.radio-btn{
	float:left;
	margin: 0px 10px 0px;
}
.flow-work{
	width:100%;
	margin:10px 0px;
	padding:30px 40px;
	display:inline-block;
}
.steps{
	width: 16%;
    display:inline-block;
	height:100px;
    text-align: center;
}
.steps>img{
	background-color:#fb4848;
	width:65px;
	height:65px;
	padding:15px;
	text-align:center;
	border-radius:50%;
	margin-bottom:10px;
}	
.first-fl{
	float:left;
}
.steps>h3{
	font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 0px;
    letter-spacing: 0px;
}
.view-point{
	width: 20%;
    display:inline-block;
    margin: 0px 3%;
    text-align: center;
	line-height: 70px;
	height:80px;
}
.right-down{
	width:70%;
	padding:10px 60px;
	margin:40px 0px !important;
	text-align:right;
	margin:0px auto;
}
.view-point>img{
    margin: 0px auto;  
}
.fl-right{
	float:right;
}
.first-flow{
	display: inline-block;
    width: 70%;
    margin: 0px auto;
}
.second-flow{
	display: inline-block;
    width: 70%;
    margin: 0px auto;
}

/* Placeholder css */
.enrollform>input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c4c4c4;
  font-weight:300;
}
.enrollform>input::-moz-placeholder { /* Firefox 19+ */
  color: #c4c4c4;
  font-weight:300;
}
.enrollform>input:-ms-input-placeholder { /* IE 10+ */
  color: #c4c4c4;
  font-weight:300;
}
.enrollform>input:-moz-placeholder { /* Firefox 18- */
  color: #c4c4c4;
  font-weight:300;
}
.enrollform>input[type=number]::-webkit-inner-spin-button, 
.enrollform>input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.company{
	background-color:#4978b1;
	padding:50px 0px
}
.head_third{
	font-size:36px;
	font-weight:500;
	line-height:1.5;
	text-transform:uppercase;
	color:#fff;
	display:inline-block;
	border-bottom:5px solid #fff;
	padding-bottom:10px;
}
.abt-kuwy{
	font-size: 23px;
    line-height: 45px;
    color: #fbfbfb;
    margin-bottom: 0px;
    font-weight: 500;
    text-align: center;
}
.our-process{
	width:100%;
	display:inline-block;
	position:relative;
	margin:35px 0px;
	text-align:center;
}

.timeline{
	list-style-type: none;
	display: inline-block;
	width:100%;
	margin-bottom:0px;
	padding:0px;
	position:relative;
	margin: 40px 0px;
}

  
.timeline>li{
	transition: all 200ms ease-in;
	width:14%;
	float:left;
}
.status>h4{
	font-size: 13px;
    font-weight: 400;
    margin-bottom: 0px;
    padding-top: 15px;
	text-align:center;
	letter-spacing:0px;
	line-height:18px;
} 

.timestamp{
	margin-bottom: 20px;
	padding: 0px 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 100;
}
  
.status{
	padding: 0px 10px;
	justify-content: center;
	border-top: 3px solid #0b61a0;
	position: relative;
	transition: all 200ms ease-in ; 
	cursor:pointer;
	margin-top:15px;
}
.status>h4:before{
	content: '';
    width: 25px;
    height: 25px;
	background: #f85032;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #bf2617, #e64b30);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #bf2617, #e64b30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 25px;
    position: absolute;
    top: -15px;
    left: 42%;
    transition: all 200ms ease-in;
}
@media (min-device-width: 320px) and (max-device-width: 700px){
.timeline{
	 list-style-type: none;
    display: block;
}
.li{
	transition: all 200ms ease-in;
    display: flex;
    width: inherit;
}
.timestamp{
	width: 100px;
}
.status:before{
	left: -8%;
	top: 30%;
	transition: all 200ms ease-in ;
}  
}
  
.process_explain {
	opacity: 0;
	background: #e53935;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #e35d5b, #e53935);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #e35d5b, #e53935); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 10px 5px;
    color: #fbfbfb;
    font-size: 13px;
    border-radius: 5px;
    position: absolute;
	text-align:center;
    top: 22px;
    left: 0px;
}
.our-process>h3{
	font-size:45px;
	color:#c6c6c6;
	font-weight:900;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	margin:30px 0px;
	line-height:1.5;
	display:inline-block;
	border-bottom:5px solid #4978b1;
}
.benefits{
	width:100%;
	position:relative;
}
.kuwy-platform{
	width:100%;
	height:380px;
	position:relative;
	top:0px;
	overflow:hidden;
	bottom:0px;
	margin:80px 0px;
}
.kuwy-platform>img{
	width:100%;
}
.abt_platform{
    top: -30px;
    width: 62%;
    background-color: #112233;
    left: 19%;
    right: 19%;
    display: inline-block;
	position: absolute;
	padding: 110px 45px 90px 30px;
}
.abt_platform:before, .abt_platform:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px rgba(119, 119, 119, 0.65);
  -moz-box-shadow: 0 35px 20px rgba(119, 119, 119, 0.65);
  box-shadow: 0 35px 20px rgba(119, 119, 119, 0.65);
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.abt_platform:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
.platform-content{
	width: 50%;
    float: left;
    margin: 0px 0px;
    position: relative;
	padding: 27px 30px 35px 30px;
}
.platform-content:before{
	top: 0;
    left: 0;
    border-width: 1px 0 0 1px;
	border-color: #fff;
	content: '';
    position: absolute;
    width: 54px;
    height: 54px;
    border-style: solid;
}
.platform-content:after{
	right: 0;
    bottom: 0;
    border-width: 0 1px 1px 0;
	border-color: #fff;
	content: '';
    position: absolute;
    width: 54px;
    height: 54px;
    border-style: solid;
}
.platform-content>h3{
	font-size: 35px;
    color: #fff;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    margin: 10px 0px;
    line-height: 1.5;
}
.platform-content>p{
	font-size:13px;
	line-height:22px;
	margin:0px;
	color:#fff;
	font-weight:300;
}
.tab-device{
	width: 45%;
    float: left;
    margin-left: 5%;
}
.tab-device>img{
	width:100%;
	
}
.benefits{
	width:100%;
	position:relative;
	text-align:center;
}
.benefits>h3{
	font-size: 45px;
    color: #c6c6c6;
    font-weight: 900;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin: 30px auto;
    line-height: 1.5;
    display: inline-block;
    border-bottom: 5px solid #4978b1;
}
.benefits>p{
	margin:0px;
	font-weight:400;
	font-size: 16px;
	line-height:30px;
    color: #c1c1c1;
    max-width: 500px;
    margin: 0 auto 50px;
}
.ben-list{
	width:100%;
	display:inline-block;
	position:relative;
}
.benefit_item{
	width:30%;
	position: relative;
    overflow: hidden;
    margin: 15px;
	float:left;
	height:315px;
}
.benefit-overlay{
	background:rgba(255, 255, 255, 0.74);
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 30px;
    z-index: 1;
    width: 310px;
    height: 285px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.benefit-overlay>h4{
	font-size:16px;
	font-weight:500;
	letter-spacing:0px;
	margin:0px;
	color:#fb4848;
}
.benefit-overlay>p{
	font-size: 13px;
    margin: 0px;
    line-height: 22px;	
	color:#112233;
	font-weight:400;
}
.add-dealer{
	display:inline-block;
	width:100%;
}
.add-dealer>a{
	position:relative;
	text-align:center;
	margin:0px auto;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	font-weight:400;
	padding:12px 16px;
	background-color: #112233;
    border-color: #112233;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(17, 34, 51, 0.4196078431372549) !important;
    -moz-box-shadow: 0px 0px 10px 2px rgba(17, 34, 51, 0.4196078431372549) !important;
    box-shadow: 0px 0px 10px 2px rgba(17, 34, 51, 0.4196078431372549) !important;
	display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.add-dealer>a:hover{
	background-color: #020a13;
    border-color: #020a13;
	-webkit-box-shadow: 0px 0px 25px 1px rgba(17, 34, 51, 0.61) !important;
    -moz-box-shadow: 0px 0px 25px 1px rgba(17, 34, 51, 0.61) !important;
    box-shadow: 0px 0px 25px 1px rgba(17, 34, 51, 0.61) !important;
}
.add-btn>a>i{
	margin-right:5px;
}
.add-btn>i{
	margin-right:5px;
}
.dealer-details>span{
	display:block;
}
.dealer-pic{
	width:150px;
}
.dealer-ve-special>span{
	display:block;
}
.curr-finance>span{
	display:block;
}
.thead-subtitle{
	color:#fb4848;
	font-size:11px;
	display:block;
	position:unset !important;
	top:none  !important;
	right:none !important;
	margin-top:none !important;
}
.find-dealer-btn{
	margin:10px 0px;
}
.modal-title{
	color:#fff;
	text-align:center;
}
nav.navbar.bootsnav.no-background.white ul.nav > li{
	padding: 0px 10px;
    font-weight: 500;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0px;
}
.nav > li{
	color:#fff;
/* 	padding:0px 10px; */
	padding:0px 6px;
	font-size:13px;
	font-weight:500;
}

/* Login page css */
.login-block{
	background: #1488CC;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #0a5eb1, #112233);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #0a5eb1, #112233); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    height: 100vh;
	width: 100%;
}
.login-page-design{
	background: #1488CC;
    background: -webkit-linear-gradient(to top, #0a5eb1, #112233);
    background: linear-gradient(to top, #0a5eb1, #112233);
    width: 30%;
    height: 350px;
    margin: 0px auto;
    position: relative;
    box-shadow: 0px 0px 35px 16px rgba(0, 0, 0, 0.25);
    top: 20%;
}
.login-sec{
	width: 65%;
    position: absolute;
    float: right;
    background-color: #fff;
    right: -80px;
    border-radius: 3px;
	box-shadow: 0px 0px 35px 16px rgba(0, 0, 0, 0.25);
    padding: 25px 15px;
	top:30px;
	height:280px;
}
.login-comp-logo{
	width:53%;
	text-align:center;
	position:relative;
	top:30px;
	margin-bottom:30px;
}
.login-comp-logo>img{
	width: 70%;
    margin: 0px auto;
}
.login-title{
	font-size:28px;
	color:#7e82d1;
	padding:25px 15px;
	text-transform:uppercase;
	margin-bottom:0px;
}
.login-title:after{
	content:'';
	display:block;
	border-bottom:3px solid #1e62c1;
	position:relative;
	top:10px;
	width:100px;
}
.login-page-design>p{
	width: 53%;
    text-align: center;
    font-size: 11px;
    padding: 0px 21px;
    color: #fff;
    text-transform: uppercase;
}
.login-form>.form-group>label{
	    text-transform: uppercase;
    color: #2547b8;
    font-weight: 500;
    font-size: 13px;
	margin-bottom:0px;
}
.login-form>.form-group>input[type="text"], .login-form>.form-group>input[type="password"]{
	border-radius: 0px;
    border-bottom: 1px solid #2547b8;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    color: #2547b8;
    height: 25px;
    box-shadow: none;
}
.login-form>.form-group>input[type="text"]:focus, .login-form>.form-group>input[type="password"]:focus{
	border-bottom:2px solid #2547b8;
}
.login-form>.form-group>input::-webkit-input-placeholder { /* Chrome */
  color: rgba(37, 71, 184, 0.4117647058823529);
  font-size:13px;
}
.login-form>.form-group>input:-ms-input-placeholder { /* IE 10+ */
  color: rgba(37, 71, 184, 0.4117647058823529);
  font-size:13px;
}
.login-form>.form-group>input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(37, 71, 184, 0.4117647058823529);
  font-size:13px;
}
.login-form>.form-group>input:-moz-placeholder { /* Firefox 4 - 18 */
  color: rgba(37, 71, 184, 0.4117647058823529);
  font-size:13px;
}
.login-form>.form-group{
	margin-bottom:35px;
}
.alter-login>a{
	font-size:12px;
	font-weight:500;
	margin-top:5px;
	color:#E91E63;
}
.form-check{
	text-align:center;
}
.form-check>button{
	background-color: #fb4848;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 0px;
    letter-spacing: 1px;
	box-shadow:0px 1px 31px 0px #fb4848;	
}
.form-check>button:hover{
	color: #f88;
}
.left-top-circle{
	position: absolute;
    background-color: #72f3d5;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    top: -60px;
    left: -60px;
}
.right-bottom-circle{
	position: absolute;
    background-color: #72f3d5;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    bottom: 1px;
    right: -74px;
}

/* Login page css ends */
.d-block{
	width:100%;
}
.dealer-car-list>tbody>tr>td{
	padding:3px 0px !important;
}
.view-vehi-report{
	color:#3f51b5;
}
.row-action-link{
	padding:5px 2px;
	font-size:14px;
}
.row-edit-link{
	color:#3f51b5;
}
.row-del-link{
	color:#f44336;
}
.row-view-link{
	color:#2196f3;
}
.vehicle-image{
	display:block;
}
.vehicle-moving{
	top:45%;
}
.vehi-interest-list{
	padding: 30px;
	max-width: 350px;
	width: 100% !important;
	background-color: #F7F7F7;
	margin: 0 auto;
	border-radius: 2px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
.interestmodal-container>h1{
	padding:0px;
	margin:0px;
	font-size:20px;
}
.interest-con-info{
	height: auto;
    overflow: auto;
    max-height: 280px;
}
.interest-person{
	border-bottom:1px solid #ccc;
	padding:10px;
}
.interest-person>p{
	font-size:13px;
	margin:0px;
	padding:0px;
}
.interest-person>p>span{
	font-weight:600;
}
.color-panel{
	width:15px;
	height:15px;
	display:block;
	margin:0px auto;
}
.white{
	background-color:#fff;
}
.black{
	background-color:#000;
}
.mmv-list{
	display:block;
	padding:0px;
}
.stock-action-menu{
	left:-40px !important;
	min-width:130px;
}
.stock-action-menu>li>a{
	padding:5px 15px;
}
.action-btn-icon{
	margin-right:5px;
}
.move-off-icon>a{
	color:#4caf50 !important;
}
.move-off-icon>a:hover{
	background-color:#4caf50 !important;
	color:#fff !important;
}
.move-icon>a{
	color:#009688 !important;
}
.move-icon>a:hover{
	background-color:#009688 !important;
	color:#fff !important;
}
.edit-icon>a{
	color:#3f51b5 !important;
}
.edit-icon>a:hover{
	background-color:#3f51b5 !important;
	color:#fff !important;
}
.del-icon>a{
	color:#f44336 !important;
}
.del-icon>a:hover{
	background-color:#f44336 !important;
	color:#fff !important;
}
.view-icon>a{
	color:#2196f3 !important;
}
.view-icon>a:hover{
	background-color:#2196f3 !important;
	color:#fff !important;
}
.vehi-list-moving{
	padding: 30px;
    max-width: 450px;
    width: 100% !important;
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.price-offer>h3{
	font-size: 15px;
    font-weight: 600;
    margin: 0px;
    text-align: center;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.price-offer>input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.price-offer>label {
  position: relative;
  display: inline-block;
  margin:0px 20px;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 25px;
  cursor: pointer;
}
.price-offer>label::before {
  content: " ";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #fb4848;
  border-radius: 4px;
  z-index: -1;
}
.price-offer>input[type="radio"] + label::before {
  border-radius: 25px;
}
/* Checked */
.price-offer>input[type="radio"]:checked + label {
  padding-left: 10px;
  color: #fff;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.price-offer>input[type="radio"]:checked + label::before {
  top: 0;
  width: 100%;
  height: 100%;
  background: #fb4848;
}
/* Transition */
.price-offer>label::before {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.price-offer{
	border-bottom:1px solid #ccc;
	padding:10px 0px;
	text-align:center;
}
.price-negot>h3{
	font-size: 15px;
    font-weight: 600;
    margin: 0px;
    text-align: center;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.center input[type="checkbox"] {
	position: relative;
	display: inline-block;
	line-height: 45px;
	width:44%;
	box-shadow:0px 0px 15px 2px rgba(0, 0, 0, 0.0784313725490196);
	margin:0px 10px;
	background: #fff;
	text-align:center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.list-type>h3{
	font-size: 15px;
    font-weight: 600;
    margin: 0px;
    text-align: center;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.center input[type="checkbox"]:focus {
  outline: none;
}
.center input[type="checkbox"].a:after { content: attr(name); text-transform:uppercase; font-weight:500; } 
.center input[type="checkbox"].b:after { content: attr(name); text-transform:uppercase; font-weight:500; }
.center input[type="checkbox"]:checked:after {     
	content:attr(name);
	text-transform:uppercase;
	display:block;
	position:relative;
	color:#fb4848;
}
.center input[type="checkbox"]:checked:after { content: attr(name); background-color:#fb4848;color:#fff; } 
.center input[type="checkbox"]:checked:after{ content: attr(name); background-color:#fb4848;color:#fff; }
.listing-price{
	width:100%;
	display:inline-block;
	margin:0px;
}
.checkbox-price{
	width:100%;
	margin:10px;
}
.checkbox-price>input[type="text"]{
	border-radius:0px;
	border:1px solid #ddd;
	height:35px;
}
.check_box_list{
	margin:5px 0px;
}
.check_box_list>input[type="checkbox"] { display: none; }

.check_box_list>input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  font-size:13px;
  color: #112233;
  cursor: pointer;
  font-weight:500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.check_box_list>input[type="checkbox"] + label:last-child { margin-bottom: 0; }

.check_box_list>input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #112233;
  position: absolute;
  left: 0;
  top: 3px;
  opacity: 1;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.check_box_list>input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: 0px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Slide price offer form css */
.stock-moving-amt{
	display:inline-block;
	width:100%;
}
.stock-price-disc>h3{
	font-size: 15px;
    font-weight: 600;
    margin: 0px;
    text-align: center;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.stock-price-form{
	position: relative;
    display: inline-block;
    margin: 20px 5px;
    width: 47%;
    float: left;
}
.offload-price-form{
	position: relative;
    margin: 20px 2px;
    width: 100%;
}
.stock-price-form:nth-child(1) .slide-up {
    text-indent: 105px;
}
.slide-up {
    display: inline-block;
    width: 100%;
    padding: 5px 0 5px 15px;
	font-size: 13px;
    font-weight: 500;
    color: #fb4848;
    background: #ffffff;
    border: 0;
    border-radius: 3px;
    outline: 0;
	height:35px;
    text-indent: 100px;
    transition: all .3s ease-in-out;
}
.slide-up::-webkit-input-placeholder {
    color: #fff;
    text-indent: 0;
    font-weight: 300;
  }
.slide-up + label {
    display: inline-block;
    position: absolute;
	color:#fff;
    transform: translateX(0);
    top: 0;
    left: 0;
    padding: 5px 15px;
	height:35px;
    text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
    transition: all .3s ease-in-out;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    overflow: hidden;
}
.slide-up + label:before {
    top: 6px;
    left: 5px;
    right: 5px;
    bottom: 6px;
    background: #112233;
}
.slide-up + label:before, .slide-up + label:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.slide-up + label:after {
    top: 0;
    bottom: 0;
    background: #112233;
}
.stock-price-form:nth-child(1) .slide-up:focus, .stock-price-form:nth-child(1) .slide-up:active, .stock-price-form:nth-child(3) .slide-up:focus, .stock-price-form:nth-child(3) .slide-up:active {
    text-indent: 0;
}
.slide-up:focus, .slide-up:active {
    color: #fb4848;
    text-indent: 0;
    background:rgba(17, 34, 51, 0.050980392156862744);
}
.slide-up:focus + label, .slide-up:active + label {
    transform: translateY(-100%);
	padding:0px 8px;
	height:25px;
	font-size:11px;
	border-radius:0px !important;
}
.slide-up:focus + label:before, .slide-up:active + label:before {
    border-radius: 0px;
}
.slide-up:focus::-webkit-input-placeholder {
    color: #aaa;
  }
.slide-up + label:before {
    top: 0px;
    left: 5px;
    right: 5px;
    bottom: 6px;
    background: #112233;
	height:35px;
}
.slide-up + label:before, .slide-up + label:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.slide-up:focus + label:after, .slide-up:active + label:after {
    transform: translateY(100%);
}
.stock-veh-list-price{
	text-align:center;
}
.stock-veh-final-price{
	width: 50%;
    margin: 10px auto;
    text-align: center;
    background-color: #ddd;
    border: 0px;
    color: #fff;
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 700;
}
.vehi-img{
	width:170px;
	margin:0px auto;
}
.vehi-img>img{
	width:100%;
}
.upload-vehi-info{
	margin: 0px auto;
    padding: 0px;
    width: 85%;
}
.upload-vehi-info>li{
	padding:2px 0px;
	font-size:12px;
	color:#112233;
	font-weight:500;
}
.upload-vehi-info>li>span{
	width: 35%;
    display: inline-block;
    font-weight: 600;
    text-align: right;
    padding: 0px 9px;
}
.upload-vehi-details{
	width:100%;
	display:inline-block;
}
.input-label{
	font-size:12px;
	font-weight:500;
	color:#112233;
}

/* radion button css */
.vehi-condition>input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.vehi-condition>label {
	color: #112233;
	display: inline-block;
	cursor: pointer;
	font-weight: 500;
	padding: 5px 24px;
	border: 1px solid #112233;
	margin: 0px;
	font-size: 12px;
	text-transform: uppercase;
}


.vehi-condition>input[type=radio]:checked + label{
	color: #fff;
	background: #112233;
}

.vehi-condition>label + .vehi-condition>input[type=radio] + label {
	border-left: solid 3px #675f6b;
}
.radio-group {
	display: inline-block;
	margin: 0px;
	border-radius: 0px;
	overflow: hidden;
}

/* Image upload css */
.imageupload.imageupload-disabled {
  cursor: not-allowed;
  opacity: 0.60;
}
.imageupload.imageupload-disabled > * {
  pointer-events: none;
}
.imageupload .panel-title {
  margin-right: 15px;
  padding-top: 8px;
}
.imageupload .alert {
  margin-bottom: 10px;
}
.imageupload .btn-file {
  overflow: hidden;
  position: relative;
}
.imageupload .btn-file input[type="file"] {
  cursor: inherit;
  display: block;
  font-size: 100px;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.imageupload .file-tab button {
	display: none;
    font-size: 12px;
    position: relative;
    font-weight: 400;
    background-color: #123;
    color: #fff;
	border-color:#112233;
}
.imageupload .file-tab .thumbnail {
	margin-bottom: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    border: none;
    border-radius: 0px;
    padding: 0px;
}
.imageupload .url-tab {
  display: none;
}
.imageupload .url-tab .thumbnail {
  margin: 10px 0;
}
.upload-vehi-images{
	width:100%;
	display:inline-block;
}
.upload-vehicle-imgs{
	width: 19%;
    float: left;
    margin: 0px 6px;
	height:130px;
	border:1px solid #ccc;
	text-align:center;
}
.vehicle-upload-btn{
	text-align:center;
}
.vehicle-upload-btn>input[type="submit"]{
	background-color:#fb4848;
	color:#fff;
	border:none;
	padding:5px 20px;
	border-radius:3px;
	text-transform:uppercase;
	font-weight:600;
}
.vehicle-upload-btn>input[type="submit"]:hover{
	background-color:#112233;
	transform:0.3s ease-in-out;
	-webkit-transform:0.3s ease-in-out;
	-moz-transform:0.3s ease-in-out;
	-o-transform:0.3s ease-in-out;
}
.file-tab{
	padding:0px;
	overflow:hidden;
	position:relative;
}
.upload-browse-btn{
	border:1px solid #fb4848;
	background-color:#fb4848;
	color:#fff;
	margin:47px 0px;
	font-size: 12px;
    font-weight: 400;
}
.upload-browse-btn:hover{
	background-color:#fd2c2c;
	color:#fff;
}
.right-logout>a{
	font-size:10px !important;
	font-weight:300 !important;
	padding-left:4px !important;
}
.user-name{
	font-size: 11px;
    font-weight: 500;
    color: #fb4848;
    padding-left: 3px;
}
.filter-abo-table{
	margin:10px 0px;
}


/* Display lender viewe css */
.dealer-bankers{
	margin:20px 0px;
}
.lender-full_details{
	background-color:#fff;
}
.my-bank-list{
	width: 100%;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; 			   /* NEW, Spec - Opera 12.1, Firefox 20+ */
    padding: 10px 0px;
    position: relative;
	margin:10px 0px;
	box-shadow:0px 0px 6px 0px #00000017
}
.lender-logo-info{
	width:20%;
	float:left;
	text-align:center;
}
.lender-logo-info>img{
	width:100px;
	margin:0px auto;
}
.lender-sub-info{
	font-size: 13px;
    color: #112233;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    line-height: 14px;
}
.lender-sub-info>span{
	display: block;
    color: #999;
    font-size: 13px;
    font-weight: 400;
	padding:3px 0px;
}
.lender-sub-info>a{
	color:#fb4848;
	text-decoration:underline;
}
.len_cont_pers{
	width:16%;
	float:left;
	text-align:center;
	border-left:1px solid #ccc;
	padding:24px 0px;
}
.lender-logo-info>p{
	font-size:13px;
	color:#112233;
	font-weight:500;
	margin:0px;
	padding:0px;
}
.lender-logo-info>p>span{
	display:block;
	color:#999;
}
.lender-sub-info{
	font-size:13px;
	color:#112233;
	font-weight:500;
	margin:0px;
	padding:0px;
}
.lender-sub-info>span{
	font-size: 11px;
    font-weight: 400;
    padding: 3px 0px;
	color:#929292;
}
.len_cont_ph{
	width:16%;
	float:left;
	padding:24px 8px;
	text-align:center;
	border-left:1px solid #ccc;
}
.len_cont_mail{
	width:16%;
	float:left;
	text-align:center;
	border-left:1px solid #ccc;
	padding:24px 0px;
}
.len_cont_add{
	width:20%;
	float:left;
	border-left:1px solid #ccc;
	padding:24px 0px;
	text-align:center;
}
.len_tran_info{
	width:12%;
	float:left;	
	border-left:1px solid #ccc;
	text-align:center;
	padding:33px 0px;
}
.lend_transac_details{
	width:100%;
	position:relative;
	margin-bottom:10px;
}
.lend_transac_details>h3{
	font-size:15px;
	font-weight:500;
	margin:0px;
	padding:0px;
	text-align:center;
	text-transform:uppercase;
	color:#fb4848;
}
.len-tran-full-info{
	width: 19%;
    text-align: center;
    padding: 5px 4px;
    border-right: 1px solid #ccc;
    display: inline-block;
}
.len-tran-full-info:last-of-type{
	border:none;
}

/* request-lender-list css */

ul.chec-radio {
    margin:0px;
}
ul.chec-radio li.pz {
    display: block;
	margin:15px 0px;
}
.chec-radio label.radio-inline input[type="checkbox"] {
    display: none;
}
.chec-radio label.radio-inline input[type="checkbox"]:checked+.my-bank-list {
    color: #fff;
    border:4px solid #112233;
}
.chec-radio .radio-inline .my-bank-list {
    cursor: pointer;
    background: #fff;
	width:100%;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    position: relative;
    float: left;
    margin: 0;
	border:4px solid #fff;
    margin-bottom: 5px;
}
.chec-radio>li.pz>label.radio-inline{
	padding-left: 0px;
	width:100%;
}
.req-lender-logo-info{
	width: 20%;
    float: left;
    text-align: center;
}
.req-lender-logo-info>img{
	width: 100px;
    margin: auto;
	padding:40px 0px;
}
.req-len_name{
	width: 23%;
    float: left;
    border-left: 1px solid #ccc;
    padding: 38px 0px;
    text-align: center;
}
.req-len_type{
	width: 22%;
    float: left;
    text-align: center;
    border-left: 1px solid #ccc;
    padding: 38px 0px;
}
.req-len_cont_add{
	width: 35%;
    float: left;
    padding: 38px 0px;
    text-align: center;
    border-left: 1px solid #ccc;
}
.form-group>textarea{
	height:80px;
	resize:none;
}
.inline-input-form{
	width:35%;
	margin:0px auto;
	position:relative;
}
.inline-sub-btn{
	width: 15%;
    position: absolute;
    top: 28px;
    right: 0px;
}
.inline-sub-btn>input[type="submit"]{
	background-color: #112233;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    padding: 1px 10px;
}
.inline-sub-btn>input[type="submit"]:hover, .inline-sub-btn>input[type="submit"]:active{
	background-color: #fb4848;
	transform:0.3s ease-in-out;
	-webkit-transform:0.3s ease-in-out;
	-moz-transform:0.3s ease-in-out;
	-o-transform:0.3s ease-in-out;
}
#show_procu_info{
	display:none;
	transform:0.3s ease-in-out;
	-webkit-transform:0.3s ease-in-out;
	-moz-transform:0.3s ease-in-out;
	-o-transform:0.3s ease-in-out;
}
.procu-process-btn{
	width:100%;
	display:inline-block;
	text-align:center;
}
.proceed_btn{
	background-color:#112233;
	color:#fff;
	font-size:13px;
	font-weight:500;
	border:none;
	border-radius:5px;
	padding:4px 18px;
	margin-right:8px;
}
.proceed_btn:hover{
	background-color:#fb4848;
	transform:0.5s ease-in-out;
	-webkit-transform:0.5s ease-in-out;
	-moz-transform:0.5s ease-in-out;
	-o-transform:0.5s ease-in-out;
}
.decline_btn{
	background-color:#ff5722;
	color:#fff;
	font-size:13px;
	font-weight:500;
	border:none;
	border-radius:5px;
	padding:4px 18px;
}
.decline_btn:hover{
	background-color:#ff4207;
}
.procure_popup{
	width:350px;
}
.procur_vehicle_pic{
	width: 75%;
    margin: 15px auto;
}
.procur_vehicle_pic>img{
	width:100%;
}
.dashboard-count-panel{
	display:inline-block;
	width:100%;
	position:relative;
}
.dashborad-left-text{
	float:left;
	width:25%;
}
.dashborad-left-text>i{
	font-size:24px;
}
.dashboard-right-val{
	width:74%;
	float:left;
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:center;
	border-radius:20px;
}
.dash-rej-loan>span{
	font-size: 36px;
    font-weight: 300;
}
.dashboard-right-val>p{
	font-size:15px;
	font-weight:400;
	line-height:15px;
	margin:0px;
	color:#112233;
	padding:0px;
}
.dashboard-title{
	font-size:15px;
	font-weight:500;
	letter-spacing:0px;
	padding:0px 15px;
	line-height:30px;
	margin:0px;
}
.dash-alloan>i{
	color:#9C27B0;
	font-size:45px;
}
.dash-alloan{
	padding:25px 0px;
}
.dash-tot-loan{
	padding: 25px 0px;
}
.dash-alloan>span{
	font-size:36px;
	font-weight:300;
}
.dash-tot-loan>span{
	font-size:36px;
	font-weight:300;
}
.dash-pen-loan>span{
	font-size:36px;
	font-weight:300;
}
.dash-tot-loan>i{
	color:#673ab7;
	font-size:45px;
}
.dash-pen-loan{
	padding: 25px 0px;
}
.dash-pen-loan>i{
	color:#2196f3;
	font-size:45px;
}
.dash-rej-loan{
	padding: 25px 0px;
}
.dash-rej-loan>i{
	color:#ff5722;
	font-size:45px;
}
.db-app-count{
	background-color:#357ebd;
}
.db-lo-gen-count{
	background-color:#22ad5c;
}
.db-loa-app-pend{
	background-color:#ff9800;
}
.db-app-count-icon>i{
	color:#fff;
}
.db-lo-gen-count-icon>i{
	color:#fff;
}
.db-loa-app-pend-icon>i{
	color:#fff;
}
.db-app-count-txt>span{
	color:#fff;
}
.db-app-count-txt>p{
	color:#9ac4e8;
	font-size:15px;
	font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.db-lo-gen-count-txt>span{
	color:#fff;
}
.db-lo-gen-count-txt>p{
	color:#93e0b3;
	font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.db-loa-app-pend-txt>span{
	color:#fff;
}
.db-loa-app-pend-txt>p{
	color:#ffdba7;
	font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.db-deal-amt-chart{
	width:100%;
	display:inline-block;
}
.chart-responsive{
	width:50%;
	float:left;
}
#pieChart{
	width:100% !important;
}
.db-deal-amt-chart{
	display:inline-block;
	width:100%;
}
.chart-legend{
	width:50%;
	float:left;
}
.chart-legend>li{
	font-size:11px;
	font-weight:500;
	line-height:25px;
}
/* color css */

.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.loan-process-time{
	width:33%;
	display:inline-block;
	text-align:center;
	padding:15px 0px;
	border-right:1px solid #ccc;
}
.loan-process-time:last-of-type{
	border:none;
}
.loan-amt-text{
	font-size:16px;
	text-transform:uppercase;
	font-weight:400;
	padding:0px;
	margin:0px;
}
.loan-process-time>span{
	font-size:13px;
	font-weight:500;
	color:#fb4848;
}
.deal-db-rank{
	position:absolute;
	float:right;
	right:15px;
	text-transform:uppercase;
	padding:7px 0px;
	color:#673AB7;
	font-size:15px;
}
.rank-award{
	font-size:15px;
	padding:0px 3px;
}
.first-prize{
	color:#fff;
}
.offload-popup-form{
	position:relative;
}
.offload-popup-form>label{
	display:block;
	font-size:13px;
}
.offload-vehicle-no{
	position:relative;
	width:100%;
	border:0px;
	background-color:#fff;
	padding:0px 10px;
	height:35px;
}
.offload-vehicle-no:focus{
	outline:none;
}
.offload-checkprice{
	position: absolute;
    right: 2px;
    float: right;
    background-color: #112233;
    top: 26px;
    border: 0px;
    color: #fff;
    height: 31px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.offload-fixed-price{
	position:relative;
	margin:10px auto;
	width:100%;
	border:0px;
	background-color:#fff;
	padding:0px 10px;
	height:35px;
}
.offload-price-info{
	display:none;
}
.offload-price-accept{
	display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
	color:#112233;
}
.offload-price-accept>input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.offload-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
.offload-price-accept:hover input ~ .offload-checkmark {
    background-color: #ccc;
}
.offload-price-accept input:checked ~ .offload-checkmark {
    background-color: #f44336;
}
.offload-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.offload-price-accept>input:checked ~ .offload-checkmark:after {
    display: block;
}
.offload-price-accept .offload-checkmark:after {
    left: 9px;
    top: 4px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.offload-sellnow{
	background-color: #112233;
    color: #fff;
    border: none;
    padding: 8px 15px;
    text-transform: uppercase;
    font-size: 13px;
    margin: 10px auto;
    font-weight: 500;
	
}
.epp-cus-info{
	display:block;
}
.epp-view{
	display:block;
}
.filter-table-eapp{
	width:25%;
}
.filter-table-eapp>label{
	font-size:13px;
	font-weight:500;
}
.eppa-summary>h3{
	font-size:16px;
	font-weight:500;
	padding:10px 0px;
	margin:0px;
}
.finance-name{
	text-align:center;
}
.finance-name>img{
	width:120px;
	margin:0px auto;
}
.epp-count{
	padding:10px 0px;
}
.epp-count>p{
	margin:0px;
	font-weight:500;
	font-size:15px;
}
.epp-count>p>span{
	width:70%;
	float:left;
	text-align:right;
	padding:0px 10px;
	font-weight:400;
	font-size:13px;
}
.pay-option-btn>a{
	text-transform:uppercase;
	padding:10px 20px;
	font-size:12px;
	font-weight:500;
}
.epp-paynow{
	background-color:#112233;
	color:#fff;
	border:0px;
	margin:0px 10px;
	text-decoration:none;
}
.epp-payno:hover{
	color:#4e6f90;
}
.partial-paynow{
	background-color:#fb4848;
	color:#fff;
	border:0px;
	margin:0px 10px;
	text-decoration:none;
}
.partial-paynow:hover{
	color:#ffb6b6
}
.retail_action{
	background-color: #78899a;
    padding: 6px 12px;
    color: #fff;
    border-radius: 3px;
}
.retail_action:hover, .retail_action:active{
	color:#acb0b5;
}
.response_radio{
	width:100%;
	display:inline-block;
}

.retail_radio {
	width:40%;
	float:left;
	margin: 0px 5px;
}

.retail_radio>label {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ddd;
}

/* hide input */
.retail_radio>input.radio:empty {
	margin-left: -999px;
}

/* style label */
.retail_radio>input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 2.5em;
	text-indent: 3.25em;
	margin-top: 0px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.retail_radio>input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 0px;
}

/* toggle hover */
.retail_radio>input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

.retail_radio>input.radio:hover:not(:checked) ~ label {
	color: #888;
}
/* toggle on */
.retail_radio>input.radio:checked ~ label:before {
	content: '\2714';
    text-indent: 0.9em;
    color: #ffffff;
    background-color: #fb4848;
}
.retail_radio>input.radio:checked ~ label {
	color: #777;
}
/* radio focus */
.retail_radio>input.radio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}
.retail_remark_box{
	display:block;
}
.retail_remark_box>label{
	display:block;
	font-size:13px;
	font-weight:500;
}
.retail_remark_box>textarea{
	height:90px;
	width:100%;
	resize:none;
	outline:none;
}
.retail_interest_bank {
    position: relative;
    display: inline-block;
}

.retail_interest_bank .tooltip_text {
    display:none;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
.retail_interest_bank:hover .tooltip_text {
    display:block;
}
.tooltip_text>ul>li{
	font-size:12px;
	font-weight:400;
	padding:2px 10px;
}
.ret_carinfo{
	display:block;
	font-size:12px;
}
.deal_retail_popup{
	width:55%;
}
.matching_link{
	color:#ff9800;
	font-size:12px;
	font-weight:600;
}
.cus-name{
	display:block;
	font-size:19px;
	font-weight:500;
	text-align:center;
	text-transform:uppercase;
	color:#112233;
}
.req-veh{
	width: 80%;
    margin: 0px auto;
    line-height: 12px;
	color:#9E9E9E;
    text-align: center;
}
.req-veh>span{
	font-size:11px;
}
.filter-abo-table>p{
	font-size:14px;
	font-weight:500;
	margin:0px;
	padding:5px 0px;
}
.filter-abo-table>p>span{
	font-weight:600;
	font-size:18px;
	color:#f44336;
}
.retail_popup_info{
	display:none;
}
.retail-lender{
	display:block;
	font-size:11px;
}
.filter-table>thead>tr>th{
	font-size:12px;
	font-weight:600;
}
.filter-table>tbody>tr>td{
	font-size:13px;
	vertical-align:middle;
	text-align:center;
}
.deal-view-report{
	background-color: #FF5722;
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    font-weight: 600;
}
.deal-view-report:hover, .deal-view-report:active{
	color:#ffab91;
}
.deal-info{
	display:block;
	font-size:11px;
}
.veh-sum{
	display:block;
	font-size:11px;
	font-weight:600;
}
.pending_text{
	color:#ff9800;
}
.success_text{
	color:#4caf50;
}
.inspe_req{
	background-color:#112233;
	color:#fff;
	padding:5px 10px;
	font-size:11px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	border-radius:2px;
	text-decoration:none;
}
.inspe_req:hover{
	text-decoration:none;
}
.login-error-msg{
	    color: #fb4848;
    font-weight: 500;
    margin-top: 20px;
    font-size: 15px;
    display: block;
}

.policy_links{
 padding-top:10px;
}
.policy_links>a{
 color: #fb4848;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}
.policy_links>a:hover{
 color:rgb(255, 109, 109);
}
.modal-open{
	padding-right:0px !important;
}

@media(max-width:768px){

.login-page-design>p{
	width:100%;
    padding: 0px 0px;
    margin: 0px auto;
    margin-bottom:20px;
}
.login-comp-logo{
	width:100%;
}
.login-title{
text-align:center;
}
.login-title:after{
    left: 40%;
}
.navbar-nav>li{
		margin: 0px 0px !important;
	}
}
.footer{
	background-color:#112233;
	margin: auto;
    text-align: center;
	position: fixed;
	width:100%;
    bottom: 0px;
}
.footer-bottom1{
	color:#fff;
}
.footer-content{
	margin: 0px auto;
    padding: 35px 0px;
    display: inline-block;
	width:100%;
}
.footer-list{
	display: block;
    margin: 0px 21px;
    float: left;
    width: 20%;
}
.footer-list>h4{
	font-size:18px;
	font-weight:600;
	margin-bottom:3px;
	text-align:left;
}
.footer-list>ul{
	list-style:none;
	text-align:left;
}
.footer-list>ul>li{
	padding:2px 0px;
}
.footer-list>ul>li>a{
	font-size:13px;
	text-decoration:none;
	color:#112233;
	font-weight:400;
}
.footer-bottom{
	background-color:#e0e0e0;
	display:block;
	padding:20px 0px;
}
.copy_inner1>p>a{
	color:#fff;
	margin: 0px 7px;
	font-weight: 400;
    font-size: 12px;
}
@media (max-width:768px){
	.copyrights{
		width:100%;
	}
}
.search_loan_type{
	margin-top: 0px;
    width: auto;
    float: left;
    padding: 0px 10px;
}
.search_loan_type>.radio-group {
    border: 2px solid #fb4848;
    display: block;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden;
}
.search_loan_type>.radio-group>input[type=radio]{
    position: absolute;
    visibility: hidden;
    display: none;
}
.search_loan_type>.radio-group>input[type=radio]:checked+label {
    color: #fff;
    background: #fb4848;
}
#labes {
    font-weight: 600;
    padding: 5px 18px;
    margin: -1px;
    float:left;
    text-transform:uppercase;
    font-size:12px;
	border-left: 0px solid #fb4848;
}
.search-info{
	width:15.6666%;
	float:left;
	padding:0px 5px;
}
.search-btn{
	width:5%;
	float:left;
	padding:0px 5px;
}
.search_loan_type>label{
	color: #112233;
    font-weight: 500;
}
@media (max-width:1200px){
	.search-info {
    width: 14.6666%;
	}
	.search-btn {
		width: 5%;
	}
}
@media (max-width:768px)
{
	.search_loan_type>label{
		margin-bottom:5px;
	}
	.search_loan_type>.radio-group{
		margin-bottom:5px;
	}
	#search-list{
		display:inline-block;
		width:100%;
	}
	.search-info{
		width:100%;
	}
}
@media (max-width:1280px)
{
 .footer {
    background-color: #112233;
    margin: auto;
    text-align: center;
    position: relative;
    width: 100%;
    bottom: 0px;
}
}
.card-top {
    padding: 0px 0px;
    margin-top: 20px;
}
.card-top>.table, section.wrapper {
    padding: 0px 20px;
 margin-bottom: 50px;
}

.our-policy{
margin:60px 0px;}
.our-policy h5{ 
font-size:12px; 
text-align:justify;}
.no-style {
list-style: none;
padding: 0 10px;
}
.term_info>.nuberlist>li>strong {
padding-right: 10px;
font-size: 16px;
color: #0FACF3;
font-weight: 600;
}
.term_info>.nuberlist {
padding-top: 10px;
display: inline-block;
text-align: justify;
list-style: none;
padding-left: 10px;
}
.nuberlist>li:before {
margin-right: 5px;
content: counter(item);
color: #0FACF3;
font-size: 18px;
font-weight: 700;
display: inline-block;
}
.term_info>.nuberlist>li {
color: #607D8B;
line-height: 20px;
font-size: 13px;
font-weight: 600;
 padding: 10px 0;
text-align: left;
}
.term_info {
-webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .04);
-moz-box-shadow: 0 0 15px 3px rgba(0, 0, 0, .04);
box-shadow: 0 0 15px 3px rgba(0, 0, 0, .04);
margin: 20px 0;
}
.term_info, body {
background-color: #fff;
}
.social-media{ 
text-align:center
}

.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}
.w3-display-left{
	color: #fff!important;
    background-color: #112233 !important;
    border: 0px;
    position: absolute;
    top: 50%;
    left: -1%;
    width: 35px;
    height: 40px;
    transform: translate(0%,-50%);
    font-size: 25px;
}
.w3-display-right{
	color: #fff!important;
    background-color: #112233 !important;
    border: 0px;
    position: absolute;
    top: 50%;
    right: -1%;
    width: 35px;
    height: 40px;
    transform: translate(0%,-50%);
    font-size: 25px;
}
/*.table{
		overflow-x: scroll;
	}*/

@media screen and (max-width: 1169px) {
	.table{
		overflow-x: scroll;
	}
	.table-count-no{
		width:100% !important;
		float: left !important;
		margin-left: 10px !important;
	}
	.table-count-no>p{
		float: left !important;
		margin-left: 5px !important;
	}
	.pagination_table {
		text-align: left !important;
		display: block !important;
		width: 100% !important;
		float: left !important;
	}
	.buttons-html5 {
		position: absolute;
		right: 0 !important;
/* 		right: 23px !important; */
/* 		top: 46px !important; */
	}
	.navbar-brand>img {
		width: 45% !important;
		margin: 0px auto;
	}
}


.toggle-password_new{
	float: right;
    position: relative;
    top: 22px;
    right: 10px;
}
.toggle-password_confirm{
	float: right;
    position: relative;
    top: 22px;
    right: 10px;
}
#reqdocInfo_bind  > h6{
	font-size:12px;
	color:#112233;
    margin-left: 25px;
}
#reqdocInfo_bind  > h6 > p{
	font-size:12px;
	color:#fb4848;
    display:block;
}
.blue-text{color:#2196f3 !important;}