/* 
/* 
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/
body{font-size: 14px;}

.more-info{background-color: #f9f9f9;} include this in custom css

h4, .h4{margin-bottom: 0rem;}

h6, .h6 {
    font-size: 13px;
}
h6, .h6{margin-bottom: 0rem;    line-height: 13px;}

.select2-container--default .select2-selection--single {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.375rem + 2px);
    padding: 0.6875rem 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    color: #555A64;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #EAEDF2;
    border-radius: 0.1875rem;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background-color: #fff;
    /* border: 1px solid #aaa; */
    border-radius: 4px;
}

.aos-init-img{
    margin-top: -35px;
}

.display-4 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

button.navbar-toggler {
    margin-right: 15px;
}

h6.mt-1.txt-lbl {
    display: contents;
}


.form-group .custom-select.custom-select-sm + .icon {
    top: 1.125rem;
    margin-right: 5px;
}

.btn {

  padding: 0.525rem 1rem 0.525rem 1rem}
  
  
.btn{
  
    text-overflow: ellipsis;
    margin-bottom: 12px;
    cursor: pointer;
    word-break: break-all;
    overflow:hidden;
    white-space: nowrap;
}

.btn:hover{
    overflow: visible; 
    white-space: normal; 
}
  
  

.lab-btn {
    font-size: 12px;
}

.display-ad {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.display-3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}
.lead {
    font-size: 1.2rem;
    font-weight: 400;
}

.lead2 {
    font-size: 1.2rem;
    font-weight: 400;
}


.select2-container {
    box-sizing: border-box;
    display: table-cell;
    margin: 0;
    position: relative;
    vertical-align: middle;
}


.btn-outline-primary {
    color: #32a7d7;
    border-color: #32a7d7;
}
a.badge-success {
    background-color: rgba(0, 155, 114, 0.1);
    color: #32a7d7;
}

a.badge-success:hover, a.badge-success:focus {
   padding-top: 8px !important;
}

.txt-lbl{width:55%}


.hr-line {
    width: 4%;
    top: -20px! important;
    position: relative;
    border-bottom: 1px solid #000;
}

.irs--theme {
    height: 22px;
}
.form-control-sm {
   /* height: calc(0.5em + 0.6rem + 1px); */
    padding: 0.30625rem 0.2rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.3125rem;
}

.button-group, .dropdown-toggle{
	background-color: #fff0;
    border: 1px solid #eaedf200;
}

.dropdown-menu.show {
    display: block;
    width: 100%;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}
.dropdown-toggle{width:100%}

.rate{margin:0 10px 0 10px;
text-align: center;}

h4, .h4 {
    font-size: 1.1rem;
}
.navbar-nav > .nav-item {
    font-size: 1rem;
}
p {
       margin-top: 5px;
    margin-bottom: 0.4rem;
}
.search-breadcrumb{
	background-color: #eef0f533;
    padding: 9px 20px 0 20px;
    margin-bottom: 5px;
    border: 1px solid #e4e4e44d;
}

.search-bread{padding-right: 0px; 
padding-top:0px;
padding-left: 0px;}

.bg-gradient {
    background: linear-gradient(to right, #32A7D7, #32A7D7) !important;
	
}
.bg-plain {
    background: linear-gradient(to right, #c2e5f3, #c2e5f3) !important;
	
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #32A7D7;
}

.text-white .display-1, .text-white .display-2, .text-white .display-3, .text-white .display-4, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6, .text-white .blockquote {
    color: #192d35;
}
.text-primary {
    color: #32A7D7 !important;
}

.col-lg-5{padding-left: 0px;}

a {
    color: #32a7d7;
}
a:hover {
    color: #32A7D7;
}
small, .small {
    font-size: 0.9rem;
    font-weight: 500;
    padding-left: 9px;
}
input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 8px;
}
.dropdown-toggle {
    display: flex;
    align-items: center;
    padding: 7px 0px 3px 12px;
}
.icon.icon-sm {
    height: 1rem;
}

.rate {
    margin: -4px 10px 0 10px;
    text-align: center;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(50 167 215);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #58b7de;
}

.btn-primary:hover {
    color: #fff;
    background-color: #58b7de;
    border-color: #58b7de;
}


.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #58b7de;
    border-color: #58b7de;
}


svg.bg-primary [fill]:not([fill="none"]) {
    fill: #32A7D7;
}
.btn-primary {
    color: #fff;
    background-color: #32A7D7;
    border-color: #f7fefe;
    box-shadow: none;
}

.mt-10{margin-top:10px;}
.mb-10{margin-bottom:10px;}

.mt-15{margin-top: 15px;}
.mb-15{margin-bottom: 15px;}

