/*  Map Marker nav icon */
.nav-item .nav-link .fa-map-marker{
    font-size: 17px;
}




/* Index.html*/


.card-img-top{
	width: 8%;
	}
        .modalbox {
            position: absolute;
            z-index: 99;
        }
        
        .bannerbox {
            background-color: #ffffff;
        }
        
        .navbar-light {
            color: #fff;
            background-color: #ccc6c6;
            border-color: #aca1a2;
        }
        
        .navbar-light .navbar-nav > li > a {
            color: #fff;
        }
        
        .navbar-light .navbar-nav > .dropdown > a .caret {
            border-top-color: #fff;
            border-bottom-color: #fff;
        }
        
        .navbar-light .navbar-brand {
            color: #fff;
        }
        
        .menu-large {
            position: static !important;
        }
        
        .megamenu {
            padding: 20px 20px;
            width: 100%;
        }
        
        .megamenu > div > li > ul {
            padding: 0;
            margin: 0;
        }
        
        .megamenu > div > li > ul > li {
            list-style: none;
        }
        
        .megamenu .card {
            outline: none;
        }
        
        .megamenu .card:hover,
        .megamenu .card:focus {
            outline: 1px solid #000;
        }
        
        .megamenu > div > li > ul > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.428571429;
            color: #333333;
            white-space: normal;
        }
        
        .megamenu > div > li > ul > li > a:hover,
        .megamenu > div > li > ul > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }
        
        .megamenu.disabled > a,
        .megamenu.disabled > a:hover,
        .megamenu.disabled > a:focus {
            color: #999999;
        }
        
        .megamenu.disabled > a:hover,
        .megamenu.disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed;
        }
        
        .megamenu.dropdown-header {
            color: #428bca;
            font-size: 18px;
        }
        
        @media (max-width: 768px) {
            .megamenu {
                margin-left: 0;
                margin-right: 0;
            }
            .megamenu > li {
                margin-bottom: 30px;
            }
            .megamenu > li:last-child {
                margin-bottom: 0;
            }
            .megamenu.dropdown-header {
                padding: 3px 15px !important;
            }
            .navbar-nav .open .dropdown-menu .dropdown-header {
                color: #fff;
            }
        }
        
        .submodelpanel {
            display: flex;
            margin: auto;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        
        
        .hero-carousel .carousel-inner{
            /*max-height:355px;*/
        }
        
        
         
        
       
        
        
        .hero-carousel .carousel-inner .carousel-caption {
        position: absolute;
        top: 44%;
        left: 8%;
        max-width: 370px;
        bottom: auto;
        text-align: left;
        padding: 20px;
       
        }
        
        /* Third Slider's width */
        .hero-carousel .carousel-inner .slider-2{
        max-width: 400px !important;
        }
        
            
        .hero-carousel .carousel-inner .caption-box {
        position: absolute;
        top: 44%;
        left: 8%;
        max-width: 340px;
        bottom: auto;
        text-align: left;
        padding: 20px;
        background-color: rgba(255,255,255,0.9);
        }
        
        /* index-submodelpanel card-footer*/
        
        .index-submodelpanel .card-footer{
            height: 115px;
        }
            
            
        /* New Vehicle */
        
        #overlay{
            position:relative !important;
        }
        
        #overlay .overlay-car-status{
         position: absolute;
         bottom: 0px; 
         padding: 3px 12px !important;
        }
        
        
        
        /* filter */
        
      
    
    .modal-backdrop.show {
        opacity: 0.5;
        z-index: 2;
    }
    
    .zindex-2 {
    	z-index:2;
    	position:relative;
    	 top: -29px;
    }
    
    
     .filter_modal {
        z-index: -2 !important;
    }
    .sticky2 > .top_btn {
    display: block;
}


