/***https://colorhunt.co/palette/165293***/

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Bebas+Neue&display=swap');

nav{
	background-color: #fff;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.header{
	background: linear-gradient(79.55deg,rgba(190, 22, 35, .35) 70.5%, rgba(255, 255, 255, 0) 100.87%), #FFB185;
	background-image: url(images/ttt.jpg);
	/***background-image: linear-gradient(rgba(190, 22, 35, .20), rgba(190, 22, 35, .20)), url(images/test.png);***/
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center;

	min-height: 450px;
	color: #fff;
}

.nav-header-link{
	color: #232020;
}

.nav-header-link:hover{
	color: #232020;
}

.header-gallery{
	background: linear-gradient(79.55deg,rgba(190, 22, 35, .35) 70.5%, rgba(255, 255, 255, 0) 100.87%), #FFB185;
	background-image: url(images/ttt.jpg);
	/***background-image: linear-gradient(rgba(190, 22, 35, .20), rgba(190, 22, 35, .20)), url(images/test.png);***/
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center;

	min-height: 200px;
	color: #fff;
}

.products{
	overflow-x: hidden;
}

.header h1{
	font-weight: 700;
	color: #fff;
}
body{
color: #232020;
font-family: 'Barlow', sans-serif;
}

.delivery{
	min-height: 300px;
	background-image: url(images/footer-bg.jpg);
	/***background: linear-gradient(79.55deg,rgba(190, 22, 35, .45) 40.5%, rgba(255, 255, 255, 0) 100.87%), #ED2737;***/
	background-repeat: no-repeat;
	background-size: cover;
	/***background-attachment: fixed;***/
    background-position: center;

}

.not-allowed {
	cursor: not-allowed !important;
}

.del-logo{
	background: #FFFFFF;
border-radius: 30px;
padding: 15px;
padding-left: 40px;
padding-right: 40px;
max-width: 350px;
}

.delivery .container{
	height: 100%!important;
}

footer{
	/****background-color: #232020****/
	background-color: #050505;
	color: #f4f4f4;
}

.location{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	 filter: grayscale(100%);
	/*** min-width: 500px;
	 min-height: 200px;***/
	 width: 90%;
	 height: 250px;
}

.phone{
		position:absolute;
		bottom: 0%;
		right:2px;
		/***padding: 10px;
		padding-left: 35px;
		padding-right: 35px;***/
		width: 170px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		z-index: 100;
		background-color: #BE1623;	
		position: fixed;
		border-radius:20px 20px 0px 0px;
		color: #f4f4f4!important;

}

a[href^="tel"] {
	color: #f4f4f4; /* Inherit text color of parent element. */
	text-decoration: none; /* Remove underline. */
	/* Additional css `propery: value;` pairs here */
  }

.menu {
	position: relative;
	min-height: 330px;
	background-repeat: no-repeat;
    background-size: cover;
 }

 .direction {
	position: absolute;
	color: white;
	bottom: 0px;
	left: 10px;
	font-size: 40px;
 }

 .custom-btn{
	background: #BE1623;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	padding: 10px;
	border-radius: 50px;
	border: 0;
	min-width: 200px;
 }

 .custom-btn:hover{
	 background-color: #BE1623;
	 opacity: .9;
 }

 .custom-btn:focus{
	 background-color: #BE1623;
 }

 .custom-btn:focus,.custom-btn:active {
	outline: none !important;
	box-shadow: none!important;
	background-color: #BE1623!important;
 }


 html {
	scroll-behavior: smooth!important;
  }


 .modal-content{
	 border: 0;
	 border-radius: 2px;
 }

 .modal-dialog{
	min-width: 40%;

 }

 .modal-header{
	 border: 0;
 }

 .b-price{
	 background-color: #BE1623;
	 color: #fff;
	 padding: 5px;
	 padding-left: 15px;
	 padding-right: 15px;
	 border-radius: 5px;
 }

 .modal-body img{
	 max-height: 170px;
 }

 .img-modal-link{
	 max-width: 200px;
 }

 #lightbox{
	position: absolute;
	top: 100px !important; /*I foxed it 100px from the top, you could fix it as much pixels as you wish*/
	} 


 @media screen and (max-width: 767px) {
	.c-footer-info{
		margin: auto!important;
		margin-top: 30px!important;
	}

	.c-footer-map{
		margin: auto!important;
		text-align: center!important;
	}

	.menu {
		min-height: 290px;
	 }

	 .bnav .col-3{
		 max-width: 100%!important;
	 }

	.modal-dialog .img-modal-link {
		max-width: 100%;
	}
	
	.del-nb-1{
		margin-bottom: 20px;
	}

	.c-burger{
		padding-top: 20px!important;
	}
   
  }