*{
  font-family: "open sans";
}

.header_logo{
  display: flex;
}

.header-logo-img{
  position: relative;
  height: 35px;
  width: 70px;
  margin-right: 0.5em;
}

.content_container{
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 0 2em;
  margin-top: 5em;
}

.business-page-container, .area_page_container, .category_page_container{
  margin-top: 7em;
}

.breadcrumb_container{
  margin-top: 2em;
}

.breadcrumb_wrapper span+span:before {
     content: '\\';
     padding: 0 0.5em;
 }

 .text-primary{
   color: #2C87F0;
 }

 .primary_btn{
   background-color: #2C87F0;
   color: #fff;
   border: solid 2px #2C87F0;
   padding: 0.25em;
   border-radius: 4px;
   font-weight: 500;
   font-size: 1.1em;
   cursor: pointer;
 }

 .min_70vh{
   min-height: 70vh;
 }

 .primary-bg{
   background-color: #2C87F0;
   color: #fff;
 }

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

 .align-justify{
   text-align: justify;
 }

 .content_container .page-heading{
   text-align: center;
 }

 .full-page-maps-container{
   width: 100%;
   height: 50vh;
   position: relative;
 }

 .main-sidebar {
      height:100%;  width:200px;
      position:fixed; top:0; left:0;
      z-index:10000000000000;  
      overflow-x:hidden; 
      padding-top:20px;
      background-color:#f2f2f2;
      transition: all 0.5s;
    }

.sidemenuRight {
       height:100vh;
      position:fixed; top:0; right:0;  
      overflow-x:hidden; 
      background-color: #000;
      opacity: 0.3;
      transition: all 0.5s;
      z-index: 100;
    }

 .carousel-container{
   padding: 1.5em 0;
 }


 .star_rating_container{
  display: flex;
  align-items: center;
}

.star_rating_wrapper{
  color: #ffd80e;
  font-size: 1.5em;
}

.star_rating_numbers{
  margin: 0 1em;
}

.justify_space_arround{
  justify-content: space-around;
}

.align-center{
  text-align: center;
}

.align-right{
  text-align: right;
}

.align-left{
  text-align: left;
}

.btn-transparent{
  background: none;
  border: none;
  cursor: pointer;
}

ul.simple-ul-list{
  margin: 0;
}

ul.simple-ul-list .simple-ul-item{
  margin: 0.5em 0;
}


 @media screen and (max-width: 1240px){
   .content_container{
     padding: 0 2% 2em;
   }
 }

@media screen and (max-width: 768px){
  .carousel-container .carousel-item picture{
    width: 100%;
  }

  .carousel-container .carousel-item picture img{
    max-height: 350px;
    width: 100%;
    object-fit: cover;
  }
 }

.sidebar-list{
  padding: 1em;
  list-style: none;
}

.sidebar-close{
  font-size: 1.5em;
  border: none;
  background: none;
  margin: 0.5em;
  outline: none;
}

.sidebar-list li{
  padding: 1em 0.5em;
  border-bottom: solid 1px rgba(0,0,0,0.08);
}

