.center_button{
    z-index: 1;
display: -ms-flexbox;
/* display: flex; */
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}

.overfade_left{
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 95%);
z-index:1;


}

.overfade_right{
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 95%);
z-index:1;

}
.col-05{
    flex: 0 0 3.33333%;
max-width: 3.33%;
}
.card_BG{
    background:  #F4F3F3; 
}

.p-circle{
    padding-left:10px !important;
    padding-right:11px !important;
}
.p-circle:focus{
    color: #81c9d5 !important;
    border:1px soild #81c9d5 !important;
}
.p-circle:hover{
    color: #81c9d5 !important;
  
}
.neg_left_scroller{
    margin-left: -8% !important
 }
 .neg_left_button{
    margin-left: -8% !important
 }
@media (min-width: 450px) { 
    .neg_left_scroller{
        margin-left: -6% !important
     }
     .neg_left_button{
        margin-left: -6% !important
     }
 }
@media (min-width: 499px) { 
    .neg_left_scroller{
        margin-left: -5% !important
     }
     .neg_left_button{
        margin-left: -5% !important
     }
 }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .neg_left_scroller{
        margin-left: -4% !important
     }
     .neg_left_button{
        margin-left: -3.5% !important
     }
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .neg_left_scroller{
        margin-left: -3% !important
     }
     .neg_left_button{
        margin-left: -2.5% !important
     }
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .neg_left_scroller{
        margin-left: -3% !important
     }
     .neg_left_button{
        margin-left: -2.5% !important
     }
 }
 .buttonLeft{
      left: 0;
 }
 .buttonRight{
      right: 0;
 }
 .buttonArea{
  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:10px;
  color: #fff;
  text-align: center;
 
 

 }
  
 [data-inviewport="fade_out"].is-inViewport { 
  
      animation-duration: 5s;
  animation-name:fadeout;
  animation-iteration-count: 1;
  animation-direction: normal;
 animation-fill-mode: forwards;
 
 }
  .fade_left{
      animation-duration: 3s;
  animation-name:fadeleft;
  animation-iteration-count: infinite;
  animation-direction: normal;
 animation-fill-mode: forwards;
 
 }
 .fade_right{
      animation-duration: 3s;
  animation-name: faderight;
  animation-iteration-count: infinite;
 animation-direction: normal;
 animation-fill-mode: forwards;
 }
 @keyframes fadeleft {
  from {
    transform: translate(0, 0);
     opacity: .8;
  }

  to {
     transform: translate(-80px, 0);
      opacity: 0;
  }
}
 @keyframes faderight {
  from {
    transform: translate(0, 0);
     opacity: .8;
  }

  to {
     transform: translate(80px, 0);
      opacity: 0;
  }
}

@keyframes  fadeout {
  from {
      opacity: 1;
  }

  to {
     opacity: 0;
  }
}

.karousel_active {
 border:1px solid #dee2e6!important;
 border-color:#17a2b8!important;
    transition: all .8s ease;
   
     transform: scale(1.05) translate(0, -3px);
     z-index:1;
}
.leaflet-popup-content{
    margin:0 !important;
}
.sortItButton.active::after{
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 400;
    color: #007bff!important;
    top: 8px;
    position: absolute;
    font-size: 13px;
    right: 10px;
    
}
.KarsouselCardHeight{
    height:160px;
}
@media (min-width: 576px) { 
    .KarsouselCardHeight{
        height:160px;
    }
 }


@media (min-width: 768px) {  .KarsouselCardHeight{
    height:200px;
}}


@media (min-width: 992px) {  .KarsouselCardHeight{
    height:240px;
} }
.btnNoFocus:focus {
   
    box-shadow: 1px 1px 2px 1px rgba(32, 32, 32, 0.0) !important;
   
}