.top_btn {
    display: none;
    outline: none;
    position: relative;
    left: 0%;
    margin-top: -43px;
    top: 39px;
    z-index: 99;
    font-size: 10px;
    border: none;
    background-color: #ff000000;
    color: #000;
    cursor: pointer;
    padding: 15px 28px;
    font-family: "avenir","arial","helvetica",sans-serif;
    font-weight: bold;
    letter-spacing: .3em;
    text-transform: uppercase;
    line-height: 1.3;
    border-radius: 0px;
    transition: color 0.5s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
    
    
    
    
    /* view Details */
    
    
    
     /* Details Card Vehicle */
        
           /* Card Reveal*/
   
   	.card .card-reveal {
    /* padding: 20px; */
    position: absolute;
    width: 98.3%;
    /*overflow-y: auto;*/
    left: 3px;
    bottom: -1px;
    z-index: 1;
    display: none;
    right: 0px;
    height: 100.2%;
    margin-right: 1px;
    /* min-width: 354px; */
    background-color: #181818 !important
}


.card .card-reveal1 {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    right: 0px;
    height: 44%;
    margin-right: 1px;
    background-color: #181818 !important;
}




.card .card-reveal .revealbox {
    display: block;
    background-color: #181818 !important;
    padding: 14px 22px;
}


.card .card-reveal1 .revealbox1 {
    display: block;
    background-color: #181818 !important;
    padding: 14px 22px;
}






.vcardclose {
    float: right;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 10;
    margin-top: -5px;
    border: 0px;
    background: transparent;
    line-height:10px;
}


.revealbox ul, .revealbox1 ul {
    margin-top: 15px;
    height: 145px;
    overflow-y: scroll;
}



.revealbox .card-title {
    color: white;
    font-weight: 500;
    font-size: 14px;
}

.card .card-reveal p{
    color: rgba(0, 0, 0, 0.71);
    margin:20px ;
}

.cardreveallink {
    display: block;
    padding: 6px 15px;
    background-color: #181818;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-right-width: 0px;
    border-left-width: 0px;
    text-transform: uppercase;
    color: #9e1b32;
    text-align: left;
    border-top: 0px;
    color: white;
}
.cardreveallink:focus {	
	outline:none;
	

}

.cardreveallink span {
	font-size: medium;
}



.vcardclose:focus{
     outline: none;
}



.vcardclose:hover{
     cursor: pointer;
}

.m-content{
    position : relative !important;
}

/*vcard hidden */
.vcard1, .vcard2, .vcard3, .vcard4, .vcard5, .vcard6{
    display:none;
}



/* grid list */
#list, #grid {
text-decoration:none; 
   
}


#list > span, #grid > span {
   text-decoration: none;
   font-size: 15px;
   margin-top: -1px;
   display: inline-block;
   float: right;
   margin-left: 10px;
}


/* End of grid list */


/* Overlay Images */
#overlay .card-img{
    cursor:pointer;
	
}


/* Carousel Responsive Fix */

@media (min-width: 320px) and (max-width: 648px) {
  
        .carousel-control-next-icon {
            left: 15% !important;
        }
        
        .navbar-nav .nav-item .nav-link{
            text-align : left;
            padding-left:15px;
        }
        
}


@media (min-width: 320px) and (max-width: 991px) {
  
       .list-gridBtn{
            float:right;
        }
        
        .price-dropdown{
            float:right !important;
        }

}

.r-content{
padding-top : 0.5rem !important; 
}



#overlay .approved-img{
    
}

.specification-table{
    font-size:0.75rem;
}

.panel .card-header{
     cursor:pointer; 
     background:#f7f7f7;
}


.btn-tool{
    background:transparent !important;
}


.returnpage-btn{
    font-family: icomoon;
    
}

.accord {
    cursor:pointer;
}

.fa-angle-left{
    font-size:14px;
}

.payment-accord-head{
    padding:0 15px;
}

.disclaimer-text{
    font-weight:bold;
}

.star-shadow{
    text-shadow: 0px 0px 0.5px  black;
}

/* Compare Page */

.compare-accord .card-header{
    height:50px;
}

.compareclose{
    position:absolute;
    right:0;
}

.compareclosebtn{
    text-decoration:none !important;
}


/* Special Offer */

.grid-group-item .m-content .list-special{
    display: none;
}

.grid-group-item .specialbtn-2{
    display: block;
}


.list-group-item .m-content .list-special{
    display: block;
}

.list-group-item .specialbtn-2{
    display: none;
}


/* End of Special Offer */

.list-show{
    padding-top:15px;
}

/*vehicle head (slider)*/

.vehicle-head{
    padding: 5px 0px ;
    line-height:2;
}

.vehicle-head-span{
    padding: 6px 5px;
}


@media only screen and (max-width : 768px) {
/* Styles */
.vehicle-head{
    font-size:0.6rem;
}

}

@media only screen and (max-width : 512px) {
/* Styles */
.vehicle-head{
    font-size:0.5rem;
}

}


@media only screen and (min-width : 320px) and (max-device-width : 480px){
/* Styles */
.vehicle-head{
    font-size:0.45rem;
}

}


.grid-group-item .exshowroom{
    font-size:0.83rem !important;
}


/* list grid action button */
.grid-group-item .grid-action-btn{
    flex: 1;  
    margin: 1px !important;
}
 
