@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

/*font-family: 'Varela Round', sans-serif;*/
html {
  scroll-behavior: smooth;
}
body {background: #fff; margin: 0; font:14px 'Varela Round', sans-serif; color: #333; line-height:24px;}



hr{border-top-color:#cccccc;}

.line{border-color:#ccc; width:60px; display: inline-block;}





a{text-decoration: none !important; color:#333}

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

.btn:focus, button:focus{outline:none; border:none; text-decoration:none;}

a, .header, .logo img, .menu, .btn, .header.full, .nav ul, .row, .breakPoint{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}



h1{font-size:30px; margin:0; padding:0;}
.green{color:#3aa347;}






.headerspace{height:117px;}

.header{width:100%; z-index:99; position:fixed; height:auto; background:#fff; padding:0;}

.header.full{

	background:#fff; padding:0;

	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);

	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);

	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.3);
}





.logo img{max-width:240px;}
.header.full .logo img{max-width:120px;}
.bg-grey{background:#f7fafc;}




.btn{color:#fff; border-radius:0; line-height:none; text-transform:uppercase; font-size:13px;}
.btn:hover{background:#333; color:#fff;}
.btn.btn-lg{padding:12px 35px; font-size:13px;}
.bn,.btn-outline-success{border:1px solid #33b69e; color:#33b69e;}
.bn,.btn-outline-success:hover{background:#33b69e; color:#fff;}

.bg-pink{background:#f69589;}
.green{color:#33b69e;}





/*
.nav ul {list-style: none; padding: 0; margin:0;width:100%; text-align:right;}
.nav li {display: inline-block; margin:0 0 0 30px; position:relative;}
.nav li a {color: #000; padding:0; text-decoration: none; text-transform:none; display:block; padding:0;}
.nav li a:hover, .nav li a.active{color: #6c6c6c;}
#snav{display:none;}
*/
#nav {display:none; position:absolute; right:15px; background:#000; min-width:270px; padding:0; top:56px;}
.expand-btn {background: none;border: 0;outline: none;color: #333;font-size: 24px;display: inline-block !important;float:right;}
.nav li {display: block;line-height: normal;margin:0; border-bottom:1px solid #2d2d2d;}
.nav li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.nav li a:hover{background:#7fcdbf; color:#fff;}
.header.full #nav{top:46px;}


.banner{width:100%; position:relative;}
.banner .container{position:absolute; left:0; right:0; text-transform:uppercase;}
.banner h1{font-size:30px; background:rgba(0, 0, 0, .4); padding:5px; font-weight:normal;}
.banner h1 span{display:block; font-size:40px; margin-top:10px;}


.heart{position: absolute;left: 0;right: 0;margin: 0 auto; top: -5px;}
.localbusiness .card{border-radius:0; font-size:12px; color:#647585;}
.localbusiness .card img{
    border-radius:0;
    height: 141px;
    object-fit: contain;
}
.localbusiness .card h5{font-size:18px; color:#647585;}
.localbusiness .card h5 span{font-size:13px; color:#647585;}
.localbusiness .card i{font-size:25px; color:#647585;}
.localbusiness .card .btn{font-size:10px; background:#5a5a5a; padding:8px 20px;}
.localbusiness .card .btn:hover{background:#f69689;}
.leftbox{position:relative;}
.leftbox:before{content:''; position:absolute; width: 0; height: 0;  border-top: 100px solid #33b69e; border-right: 100px solid transparent; top:0;}
.rightbox{
    background: url(../images/kim.jpg);
    background-size: auto;
    background-size: cover;
    height: 650px;
    
}
.form-banner{background:url(../images/form-banner.jpg) no-repeat; background-size:cover;}


.form-control{
	font-size: 13px;
    font-weight: 400;
    color: #333;
    width: 100%;
	height: 45px;
    background:#fff;
    border:1px solid #d0d0d0;
    outline: none;
	border-radius:0;
	margin-bottom:20px;}
.custom-file-label{	height: 45px; border-radius:0;}
.custom-file-label::after{}
label{display:block; color:#fff;}

.error{display:block; color:#ff0303;font-size:13px; margin-left:10px; text-transform:none; letter-spacing:normal;}


label{color:#333;}
select{border-radius:0; background:rgba(255, 255, 255, 0.6);}
textarea:focus, input:focus{outline: none;}

.btn.focus, .btn:focus{box-shadow:none;}


.footer{color:#fff; font-size:12px; line-height:30px; background:#33b69e;}
.footer a{color:#fff; margin:0 20px 0 0; font-size:14px;}
.footer a:hover{color:#22675a;}

.footermenu li {
    display: inline-block;
}
.social a, .f-social a{font-size:20px; padding:0; margin:0 4px; display:inline-block; color:#7fcdbf; width:20px;}
.social a:hover{color:#333;}
.social a svg, .f-social a svg{width:20px;}
.f-social a svg{fill:#fff;}
.social a, .social a svg{fill:#7fcdbf;}
.social a:hover, .social a:hover svg, .f-social a:hover svg{fill:#333333;}
.f-social a{color:#fff; margin:0 0 0 8px; font-size:20px;    
    background: #5fcab6;
    display: inline-flex;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    fill:#ffffff;
    vertical-align: middle;
}
.f-social a:hover{fill:#22675a;}


body.profile{position:relative;  background:url(../images/coffee-shop.jpg); background-size:cover;}
body.profile:before{content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgb(211,197,166);
background: -moz-linear-gradient(-45deg,  rgba(211,197,166,1) 0%, rgba(127,204,191,1) 50%, rgba(246,149,137,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(211,197,166,1) 0%,rgba(127,204,191,1) 50%,rgba(246,149,137,1) 100%);
background: linear-gradient(135deg,  rgba(211,197,166,1) 0%,rgba(127,204,191,1) 50%,rgba(246,149,137,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3c5a6', endColorstr='#f69589',GradientType=1 );
	opacity: .3;
	
}
.breakPoint{position: relative; top: -60px; visibility: hidden;}
.section {padding:33px 0;}

.rounded-lg {
    border-radius: 1rem!important;
}
.carousel {
margin-bottom: 140px;
}
/*.carousel-indicators li {
width: 180px;
height: inherit;
}*/
.carousel-indicators li {
width: inherit;
height: inherit;
margin-right: 15px;
margin-left: 0;
}
.carousel-indicators {
bottom: -160px;
}
.carousel-indicators {
justify-content: left;
margin-right: 0;
margin-left: 0;
}
#charitable{
    color:blue;
}
/*.carousel-indicators li img{
    height:120px;
  object-fit: contain;
background: #e8e8e8;
}*/
.carousel-indicators li img {
height: 120px;
}
.carousel-item{ background: #f7f7f7;}
.carousel-item img{
    object-fit: contain;
height: 500px;
}
.bio-img{
    object-fit: contain;
object-position: left top;
max-height: 100px;
height: 100%;
border: 1px solid #ccc;
padding: 5px;
}
.text-pink{color:#f69589;}
.top-bg:before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 10vw; background: red;}
.button {
	display: inline-block;
	padding: 10px 18px;
	margin-bottom: 30px;
	border: 0;
	border-bottom: 2px solid #fff;
	color: #222;
	font-size: 16px;
	cursor: pointer;
	outline: none;
	background: none;
}

.button:hover {
	border-bottom-color: #DFDFDF;
}
.button:focus{outline:none}

.button-group:after {
	content: '';
	display: block;
	clear: both;
}
button.close{outline: none; position: absolute; right: 0;}
/* code written by developer */
/*.grid {
  width: 100%;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
  -moz-column-count: 4;
  column-count: 4;
  -moz-column-count: 1;
  column-count: 1;
}

.grid .original {
  max-width: 100%;
  height: auto;
}
.grid-item{margin-right:10px;}
.grid .wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 0.4rem;
  break-inside: avoid;
display: inline-block;
width:100%;
}


@media (max-width: 400px) {
  .grid {
      -moz-column-count: 2;
      column-count: 2;
  }
}

@media (min-width: 600px) {
  .grid {
      -moz-column-count: 3;
      column-count: 3;
  }
}

@media (min-width: 800px) {
  .grid {
      -moz-column-count: 3;
      column-count: 3;
  }
  
}*/

.grid {
    display: column;
    columns: 3;
    gap: 20;
    break-inside: avoid;
}
.grid .wrapper {
    break-inside: avoid;
}

@supports (grid-template-rows: masonry) {
    .grid {
        display: grid;
        grid-template-columns: repeat(3), 1fr);
        grid-template-rows: masonry;
        grid-auto-flow: dense;
        align-tracks: stretch;
    }
}

@media (max-width: 400px) {
  .grid {
      columns: 1;
  }
}

@media (min-width: 600px) {
  .grid {
      columns: 3;
  }
  .hotsspots .grid{
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      gap:20px;
      
  }
}

/* popup content start here */
.popup {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
}
.spopup{
    display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 60px 20px;
  border: 1px solid #888;
  width: 100%;
  max-width: 650px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  position: relative;
}
.spopup-content {
  background-color: #fff;
  /* margin: 15% auto; */
  padding: 60px 20px;
  border: 1px solid #888;
  width: 100%;
  max-width: 650px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  position: relative;
}
.bg-success {
  background-color: #33b69e !important;
}
.bg-danger{background: #f69589!important;}
.close-button {
  color: #aaa;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  padding: 10px 15px;
}

.close-button:hover,
.close-button:focus {
  color: black;
  text-decoration: none;
}
/* popup content ends here */

@media (min-width: 768px) {
  
    .search-icon {
        display: none;  
    }
    .search-form.show {
        display: flex;
    }
}
@media (max-width:768px){
    .search-form {
    display: none; 
}}
@media(max-width:575px){
    .popup{height:auto;background: none;margin: 20% auto;}
    .popup-content{padding: 40px 20px;max-width: 350px;}
    .popup-content img{max-width: 250px!important;}
}

.search-icon {
    position: relative;
    cursor: pointer;
    background-color: #32b89e;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    transition: all 0.3s ease-in-out;
}

.search-icon.hidden {
    display: none; 
}

.search-icon:hover {
    background-color: #2a9d83; 
}

.search-icon i {
    font-size: 20px;
}


.search-form.show {
    animation: slide-in 0.3s ease-in-out;
    display: block;
}
.form-control:focus{box-shadow: none; border-color:#ccc;}
@keyframes slide-in {
    from {
        opacity: 0;
        transform: translateX(-10px);  /* Slide in from the left */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* code written by developer end here */

/* .grid-item { width: 23.7%;}
.newcategory .grid-item { width: 31.9%;}
.newgrid-item { width: 30%;} */
.button-group .is-checked, .button-group .is-checked:focus {
    border-bottom:2px solid #DFDFDF;
}

.menu{padding:0; margin:0;}
.media-body{word-break: break-word;}
@media (min-width: 1200px) {
.container {max-width: 1170px; position:relative;}
}

@media (min-width: 992px) and (max-width: 1199.98px){
.banner .container{position:absolute;}
h1{font-size:25px;}
	.grid-item { width: 31.9%;}
	 
}


@media (min-width: 768px) and (max-width: 991.98px){
h2{font-size:25px;}
#nav {display:none; position:absolute; right:15px; background:#000; min-width:270px; padding:0; top:56px;}
.expand-btn {background: none;border: 0;outline: none;color: #333;font-size: 24px;display: inline-block !important;float:right;}
.nav li {display: block;line-height: normal;margin:0; border-bottom:1px solid #2d2d2d;}
.nav li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.nav li a:hover{background:#7fcdbf; color:#fff;}
.header.full #nav{top:46px;}
.btn{font-size:14px; padding:10px 30px;}
.lead{font-size:14px;}
.logo img {max-width:160px;}
.headerspace {height: 83px;}
.banner h1{font-size:20px;}
.banner h1 span{font-size:30px;}
	.grid-item { width: 31.4%;}
.category .grid-item { width: 48%;}
.newcategory .grid-item { width: 48%;}

}
@media (min-width: 576px) and (max-width: 767.98px){
#nav {display:none; position:absolute; right:15px; background:#000; min-width:270px; padding:0; top:56px;}
.expand-btn {background: none;border: 0;outline: none;color: #333;font-size: 24px;display: inline-block !important;float:right;}
.nav li {display: block;line-height: normal;margin:0; border-bottom:1px solid #2d2d2d;}
.nav li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.nav li a:hover{background:#7fcdbf; color:#fff;}
.header.full #nav{top:46px;}
.footer{font-size:12px;}
.logo img {max-width:160px;}
.headerspace {height: 83px;}
.banner h1{font-size:18px;}
.banner h1 span{font-size:20px;}
.grid-item { width: 100%;}
}
@media (max-width: 575.98px) {
    .grid{columns:1;}
    
    
    .hotsspots .grid{
      
      grid-template-columns:1fr ;
     
      
  }
.headerspace {height:55px;}
#nav {display:none; position:absolute; right:15px; background:#000; min-width:270px; padding:0; top:44px;}
.expand-btn {background: none;border: 0;outline: none;color: #333;font-size: 24px;display: inline-block !important; float:right;}
.nav li {display: block;line-height: normal;margin:0; border-bottom:1px solid #2d2d2d;}
.nav li a {margin: 0;padding: 0 10px;height: 40px;line-height: 40px;color:#fff;display:block; font-size:13px;}
.nav li a:hover{background:#7fcdbf; color:#fff;}
.header.full #nav{top:44px;}
.logo img{width:100px;}
body{font-size:13px; line-height:20px;}
.caption{font-size:10px; line-height:14px;}
.expand-btn {top:-50px;}
.header.full .expand-btn{top:-40px;}
.footer{line-height:25px;}
h1{font-size:18px; margin:10px 0;}

.footer{padding:10px;}
#homeform input[type="text"]{margin-bottom:10px; line-height:36px;}
#contactform input[type="text"]{margin-bottom:10px; line-height:36px;}
textarea {height: 100px;}
.banner h1{font-size:12px;}
.banner h1 span{font-size:12px;}

	.grid-item { width: 46%;}
.category .grid-item { width: 98%;}
.newcategory .grid-item { width: 98%;}
	.localbusiness .card h5{font-size: 14px;}
	.carousel-indicators li img {height: 100px;}
	.fc-title {
        font-size: 8px !important;
        padding: 0 !important;
    }
}


.testimonial .las.la-angle-left
{
  left: 40px;
}
.testimonial .las.la-angle-left, .testimonial .las.la-angle-right
{
  align-items: center;
  display: flex;
  justify-content: center;
  color: #F69589;
  background: rgba(255, 255, 255, .8);
  border-radius: 50%;
}
.testimonial .slick-arrow, .testimonial .slick-arrow
{
  position: absolute;
  bottom: 20px;
  width: 40px;
  height: 40px;
  font-size: 22px;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 10px 10px;
  border-radius: 0;
  z-index: 9;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.testimonial .las.la-angle-right
{
  right: 40px;
}
.testimonial .slick-slide
{
  margin: 8px 15px;
  position: relative;
  background: #7fcdbf;
  padding: clamp(14px, 6vw, 70px);
  line-height: 24px;
  height: inherit !important;
  border-radius: 20px;
  color: #fff;
}