.top_block{
    margin: 0px 0px 24px;
    padding: 42px 0px 0px;
}
.title_block {
    display: inline-block;
    margin: 0px 38px 0px 0px;
    
}
.top_block a:hover {
    color:var(--link-color);
}
.top_block a {
    line-height: 30px;
    font-weight: 500;
    color: #1d1a1a;
    font-size: 20px;
    text-decoration: none;
}
.carousel{
    width: calc(100% + (100vw - 100%) / 2);
    margin-right: 0px;
    position: relative;
    left: 0px;
    margin-left: calc((100% - 100vw) / 2);
}

.owl-dots{
     margin-top: -80px;
     z-index: 105;
     display: block;
     position: relative;   
  }
  .products-wrapper .owl-nav{
    position: absolute;
    top: calc(50% - 70px);  
    width: 100%;
  }
  .owl-next span,
  .owl-prev span{
    font-size: 50px;   
  }
  .products-wrapper  .owl-prev{
        position: absolute;
        left: 10px;
  }
  .products-wrapper  .owl-next{
        position: absolute;
        right: 10px;
  }
  
  .carousel>div{
      
      overflow: hidden;
      max-width:1620px;
  }
  footer{
      margin-top: 0px;
  }
  @media(min-width:1370px){
      .carousel>div{
        border-radius:10px;
      }
  }
  .specials{
		min-height: 380px;
		overflow: hidden;
		margin-top: -1rem!important;
  }
  
  .carousel-control-next,
  .carousel-control-prev{
      z-index:6;
  }
  .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 60px;
  }
  .owl-nav{
      width: 80px;
    top: -40px;
    right: 0px;
  }
  .nav-tabs,.nav-tabs .nav-link.active {
	
	border: none;
  }
  .nav-tabs .nav-item:not(:first-of-type) .nav-link{
	  border-left:1px solid #dee2e6;
  }
  .activities-banner-img{
	  height:170px;
	  object-fit:cover;
	  width:100%;
	}
  .other-banner-img{
	  width:100%;
	  height:210px;
	  object-fit:cover;
  }
  .benefits .points img{
	height:50px;
	width:50px;
  }
  .benefits .points p{
	  font-size:14px !important
  }
  .carousel-brands .owl-nav.disabled {
	  display:block;
  }
  .carousel-brands .owl-prev {
	  position: absolute;
		top: 19px;
		left: -25px;
  }
  .carousel-brands .owl-next {
	  position: absolute;
		top: 19px;
		right: -25px;
  }
  .carousel-brands .owl-item img {
  display: block;
  width: 100%;
  height: 70px;
  object-fit: contain;
}.content>.container:first-of-type{margin-top: -2rem;}

.main-category-box a:first-of-type:hover{
		background-color:#19B0EF ;
		color:white;
	}
	.main-category-box a:not(:last-of-type){
		
		border-bottom:1px solid #b9b9b9;
	}
	.main-category-box a:nth-child(2):hover{
		background-color:#01C041;
		color:white;
	}
	/*.main-category-box a:last-of-type{
		
		margin-bottom:0px;
	}*/
	.main-category-box a{
		
		background:white;
		width:100%;
		color:#565656;
		font-size:14px;
		text-decoration:none;
		cursor:pointer;
		display:block;
		padding:7px;
		margin-bottom:3px;
	}
	.main-category-box > div{
		position:absolute;
		z-index:1;
		width:100%
	}
	.main-categories-block{
		margin-top:150px;
		margin-bottom:70px;
	}
	.main-category-box{
		border-radius:5px;
		min-height:200px;
		display:flex;
		position:relative;
		align-items: end;
		margin-top:20px;
		border-bottom:5px;
		overflow:hidden;
		box-shadow: 0px 2px 8px 0px #dbdbdb;
	}
	.main-category-box img{
		width: 100%;
		margin-top:10px;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 65%;
		object-fit: contain;
	}
	#carouselExampleSlidesOnly{
		min-height:3rem;
	}
	.main-banners-list .col-lg-9, .main-banners-list .col-lg-3 {
		  max-height: unset;
		}
		#carouselExampleSlidesOnly, #carouselExampleSlidesOnly > div {
		  max-height: unset;
		}
		.carousel {
  max-width: 100%;
  width: 100%;
  margin-left: 0px;
  
}
.carousel-inner{
	max-height:514px;
}
.main-banners-list .subtitle{
	background:#00BFCA;
	color:white;
	font-size:14px;
	padding:7px 11px;
	margin: 0px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.main-banners-list .col-lg-3 img{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.carousel-item div p{
	padding:0px;
	margin:0px;
}
.carousel-item div *{
	font-size:16px!important;
}
.carousel-indicators [data-bs-target]{
width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #F6F6F6;
  border-top: none;
  border-bottom: none;
  opacity:1;
}
.carousel-indicators .active{
	width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #3F3F3F;
  border:3px solid white;
}
.site-subtitle-wb{
	border-color:transparent!important;
}

.products-by-type>.row{
	margin-left: calc(var(--bs-gutter-x) * -.5 - 20px);
	margin-right: calc(var(--bs-gutter-x) * -.5 - 20px);
}

  .product-cell .product-price img 
  {
      width: 15px!important;
  }
  
  .product-cell .star-icon {
    position: absolute;
    top: 10px;
    right: 22px;
    width: 30px!important;
    height: 30px;
    z-index: 1;
  }

  .tab-content {
	  display: none;
  }

  .tab-content.active {
	  display: flex;
  }
  .tab-link {
	  cursor: pointer;
	  border-bottom: 4px solid transparent;
  }


  
  
  
  /***********
  contact-form
  */
  
  .contact-form h3{
		font-size:20px;
		font-weight:500;
		color:#272727;
		text-align:center;
		margin-bottom:27px;
	}
	.contact-form{
		width:340px;
		height:100%;
		border-radius:5px;
		background:white;
		padding:29px 39px 43px;
	}
	.contact-form-container .btn-danger{
		font-size:16px;
		font-weight:300;
		background:#F55B46;
		border-radius:5px;
		width:100%;
	}
	.contact-form-container{
		position:absolute;
		top:0px;
		height:100%;
		left:50%;
		transform:translateX(-50%);
		
	}
	.contact-form-input  {
		display: flex;
		border: 1px solid #E6E6E6;
		border-radius:5px;
		margin-bottom:12px;
		padding:10px;
	}
	.contact-form-input input:focus-visible ,
	.contact-form-input input {
		border:0px;
		font-size:10px;
		font-weight:300;
		margin-left:10px;
		outline:none;

	}
	.contact-form-checkbox input{
		margin-right:10px;
	}
	.contact-form-checkbox{
		color:#272727;
		font-size:10px;
		font-weight:300;
		margin-bottom:25px;
	}
        
        
        
        
@media(max-width:600px){
    .owl-carousel .owl-dots {
        width: 100%;
        bottom: -10px;
        position: absolute;
        display: flex;
        justify-content: center;
    }
    .owl-carousel .owl-dots .owl-dot.active {
        border-color:#00BFCA;
        background:#00BFCA;
    }
    .owl-carousel .owl-prev {
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);   
    }
    .owl-carousel .owl-next {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);   
    }
    .owl-carousel .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border: gray 1px solid;
        margin: 4px 10px;
    }

}