.sidebar-list li a{
  text-decoration: none;
  color: #2C87F0;
  font-weight: bold;
}
.list_item_wrapper{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.list_item{
  width: 50%;
  display: flex;
  align-items: center;
  min-height: 32px;
}

.list_item a{
  text-decoration: none;
  color: #000;
}

.list_item_inner_wrapper{
  width: 375px;
  margin: 0 auto;
}

.list_item_name{
  transition: all ease-in-out 0.3s;
}

.list_item_name:before{
  content: '\2192';
}

.list_item_name:hover{
  margin-left: 0.5em;
  color: #2C87F0;
  font-weight: 500;
  font-size: 1.1em
}

.list_item_container .list_section_see_more{
  text-align: center;
  padding: 1em;
}

.list_item_container .list_section_see_more button{
  border: none;
  background-color: #fff;
  box-shadow: 0 0 5px 1px rgb(0 0 0 / 15%);
  padding: 0.5em 3em;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 0.5em;
  outline: none;
}

@media screen and (max-width: 800px){
  .list_item_inner_wrapper {
    width: 330px;
  }
}

@media screen and (max-width: 699px){
  .list_item_wrapper{
    padding: 0 1em;
  }

  .list_item_inner_wrapper{
      width: 445px;
  }

  .list_item{
    width: 100%;
  }
}

@media screen and (max-width: 475px){
  .list_item_inner_wrapper {
    width: 360px;
  }
}

@media screen and (max-width: 400px){
  .list_item_inner_wrapper {
    width: 340px;
  }
}
.title_description_container{
  padding: 1em 0;
}

.title-description-head{
  display: flex;
  align-items: center;
}

.title-description-head .icon{
  margin-right: 0.5em;
}

.title-description-head .icon img{
  height: 32px;
  width: 32px;
}

.title_description_container .title{
  font-size: 1.17em;
  font-weight: 700;
}

.title_description_container h1.title
{
  font-size: 1.5em;
  text-align: center;
}

.title_description_container .description_wrapper{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}


.description{
  text-align: justify;
  overflow-wrap: anywhere;
  width: 100%;
  margin: 1em 0;
}

.description .links{
  color: #2c87f0;
}

.description a{
  color: #2c87f0;
  text-decoration: none;
  font-weight: bold;
}

.title_description_container .title_description_see_more{
  text-align: center;
  padding: 1em;
}

.title_description_container .title_description_see_more button{
  border: none;
  background: #0d6efd;
  color: #fff;
  box-shadow: 0 0 5px 1px rgb(0 0 0 / 15%);
  font-weight: 700;
  padding: 0.6em 2em;
  border-radius: 11px;
  cursor: pointer;
  margin-top: 0.5em;
  outline: none;
}

.title_description_container .title_description_see_more button:hover{
  background: #1655b3;
}

.title_description_container .title_description_see_more a{
  border: none;
  background: #0d6efd;
  color: #fff;
  box-shadow: 0 0 5px 1px rgb(0 0 0 / 15%);
  font-weight: 700;
  padding: 0.6em 2em;
  border-radius: 11px;
  cursor: pointer;
  margin: 0.5em;
  outline: none;
  text-decoration: none;
  display: inline-block;
}

.title_description_container .title_description_see_more a:hover{
  background: #1655b3;
}

.title_description_container .title_description_see_more a .icon{
  color: #fff;
}

.title_description_container iframe{
  border: none;
}

.heading{
  margin: 0;
}


@media screen and (max-width: 650px)
{
  .description_wrapper{
    flex-flow: column;
  }

}

@media screen and (max-width: 650px)
{
  .title_description_container .title_description_see_more a{
    padding: 0.3em 2em;
  }
}
.pills_item_wrapper{
  display: flex;
  flex-wrap: wrap;
}

.pills_item_wrapper a{
  text-decoration: none;
  color: #fff;
}

.pills_item {
    background-color: #2c87f0;
    padding: 0.5em 1em;
    border-radius: 4px;
    margin: 0.5em;
}

.pills_item_container .pills_section_see_more{
  text-align: center;
  padding: 1em;
}

.pills_item_container .pills_section_see_more button{
  border: none;
  background-color: #fff;
  box-shadow: 0 0 5px 1px rgb(0 0 0 / 15%);
  padding: 0.5em 3em;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 0.5em;
  outline: none;
}


.label-quote-list-wrapper{
  padding: 1em;
}

.label-quote-list-item{
  display: flex;
  align-items: center;
  margin: 0.5em 0;
}

.label-quote-list-item.bulleted:before{
  content: "●";
  color: #2c87f0;
  padding-right: 0.5em;
}

.label-quote-icon{
  margin-right: 0.5em;
}

.label-quote-icon img{
  height: 26px;
  width: 26px;
}



.label-quote-list-item .label-quote-label a{
  text-decoration: none;
  color: #2c87f0;
  font-weight: bold;
  text-transform: capitalize;
}

.label-quote-list-item .label-quote-link{
  font-size: 0.9em;
  color: #666;
  padding: 0 0.5em;
}

.label-quote-list-container .label-quote-list-container-see-more{
  text-align: center;
  padding: 1em;
}

.label-quote-list-container .label-quote-list-container-see-more button{
  border: none;
  background-color: #fff;
  box-shadow: 0 0 5px 1px rgb(0 0 0 / 15%);
  padding: 0.5em 3em;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 0.5em;
  outline: none;
}

.label-quote-list-container .label-quote-list-container-see-more a{
  border: none;
  background: #0d6efd;
  color: #fff;
  box-shadow: 0 0 5px 1px rgb(0 0 0 / 15%);
  font-weight: 700;
  padding: 0.6em 2em;
  border-radius: 11px;
  cursor: pointer;
  margin: 0.5em;
  outline: none;
  text-decoration: none;
}

.label-quote-list-container .label-quote-list-container-see-more a.see-more-anchor{
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  margin: 0;
  color: #2c87f0;
  font-weight: bold;
  background: none;
}

.label-quote-list-container .label-quote-list-container-see-more a .icon{
  color: #fff;
}

@media screen and (max-width: 767px)
{
  .label-quote-list-wrapper{
    padding: 0;
  }
}
.header_container{
  padding: 1em 0;
  box-shadow: 0 0 10px 10px rgb(0 0 0 / 20%);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
}

.header_logo_txt a{
  font-family: "bebas neue";
  font-size: 1.8em;
  color: #000;
  text-decoration: none;
}

.header_wrapper{
 max-width: 1240px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.desktop_nav_container ul{
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
}

.desktop_nav_container ul li a{
 text-decoration: none;
 color: #000;
 padding: 0 1em;
 display: flex;
 transition: 0.2s;
 align-items: center;
}

.desktop_nav_container ul li a .icon img{
  height: 32px;
  width: 32px;
}

.desktop_nav_container ul li a span.icon{
  padding-right: 0.5em
}

.desktop_nav_container ul li a:hover{
  color: #2C87F0;
}

.mobile-sidebar-show-button{
  display: none;
  margin-right: 2%;
}

.mobile-sidebar-show-button button{
  border: none;
  background: none;
  font-size: 1.5em;
}

@media screen and (max-width: 1240px){
  .header_logo{
    margin-left: 2%;
  }
}

@media screen and (max-width: 1024px)
{
  .desktop_nav_container{
    display: none;
  }

  .mobile-sidebar-show-button{
    display: block;
  }
}
.footer_container{
  padding: 2em 0;
  background-color: #2C87F0;
  width: 100%;
  position: absolute;
  left: 0;
}

.text-white{
  color: #fff;
}

.footer_wrapper{
  display: flex;
  flex-wrap: wrap;
  padding: 0 2em;
}

.footer_item{
  flex-grow: 1;
  display: flex;
  justify-content: center;
}

.footer_item.full-width-item{
  width: 100%;
  color: #fff;
}

.footer_item.full-width-item span{
  margin: 0 3px;
}

.footer_container .line-list{
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.footer_container .line-list-item{
  margin: 0.5em;
}

.footer_container .line-list-item:not(:first-child):before{
  content: "|";
  color: #fff;
}

.footer_container .line-list-item a{
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 600px)
{
  .footer_wrapper{
    flex-flow: column;
  }

  .footer_item{
    text-align: center;
  }

  .footer_container .line-list{
    flex-flow: column;
  }

  .footer_container .line-list-item:not(:first-child):before{
    content: none;
  }

  .footer_item.full-width-item{
    flex-wrap: wrap;
  }

  .footer_item.full-width-item span{
    margin: 0;
    width: 100%;
  }
}
.banner-img img{
    height: 225px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.banner_title_container{
    margin-top: -40px;
}

.banner-title-icon img{
    height: 70px;
    width: 70px;
}

.banner-card-container{
    text-align: center;
}

.banner-title-card{
    display: inline-flex;
    max-width: 80%;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    padding: 1em;
    border-radius: 8px;
    margin: 0 auto;
    justify-content: center;
    margin-top: -57px;
    z-index: 1;
    position: relative;
    background: #fff;
    min-width: 600px;
    align-items: center;
    box-sizing: border-box;
}

.banner-title-icon{
    margin-right: 1em;
    display: flex;
}

.banner-title h1{
    word-break: break-all;
}

.banner-actions-options{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.banner-action-item a{
    text-decoration: none;
    color: #333;
    display: flex;
    align-items: center;
    margin: 0 0.5em;
    font-size: 0.9em;
}

.banner-action-item a:hover{
    color: #2c87f0;
}

.banner-action-item a .icon{
    margin-right: 0.3em;
    font-size: 1.5em;
}

@media screen and (max-width: 800px)
{
    .banner-title-card{
        min-width: 450px;
        max-width: 600px;
    }

    .banner-title-icon img {
        height: 50px;
        width: 50px;
    }
}

@media screen and (max-width: 600px){
    .banner-action-item a{
        margin: 0.5em;
    }
}

@media screen and (max-width: 550px){
    .banner-title-card{
        flex-flow: column;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .banner-title-icon {
        margin-right: 0;
    }
}
.businessCardWrapper {
    position: relative;
}

.business-card-container {
    position: absolute;
    background: #fff;
    z-index: 1;
    box-shadow: 0 0 8px -2px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
    max-width: 450px;
    min-width: 380px;
}

.business-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding: 0 0.5em;
    width: 45%;
}

.business-card-icon img{
    height: 130px;
    width: 130px;
}

.business-rating{
    padding: 0.5em;
}


.rating-stars {
    color: #ffc107;
}

.rating-desc{
    font-size: 0.9em;
}

.business-card-info {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 0.5em;
    font-size: 0.9em;
    flex-grow: 1;
    max-width: 200px;
}

.business-intro{
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-flow: column;
}

.business-name{
    font-weight: 700;
    font-size: 1.1em;
}

.business-subheading{
    font-size: 0.9em;
    color: #333;
}

.business-card-cta {
    width: 100%;
    display: flex;
    height: 36px;
}

.business-card-info .business-card-cta a {
    border: none;
    background: #2c87f0;
    border-radius: 4px;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.business-card-info .business-card-cta a:hover {
    color: #fff;
    background: #1655b3
}


.business-card-phone,
.business-card-email, 
.business-card-web,
a .business-card-phone,
a .business-card-email, 
a .business-card-web{
    margin: 0.5em;
    display: flex;
    word-break: break-all;
    font-size: 0.9em;
    color: #000;
}

.business-card-phone .icon, .business-card-email .icon, .business-card-web .icon {
    margin-right: 0.5em;
    color: #2c87f0;
}

@media screen and (max-width: 600px) {
    .business-card-container {
        left: 0 !important;
    }

    .business-card-container{
        max-width: 100%;
        min-width: 90%;
    }
}