@charset "utf-8";

body { font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; margin: 0; color: #484848; }

hr.style2 {
	border-top: 3px double #8c8b8b;
	margin-top: 80px;
}

hr.style1 {
	border-top: 1px solid #484848;
	margin-top: 10px;
	width: 15%;
}

hr.style3 {
	border-top: 2px solid #ccc;
	margin-top: 10px;
	width: 100%;
}

/*--- nav bar edit ---*/
.navbar-default{ background-color: #FFF; font-size: 0.9em; font-weight: 600; transition: all 0.5s; height: 15vh; letter-spacing: 2px; }

.navbar-default a{ color:#2E3192; }

.navbar-default a:hover{color:red !important; }

.carousel-indicators{cursor: pointer;}

.custom-toggler.navbar-toggler {
    border-color: #2E3192;
}

.collapse{
    background-color: #FFF;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(46,49,146, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*---footer---*/
#footer-h{ position: relative; padding: 6px; height: 100%; text-align: center; background-color: #2E3192; color: #fff; font-size: 90%; } /*#ED1B24*/

#footlogo img{ width: 63px; height: auto; }

.ficon img{ width: 15px; height: 15px; margin-left: 15px; margin-bottom: 3px; }

/*---navbar-all---*/
.navbar-all{ background-color: #fff; font-size: 0.9em; padding: 15px 0; transition: all 0.4s; word-spacing: 2px; text-transform: uppercase; } /*2E3192*/

.navbar-all a{ color: #2E3192; font-weight: 600; letter-spacing: 1px; }

.nav-item{ margin-right: 5px; margin-left: 5px; }

.nav-item a:hover{ color: #ED1B24; border-bottom: 3px solid #ED1B24; }

.nav-item a.active{ border-bottom: 3px solid #ED1B24; color: #ED1B24; }

.nav-item a:hover.active{ border-color: #ED1B24; }

.ez-logo img{ width: 120px; height: auto; }

.navbar.compressed {
  padding-top: 2px;
  padding-bottom: 2px;
  background: rgba(255,255,255,1);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

/*---breadcrumb-all*/
#breadcrumb-all{ background: #2E3192; font-size: 80%; padding: 5px 0; color: #fff; letter-spacing: 1px; }

#breadcrumb-all a{ text-decoration: none; color: #fff; }

/*---inventory---*/
#inv-banner{ position: relative; height: 380px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#inv-bannertext{ color: #ED1B24; position: relative; letter-spacing: 1px; margin-top: 3em; }

#inv-bannertext h1{  font-weight: 700; }

#inv-bannertext p{  font-weight: 600; }

.banner-overlay{ background-color: rgba(0,0,0,0.4); height: 380px; }

.inv-wrap{ padding-top: 50px; padding-bottom: 50px; }

#inv-left{ height: 100%; padding: 10px; }

.search-box input[type=text] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
	color: #848484;
    font-size: 16px;
    background-color: white;
    background-image: url('searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
	border-radius: 4px;
}

.search-box input[type=text]:focus {
    width: 100%;
	outline-color: none;
	border: 1px solid #2E3192;
	color: #000;
}

.search-box{ margin-bottom: 10px; }

.filter-box{ border: 1px solid #ccc; margin-bottom: 10px; color: #000; border-radius: 4px; }

.filter-b-top{ background: #f7f7f7; color: #000; padding: 10px 0; border-bottom: 1px solid #ccc; }

.filter-b-top h5{ margin: 0; font-weight: 600; }

.filter-b-mid { padding-bottom: 20px; }

.filter-b-mid h6{ font-weight: 600; margin-top: 20px; }

.filter-b-mid p{ margin: 0; }

.filter-b-mid select[type=text]{ width: 100%; border: 2px solid #ccc; padding: 10px 10px; border-radius: 5px; }

.range { 
    display: table;
    position: relative;
    height: 25px;
    margin-top: 10px;
    background-color: rgb(245, 245, 245);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.range input[type="range"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
}
.range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;

    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range input[type="range"]::-moz-slider-thumb {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    
    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
}

.range output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: rgb(153, 153, 153);
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.range input[type="range"] {
    outline: none;
}

.range.range-info input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(46, 49, 146);
}
.range.range-info input[type="range"]::-moz-slider-thumb {
    background-color: rgb(46, 49, 146);
}
.range.range-info output {
    background-color: rgb(46, 49, 146);
}
.range.range-info input[type="range"] {
    outline-color: rgb(46, 49, 146);
}

.filter-b-mid input[type=number]{ width: 100%; border: 2px solid #ccc; border-radius: 4px; padding: 10px 10px; }

.filter-b-mid input[type=number]:focus{ border: 2px solid #2E3192; -webkit-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out;  }

.filter-b-mid input[type=submit]{ background: #EEE; background: linear-gradient(#fff, #eee); width: 100%; border: 1px solid #ccc; margin-top: 20px; padding: 10px 0; border-radius: 4px; cursor: pointer; }

.filter-b-mid input[type=submit]:hover{ background: linear-gradient(#fff, #d7d7d7); }

.banner-box{ border: 2px solid #ccc; width: auto; height: 300px; }

#inv-right{ height: 100%; text-align: center; background-color: #f7f7f7; }

.vehicle-col{ display: none; padding: 10px; }

.vehicle-box{ border: 1px solid #d7d7d7; height: 420px; width: 100%; overflow: hidden; cursor: pointer; background-color: #fff; }

.inv-b-top{ height: 65%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.inv-b-mid{ position: relative; height: 35%; text-align: left; padding: 10px 20px; }

.veh_name{ text-transform: capitalize; }

.veh_type{ text-transform: capitalize; }

.inv-b-bot{ position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; height: 350px; width: 100%; }

.bot-text{ position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; color: #2E3192; font-weight: 800; font-size: 200%; letter-spacing: 3px; }

.hidbox {
	top: 0;
 	position: relative;
	transition: all .4s ease-out;
	background: rgba(255,255,255,0.7);
	height: 418px;
	border: 1px solid #5F71DB;
}

.vehicle-box:hover > .hidbox{
	top: -100%;
}

#loadBtn{ position: relative; height: 46px; margin-bottom: 10px;}

#loadMore {
	padding: 10px;
	position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;
	width: 265px;
	display: block;   
    text-align: center;
    background-color: #5F71DB;
    color: #fff;
	font-weight: 600;
    box-shadow: 0 1px 1px #ccc;
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}
#loadMore:hover {
    background-color: #2E3192;
    color: #FFF;
	text-decoration: none;
}

#noMore { display: none; }

/*---footer---*/
#footer4{ padding-bottom: 75px; background-color: #413D3D; }

.foot4{ letter-spacing: 2px; line-height: 28px; color: #fff; }

.foot4 h4{ padding-top: 40px; font-weight: 600; text-transform: capitalize; }

.f4w{ font-size: 80%; }

/*---footer follow---*/
#footerfol{ text-align: right; }

#footerfol img{ width: 15px; height: 15px; margin: 9px 9px; }

/*---Image gallery---*/
.veh-img { text-align: center; background-color: #f7f7f7; margin-top: 45px; margin-bottom: 45px; padding: 10px; }

#singlepg-r{ line-height: 30px; background-color: #f7f7f7; margin-top: 45px; margin-bottom: 45px; padding: 25px 10px 25px 10px; height: 100%; }

.button{
    border: none;
    color: #ED1B24;
    padding: 8px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 110%;
    font-weight: 600;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;}

.button1 {
    background-color: white; 
    color: #ED1B24; 
    border: 2px solid #ED1B24;
}

.button1:hover {
    background-color: #ED1B24;
    color: white;
}

#ind-eqb{ padding: 20px 80px; display: none; }

.veh-enq-f{ padding: 4px 20px; margin-bottom: 20px; border-radius: 5px; border: 3px solid #ccc; }

#enq-btn{ width: 150px; border: 3px solid #ED1B24; padding: 4px 20px; color: #ED1B24; font-weight: 600; }

#enq-btn:hover { background-color: #ED1B24; color: white; cursor: pointer; }

/*----------search results----------*/
#sb-cont{
    position: absolute; top: 50%;
}

#search-right{ height: 100%; text-align: left; background-color: #f7f7f7; }

#search-title{ font-weight: 800; margin-bottom: 12px; margin-top: 10px; }

#search-box{ border: 2px solid #ccc; padding: 0 15px; height: 100%; overflow: hidden; margin-bottom: 20px; }

#search-box:hover{ border-color: #2E3192; }

#search-box a{ color: #484848; }

#search-box a:hover{ text-decoration: none; }

#s-box-left{ border-right: 1px solid #ccc; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 200px;; }

#s-box-right{ height: 200px; padding: 20px 25px; overflow: hidden; }

#sveh-des{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*--------About Us-----------*/
#abtus-wrap{ padding: 80px 0; }

#abtus-cont{ background-color: #f7f7f7; }

#abtus-right img{ height: auto; width: 100%; }

/*--------Contact Us-----------*/
#contus-wrap{ padding: 80px 0; }

#contus-cont{ background-color: #f7f7f7; }

#contus-right img{ height: auto; width: 100%; }

/*-------------ADmin panel-----------*/
#admin-wrapper{ position: relative; }

#admin-logo img{ height: auto; width: 150px; margin-bottom: 20px; }

.admin-mid{ position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 270px; }

#admin-box{ background: #f7f7f7; padding: 15px 15px; border-radius: 5px; }

#admin-b-top{ font-weight: 600; }

#admin-b-mid{ text-align: left; }

#admin-b-mid p{ margin: 0; margin-bottom: 5px; }

#admin-b-mid input[type=submit]{ width: 50%; background: linear-gradient(#fff, #eee); margin-top: 5px; }

#admin-b-mid input[type=text], [type=password]{ width: 100%; }

#admin-b-mid input[type=submit]:hover{ cursor: pointer; background: linear-gradient(#fff, #ccc); }

#admin-b-mid input[type=text]:focus,[type=password]:focus{ border: 1px solid #2E3192; transition: all 0.5s;  }

.admin-field{ border: 1px solid #ccc; padding: 5px 15px; margin-bottom: 5px; border-radius: 5px; }

.err-text{ color: #fff; padding: 2px 15px; font-weight: 500; }