
.brand-logo{
height: 36px;
}

.jumbtron{
background-color: #f0f0f0;
}

.jumbo-title{
    color: #545353;
    font-weight: bold;
    font-family: sans-serif;
}

.jumbo-description{
    color: #727272; 
    font-family: sans-serif;
}
.preview-slide{
height: 400px;
width: 100%;
background-color: #EAEAEE;
background-image: url(../../images/slides/slide-1.png);
}

.home-search-container{
    background-color: #F8F8F8;
}

.home-search{
height: 60px;
border-color: #ffffff;
}

.home-search .form-control{
    height: 65px;
    border: 1px solid #ffffff;
    border-right: 1px solid #E4E0E0;
    font-size: 15px;
    padding-left: 0px;
    transition: none;
    }

    .home-search .form-control:focus,
    .home-search .form-control:active{
    border-color: none;
    transition: none;
    }

    .bg-search{
        background-color: #FF4646;
        color: #ffffff; 
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bg-search:hover{
        color: #ffffff; 
    }
.home-search .input-group-text{
    background-color: #ffffff;
}

.home-search .input-group-prepend .input-group-text{
    border: 1px solid #ffffff;
    padding-right: 5px;
    border-top-left-radius: 0px;
}

.home-search .input-group-append .input-group-text{
    border: 1px solid #ffffff;
    padding-left: 2px;
}

.home-search .filter .input-group-text{
    padding-right: 0px;
}

.bg-tab-btn{
    background-color: #eeeeee;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.bg-tab-btn.active{
background-color: #ffffff;
}

.h4-title{
    color: #202020;
}

.btn-tag{
    border-radius: 15px;
    border: 1px solid #9c9c9c;
}

.btn-tag.active{
    background-color: #FF4646;
    border-color: #FF4646;
    color: #ffffff;  
}

.ui-slider-danger .ui-slider-range,
.ui-slider-solid.ui-slider-danger .ui-slider-handle {
  background-color: #FF4646;
  border-color: #FF4646; }

  .ui-slider .ui-slider-handle {
    border-color: #FF4646;
    border: 2px solid #FF4646;
  }

  .money-title{
      font-size: 15px;
  }

  .btn-tag:hover{
    background-color: #FF4646;
    border-color: #FF4646;
    color: #ffffff;  
}

.slide-overlay{
position: absolute;
width: 90%;
height: 100%;
}

.slide-overlay .card{
    background-color: #1F2430;
}

.slide-overlay .card h4{
color: #ffffff;
font-size: 16px;
font-family: sans-serif;
}


.product-card{
    border-radius:25px;
}

.product-card .card-img-top{
    border-radius:25px 25px 0px 0px;
}

.product-card .card-title{
font-weight: bold;
font-size: 20px;
font-family: sans-serif;
color: #202020;
}

.product-card .product-location{
    color: #B2B2B2;
}

.product-card .product-price{
    color: #FF4646;
    font-weight: bold;
    font-size: 17px;
}



.product-card .product-accessories{
font-size: 15px;
}

.overlay-container{
position: absolute;
width: 100%;
height: 50%;
z-index: 9999;
border-radius:25px 25px 0px 0px;
}

.agent-card{
 background-color: #ffffff;
 padding: 5px;
 border-radius: 10px;
}

.agent-card .agent-img{
 border-radius: 12px;
 width: 20px;
 height: 20px;
}

.agent-card .agent-name{
font-size: 12px;
color: #202020;
font-weight: bold;
}

.agent-card .agent-tag{
    font-size: 12px;
    color: #B5B5B5;
    font-weight: bold;
}

.agent-card .agent-name:hover{
   text-decoration: none;
}

.btn-brand{
    background-color: #FF4646;  
    color: #ffffff; 
    font-size: 14px;
}

.btn-brand:hover{
    color: #ffffff; 
}


@media (max-width: 575.98px) { 
    *{
        font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    *{
        font-size: 14px;
    }
}

.wrapper{
    background-color: #f8f8f8;
}

.sidebar-filter{
    background-color: #ffffff;
}


/***TOP SEARCH*****/
    .nav-group .search-panel{
    position: fixed;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    height: 58px;
    z-index: 9999;
    width: 100%;
    top: 0;
    display: none;
    }

    .nav-group .search-panel{
    background-color: #ffffff;
    }

    .nav-group .search-panel .video-search-form{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #000000;
    }

  .nav-group .input-group{
    border-color: #F8F8F8;
    
   }
       
  .nav-group  .input-group .input-group-prepend .input-group-text{
       background-color: #F8F8F8;
       border-color: #F8F8F8;
       color: #808080;
       border-top-left-radius: 10px;  
       border-bottom-left-radius: 10px; 
       cursor: pointer;
   }
   
  .nav-group .input-group .input-group-append .input-group-text{
       background-color:#F8F8F8;
       border-color: #F8F8F8;
       color: #808080;
      
       cursor: pointer;
   }
   
  .nav-group  .form-inline .form-control{
   width: 407px;
   height: 38px;
   border-left:0px;
   border-right:0px;
   transition: none;
   color: #4d4b4b;
   border-top-right-radius: 10px;  
   border-bottom-right-radius: 10px; 
   font-size: 14px;
   background-color: #F8F8F8;
   border-color:#F8F8F8;
   }
   

   @media (max-width: 1088px) { 

    .nav-group  .form-inline .form-control{
         width: 250px;
     }
    
  }
 
   
@media (max-width: 1000px) { 

   .nav-group  .form-inline .form-control{
        width: 250px;
    }
   
 }

 
@media (max-width: 980px) { 

  .nav-group   .form-inline{
    display: none;
    }
   .nav-group .navbar-custom .navbar-nav .search-collapse-in{
        display: block;
        }
 }

.muted-h5{
color: #B2B2B2;
font-weight: bold;
}

.h5-title{
    color: #202020;
    margin-top: 5px;
    font-weight: bold;
}