.list-group-item .grid-action-btn{
    flex: 0 0 100%;
    max-width: 100%;
}


.list-group-item .group-row{
    display: flex !important;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.list_disc {
    list-style-type: disc;
}
#featureBox ul li {
    padding-bottom: 10px;
    list-style: disc !important;
}
.btn_name{
	font-size:9px;
}


.item {
  animation-duration: 1s;
  animation-delay: 1s;
  animation-iteration-count: 1;
}
.fixed-top {
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
}
 


.bg-white-trans{
		background-color: rgba(255,255,255,0.9);
		}
        
/* filter dropdown fix mobile view*/
.bootstrap-select .dropdown-menu {
    max-width: 100.5%;
}


/* availability-status */
#availability-status-left{
    font-size:1.5rem;
}
.slide-down {
         position: absolute;
         left: 0px;
         width: 100% !important;
         }
		 
		 
     
.myclass{
    display: -webkit-inline-box;
    height: 21px;
    width: 21px;
}
.myclass p{
    margin-left: 10px;
}



<!--  filter menu mobile view 31-12-2018  -->

 
  <!--  filter menu mobile view 31-12-2018  -->

 
  /* hiding filter menu when page hits tablet size*/
 @media (max-width: 990px) {
 
 #navbarSupportedContent ul li, #navbarSupportedContentmob ul li{
     width:100%;
 }
  .mobile-filter-header{
       display: block !important;
   }
  
  .list-gridBtn{
           display: block;
       } 
 
 .filterbar{
     display:none !important;
 }
  

}

.filterbar{
 display:block;
}
.filterbarmobile{
 display:none ;
}



.mobile-filter-header{
       display: none;
   }	 

@media (min-width: 100px) and (max-width: 991px) {
 
      .list-gridBtn{
           display: none !important;
       }
       
       .price-dropdown1{
           display: none !important;
       }
.mobile-filter-header{
       display: block !important;
}	 

#filtermenu{
display:none;
}

}

/* mobile csss for filter end */


.overlaycontent{
 position: relative;
}
.overlayhover{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;

  background-color: #06060666;
	margin-bottom:15px;
	transition: 0.3s;
	transition: width 2s;
  -webkit-transition: width 2s; /* Safari 3.1 to 6.0 */
}




.s_model:hover .overlayhover{
  opacity: 1;
  transition: opacity 2s;
  -webkit-transition: width 2s; /* Safari 3.1 to 6.0 */
  
}
	  #navbar {
  overflow: hidden;
  background-color: #333;
}


	 
	  #navbar {
  overflow: hidden;
  background-color: #333;
}


.content {
  padding: 0px;
}

.sticky2 {
  position: fixed;
  top:46px;
  width: 100%;
}

.sticky2 + .content {
  padding-top: 60px;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.search_height{
    height: 65px;
    width: 94%;
}
.search_close{
font-size:15px;
}

 .item:hover {
    background-color: #00000038 !important;
	 transition: background-color 1s;
  -webkit-transition: background-color 1s; /* Safari 3.1 to 6.0 */
} 

.item{
    background-color: #fff;
	 transition: background-color 1s;
  -webkit-transition: background-color 1s; /* Safari 3.1 to 6.0 */
} 

.offerspecial{
    background-color: #fff;
	 transition: background-color 1s;
  -webkit-transition: background-color 1s; /* Safari 3.1 to 6.0 */
} 

	  .intro{
overflow-y: hidden;
color:green;
}

/* for navgation animation */

html {
  scroll-behavior: smooth;
}



/*carousel start*/

   .ml-4{
        margin-left: 2.0rem !important;
   
    .carousel-inner 
    {
        cursor:none !important;
    }
    .carousel-inner > .cursorIcon
    {
        display:none;
    }
    .cursorIcon {
        position:absolute;
        float:left;
        background-image: url(https://www.jlrudaan.com/mena_udaan_v2/bahrain/LR/frontend_assets/img/slider/cursor-left.png);
        background-repeat: no-repeat;
        width: 33px;
        height: 53px;
        top:0;
        z-index:7;
        pointer-events: none;
        background-repeat: none;
        -webkit-transition: -webkit-transform 0.4s ease-out;
        -moz-transition: -moz-transform 0.4s ease-out;
        -o-transition: -o-transform 0.4s ease-out;
        transition: transform 0.4s ease-out;
    }
    .cursorIcon.right {
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

/*carousel end*/
/* 
27 feb */


.aliment_text_left {
    float: left !important;
}
 .page-heading{
	background: #ced5d8; 
 }