.mt-30{margin-top:30px;}
.mb-30{margin-bottom:30px;}

.bg-primary-3 {
    background-color: #fbfbfb !important;
}
.bg-primary-3-w {
    background-color: #fbfbfb !important;
}
.text-white {
    color: #2c3038 !important;
}

.links-white a:not(:hover) {
    color: rgb(44, 48, 56);
}
.text-white .text-muted {
    color: rgb(44, 48, 56) !important;
}
.card.bg-white {
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(84, 84, 84, 0.05) !important;
}
.text-white hr {
    border-color: rgba(0, 0, 0, 0.11);
}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(25, 45, 53);
}
section {
    padding: 3rem 0;
}

.search-section {
    padding: 0rem 0;
}
.blob.blob-4 {
    -webkit-mask-image: url(../img/blobs/blob-4.svg);
    mask-image: url(../img/blobs/blob-4.svg);
}
.blob {
    position: absolute;
    z-index: 0;
    transform: scale(3);
    -webkit-mask-image: url(../img/blobs/blob-1.svg);
    mask-image: url(../img/blobs/blob-1.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}
.card-body2 {
    flex: 1 1 auto;
    padding: 5px 5px 0px 5px;
}
.hover-box-shadow:hover {
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.09);
    transform: translateY(-0.2rem);
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0rem 0rem;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 2rem;
    padding-left: 1.75rem;
}

hr {
   margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    border: 0;
    border-top: 1px solid #EAEDF2;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 1rem 2rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #EAEDF2;
}
.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 25px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.34375rem 0.7rem;
    font-size: 0.875rem;
    line-height: 1;
    margin-top: 5px;
    border-radius: 100px;
}


.card-footer {
    padding: 0.3rem 0rem;
    background-color: rgb(0 0 0 / 1%);
    border-top: 1px solid #EAEDF2;
}

.product-rating{
  margin-top:0px;
}

i.fa-star{color:#aaa; display:inline-block;}
i.fa-star.rating{color: rgb(232, 217, 31);}
.product-rating-details{display:inline-block; padding-left: 0px;}

 
 
 .row-results {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
 
    .switch-btn {
        border: 1px solid #32a7d7;
        padding: 0.5rem 1.5rem! important
    }
    .price-lbl {
        color: fff !important;
    }




@media(max-width:515px){
    
    .mobile-logo{width:80%;margin-left: 2%;}
    
    
    .text-center {
        text-align: center !important;
    }
    
    .switch-btn {
         width: 100%;
        border: 1px solid #32a7d7;
        padding: 0.1rem 0.3rem! important;
    }
    
    .btn-toggle {
        display: -webkit-inline-box;
        /* position: fixed; */
    }
    
    .btn-group > .btn:not(:first-child), .btn:not(:last-child):not(.dropdown-toggle){
       
        border-top-right-radius: 25px!important;
        border-bottom-right-radius: 25px!important;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    
  .product-rating-details{padding-left:0;}
  
    /*.d-flex {
        display: block! important;
    }
    
    .align-items-center {
        align-items: baseline! important;
    }*/
    
    .card > [data-toggle="collapse"] .icon {
    transition: all 0.2s ease-in-out;
    display: contents;
}
    
    input.heart {
        margin-top: -18px;
    }
    
    .txt-lbl {
        width: 55%;
        text-align: left;
        margin-top: 3px;
    }

}


 .text-theme h2 {
    color: #32A7D7;
}


@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}









/* Extra small devices (phones, 600px and down) 
@media only screen and (max-width: 600px) {
    
    .view-results-btn{
    font-size: 13px;
    top: 1062px;
    position: absolute;
    z-index: 999;
    background-color: #fff;}
}
*/
/* Small devices (portrait tablets and large phones, 600px and up)
@media only screen and (min-width: 600px) {
    .view-results-btn{
    font-size: 20px;
    top: 1113px;
    position: absolute;
    z-index: 999;
    background-color: #fff;}
    
} */

/* Medium devices (landscape tablets, 768px and up) 
@media only screen and (min-width: 768px) {
    .view-results-btn{
    font-size: 28px;
    top: 800px;
    position: absolute;
    z-index: 999;
    background-color: #fff;}
    
}
*/
/* Large devices (laptops/desktops, 992px and up) 
@media only screen and (min-width: 992px) {
    .view-results-btn{
    font-size: 40px;
    top: 530px;
position: absolute;
    z-index: 999;
    background-color: #fff;}
    
}*/

/* Extra large devices (large laptops and desktops, 1200px and up) 
@media only screen and (min-width: 1200px) {
    
    .view-results-btn{
    font-size: 35px;
    top: 530px;
    position: absolute;
    z-index: 999;
    background-color: #fff;}
}*/