@font-face {
font-family: bpg nino mtavruli;
src: url(fonts/BPG_Nino_Mtavruli_Normal.ttf);

font-family: BPG QuadroSquare;
src: url(fonts/bpg_quadrosquare.ttf);

font-family: BPG QuadroSquare Mtavruli;
src: url(fonts/bpg_quadrosquare_mtavruli.ttf);
}

:root {
  --green: #218838;
  --white: #faf0e6;
}

#menu-mobile { display: none; }
#menu-desktop { display: block; }

div {
	/* outline:1px solid red; */
}
* {
  /* transition: all 0.9s ease; */
    /* transition-duration: 5s; */
  /* transition-delay: 2s; */
}
body {
  font-family: firago;	
}
h1 {
    font-weight: 700;
	font-size: 1.5rem;
}
h2 {
    font-weight: normal;
	font-size: 1.2rem;
	color: #8c8c8c;
}
h3 {
    font-weight: 700;
	font-size: 1.5rem;
	font-family: bpg nino mtavruli;
}
h4 {
    font-weight: normal;
	font-size: 1.2rem;
	color: #8c8c8c;
}
a:hover {
	text-decoration:none;
}


/*-------------------------------*/
/* ------Bootstrap Elements------*/
/*-------------------------------*/
.btn-success {
	color: #fff;
    background-color: var(--green);
    border-color: #07800b;	
}
.btn-success:hover {
	color: #fff;
    background-color: #025f05;
}






/*------------------------*/
/* ------My Elements------*/
/*------------------------*/

/* ზოგადი Elements */
.my-container-fluid {
	width: 100%;
	padding: 0 15px;
}
.my-container-fluid-bg {
	width: 100%;
	padding: 30px 0;
	background-color:#e9e9e9;
	background-image: url(../img/offers-background.png);
	background-position: center;
	box-shadow: inset 0 0 10px #0000002e;
}

.my-container {
	max-width:1280px;
	margin:0 auto;
}

.my-thumb-div {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.my-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;	
}




/* Top Header */
.my-top-header {
	background-color:black;
}
.my-top-header-grid {
  height: 30px;	
  display: grid;
  grid-template-columns: auto auto;
  color:#c7c7c7;
  font-size: 12px;
}
	.my-top-header-grid-item-1 {
		margin: auto 0;
	}
	.my-top-header-grid-item-2 {
		margin: auto 0;
		text-align: right;
	}



/* Header */
#menu-mobile {
	position: sticky;
	top:0;
	z-index: 99;
}
.logo{
    height: 50px;
    margin-left: 15px;	
}
	.logo img {
		height:inherit;
	}
	
.my-header {
	background-color:white;
	display: flex;
	justify-content: space-between;
	height: 70px;
	align-items: center;
}
		.my-search-form {
			background-color: #f1f1f1;
			border-radius: 20px;
			height: 40px;
		}
		.my-search-btn {
			background-color: #12692b;
			border-color: #ced4da;
			color: #fff!important;
			width: 150px;
			border-radius: 20px;
		}
	


		.my-header-grid-item-menu li {
			display: block;
			float: right;
			border-right: 1px dashed #e0e0e0;
			padding: 15px;
		}
		.my-header-grid-item-menu li:last-of-type {
			border-left: 1px dashed #e0e0e0;
		}
		.my-header-grid-item-menu a {
			color: #5c5c5c;
			font-weight: 500;
		}


/* Cover */
.my-cover {
	height: 100px;
	background-image: url(../img/cover.jpg);
	background-position: center;
	margin-bottom: 20px;
}
.my-cover-full {
	height: 300px;
}


/* Main Body */
.my-body-grid {
  display: grid;
  grid-template-columns: 320px auto;
}
	.my-body-grid-item-menu {
		position: relative;
		top: -80px;
	}
	.my-body-grid-item-menu-main {
		position: relative;
		top: -120px;
	}
	.my-body-grid-item-body {
		padding:0 0 20px 20px;
	}
	.my-menu {
		background: #f7f7f7;
		margin: 10px;
		border-radius: 10px;
		border: 1px solid white;
		overflow: hidden;
		box-shadow: 0 0 5px 0px #0000004f;
	}
	
	
	.my-body-product-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.my-body-product-grid-item {
		/* height: 220px; */
		display: flex;
		align-items: center;
		justify-content: center;
		align-items: flex-start;
		margin-bottom: 15px;
	}
/* Products Card */	
		.my-products-card {
			width: 170px;
			/* height:200px; */
			border: 1px solid gainsboro;
			border-radius: 4px;
			overflow: hidden;
			/* white-space: nowrap; */
		}
		.my-products-card-img {
			width: 168px;
			height:160px;
			overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.my-products-card-txt {
			width: 170px;
			/* height:40px; */
			padding: 10px 5px;
			font-size: 14px;
			color: black;
			text-align: center;
		}
		
			.my-products-card * {
				transition: all 0.3s ease;
			}
			.my-products-card:hover .my-products-card-txt {
				font-weight:500;
				color:#025f05;
			}
			.my-products-card:hover .my-thumb {
				/* filter: grayscale(80%); */
				width: 120%;
				height:120%;
				/* -webkit-filter: blur(5px);  */
				/* filter: blur(3px);		 */
				}
	
/* Product Offers Card */	
	.my-offers-grid-product {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
		grid-gap: 20px;
	}
	.my-offers-grid-item-product {
		justify-content: center;
	}


	


	
/* Offers */
	.my-offers-grid {
		display: grid;
		grid-template-columns: 12% 18% 18% 18% 18%;
		grid-gap: 50px;
		padding: 10px;
	}
		.my-offers-grid-item {
			border: 1px solid white;
			height: 230px;
			width: 100%;
			box-shadow: 0 0 5px 0px #00000070;
			overflow: hidden;
			border-radius: 5px;
		}
		/* For Vertical Scroling */
		.vert-scroll > .my-offers-grid,
		.vert-scroll > .my-offers-grid-product {
		  display: grid;
		  overflow-x: auto;
		  white-space: nowrap;
		}
		.vert-scroll > .my-offers-grid > .my-offers-grid-item,
		.vert-scroll > .my-offers-grid-product > .my-offers-grid-item-product {
		  display: flex;
		}	
/* Offers Card */	
		.my-offers-card {
			width: 100%;
			height:100%;
		}
		.my-offers-card-img {
			width: 100%;
			height:100%;
		}
		.my-offers-card-txt {
			width: 100%;
			height: 100px;
			padding: 5px;
			font-size: 14px;
			position: relative;
			bottom: 100px;
			background-color: #ffffffc7;
		}
		.my-offers-card-grid {
			display:grid;
			grid-template-areas: 	'a a'
									'b c';
		}
			.my-offers-card-grid-title {
				grid-area: a;
				white-space: normal;
				border-bottom: 1px #757575 dashed;
				height: 50px;
				overflow: hidden;
				color: #676767;
				
			}
			.my-offers-card-grid-oldprice {
				grid-area: b;
				/* text-decoration: line-through; */
				font-size: 24px;
				color: #636363;
				font-weight: 500;
				text-align: center;
				padding-top: 7px;
			}
			.my-offers-card-grid-newprice {
				grid-area: c;
				font-size: 38px;
				font-weight: bold;
				color: var(--green);
				line-height: 38px;
				text-align: center;
				padding-top: 7px;
			}
			.my-offers-card-grid-link {
				grid-area: d;
				display: none;
			}
		
		
		.my-offers-card * {
			transition: all 0.5s ease;
		}
		.my-offers-card:hover .my-offers-card-txt {
				height: 230px;
				bottom: 230px;
				background-color: #ffffff78;
		}
		.my-offers-card:hover .my-offers-card-grid-title {
				text-align: center;
				height: 100px;
				font-weight: 500;
				font-size: 16px;
				color: black;
		}
		.my-offers-card:hover .my-offers-card-grid-newprice, .my-offers-card-grid-oldprice {
				padding-top: 0px;
		}
		.my-offers-card:hover .my-offers-card-grid-link {
				display: flex;
				justify-content: center;
				margin: 7px;
		}
		.my-offers-card:hover .my-offers-card-grid-link > button {
				width:100%;
		}
		.my-offers-card:hover .my-offers-card-grid {
			grid-template-areas: 	'a'
									'b'
									'c'
									'd';
		}
		.my-offers-card:hover .my-thumb {
			-webkit-filter: blur(5px); 
			filter: blur(5px);		
			}
		


		
	
/* Gallery */	
.my-gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
}

.my-gallery-grid-img {
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow:hidden;
}

	.my-gallery-grid * {
		transition: all 0.3s ease;
	}
	.my-gallery-grid-img:hover .my-thumb {
		width: 120%;
		height:120%;
	}


/* Footer */
.my-footer {
  width: 100%;
  background: black;
  border-top:1px solid white;
  background: linear-gradient(
                     rgba(0,0,0, .95), 
                     rgba(0,0,0, .85)),
                     url(img/footer.jpg);
	background-size: cover;
	background-position: center center;	
	font-size: 0.8em;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.20), 0 6px 20px 0 rgba(0, 0, 0, 0);
}
.my-footer table {
	width: 100%;
}
.my-footer td {
    color: #b4b4b4;
    padding: 12px 3px;
	border-bottom: 1px solid #272727;
	vertical-align: middle;
	line-height: 22px;
}
.my-footer td:nth-child(1) {
	width: 50px;
}
.my-footer td:nth-child(3) {
	width: 150px;
}

.my-footer img {
    margin: 0 5px 0 10px;
    vertical-align: middle;
}
.my-footer-icons {
	text-align: center;
}
.my-footer-icons img {
    margin: 0 15px;
	text-align: center;
}
.my-footer-call {
    width: 123px;
    float: right;
    display: block;
}

	
	
/* Top Footer */
.my-top-footer {
	background-color:black;
}
.my-top-footer div {
  height: 30px;
  color: #828282;
  font-size: 12px;
  text-align: center;
  padding-top: 5px;
}
	
	
	
	
/* ----------- */	
/* SubProducts */	
/* ----------- */
	
	.subcat {
		display: flex;
		align-items: center;
		text-align: center;
		padding: 30px 0 15px 0;
	}
	.subcat::before, .subcat::after {
		content: '';
		flex: 1;
		border-bottom: 1px solid #d4d4d4;
	}
	.subcat::before {
		margin-right: .25em;
	}
	.subcat::after {
		margin-left: .25em;
	}	
	
	
	.my-body-subproduct-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(250px, 1fr));
	}
	.my-body-subproduct-grid-item {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		justify-content: space-between;
		grid-gap: 0.7rem;
	}
	
	
/* SubProducts Card */	
	.my-subproduct-card {
		width: 100%;
		border: 1px solid gainsboro;
		border-radius: 4px;
		padding: 10px;
		background-color: white;
	}
	.my-subproduct-card-img {
		width: 100%;
/*		height: 200px;*/
		aspect-ratio: 1/1;
	}
	.my-subproduct-card-grid {
		display: grid;
		grid-gap: 7px;
		width: 100%;
		padding: 5px 0 0 0;
		font-size: 14px;
	}
		.my-subproduct-card-grid-title {
			font-weight: bold;
			color: black;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.my-subproduct-card-grid-desc {
			color:#9e9e9e;
			/* border-bottom: 1px solid #e6e6e6; */
			padding-bottom: 5px;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.my-subproduct-card-grid-minorder {
			color: #aaaaaa;
			/* font-size: 12px; */
			text-align: center;
			border-top: 1px solid #e6e6e6;
			padding-top: 7px;
		}
		.my-subproduct-card-grid-prices {
			display: flex;
		    justify-content: space-between;
		    align-items: center;
			color: #7d7d7d;
			font-size: 1.1rem;
		}
		
		

		.my-subproduct-card-prices-grid {
			display:grid;
			grid-template-columns: 50% 50%;
		}
			.my-subproduct-card-prices-grid div{
				text-align: center;
			}
			.my-subproduct-card-prices-grid .q1, 
			.my-subproduct-card-prices-grid .q2 {
				color:#c7c7c7;
			}
			.my-subproduct-card-prices-grid .p1, 
			.my-subproduct-card-prices-grid .p2 {
				color: #7d7d7d;
				font-size: 1.8rem;
				font-weight: bold;
			}
			.my-subproduct-card-prices-grid .q1, 
			.my-subproduct-card-prices-grid .p1 {
				border-right: 1px dashed #e6e6e6;
			}
			
	.my-subproduct-card:hover {
		/* background-color: #f3f3f3; */
		border: 1px solid #168c1d;
	}


/* Info Page */	
.my-info-grid {
	display: grid;
	grid-template-areas: 	'img desc'
							'details details'
							'price price';
    grid-template-columns: 300px auto;
    grid-gap: 10px;	
	margin-top: 20px;
}
.my-info-grid-item-img {
	grid-area: img;
	width: 100%;
}
.my-info-grid-item-desc {
	grid-area: desc;
	padding-left: 10px;
}
.product-details {
	grid-area: details;
	min-width: 0;
}
.product-details > div {
	padding: 10px 5px;
	position: relative;
}
	.my-info-grid-item-desc > div {
		padding: 10px 5px;
		position:relative;
	}
	.my-info-grid-item-desc > div:first-child {
		border-top: none;
		padding-top: 0;
	}
.my-info-grid-item-price {
	grid-area: price;
	margin-top: 50px;
}

	.my-info-img {
		width:100%;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		border: 1px solid #b7b7b7;		
	}
	.my-info-subimg {
		width: 69px;
		height: 69px;
		float: left;
		margin: 3px;
		border: 1px solid #848484;
		border-radius: 5px;
	}
	
	.my-info-desc-label-div {
		display: flow-root;	
	}
	.my-info-desc-title {
		color: #000000;
		font-size: 1.3rem;
		font-weight: 500;	
	}
	.my-info-desc-desc {
		border-top: 1px dashed #d4d4d4;
		border-bottom: 1px dashed #d4d4d4;
		color: #797979;
		line-height: 1.8;	
	}
	.my-info-desc-price {
		/* display: grid; */
		/* grid-template-columns: 33% 33% 33%; */
	}
		.my-info-desc-price > div{
			text-align: center;
		}
		.my-info-desc-price .q1, 
		.my-info-desc-price .q2, 
		.my-info-desc-price .q3 {
			color:#797979;
		}
		.my-info-desc-price .p1, 
		.my-info-desc-price .p2, 
		.my-info-desc-price .p3 {
			color: #025f05;
			font-size: 26px;
			font-weight: bold;
		}
		.my-info-desc-price .q1,
		.my-info-desc-price .p1,
		.my-info-desc-price .q2,
		.my-info-desc-price .p2 {
			border-right: 1px dashed #e6e6e6;
		}
	.my-info-desc-img {
		width: 70px;
		height: 70px;
		float: left;
		margin: 0 10px;
		border: 1px solid #848484;
		border-radius: 5px;
	}
	.my-info-desc-label {
		height: fit-content;
    	width: min-content;
		min-width: 70px;
		min-height: 40px;
		float: left;
		margin: 5px 5px;
		border: 1px solid #848484;
		border-radius: 5px;
		color:var(--green);
		padding: 0 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 6rem;
	}
	.my-info-desc-label-circle  {
		min-width: 30px;
		height: 30px;
		float: left;
		margin: 0 5px;
		border: 1px solid #d8d8d8;
		border-radius: 50%;
		padding: 0 5px;
	}
	.my-info-desc-label.active,
	.my-info-desc-label:hover {
		background-color:var(--green);
		color:white;
	}

	
/* Contact Page */	
.my-contact-grid {
    display: grid;
    grid-template-areas: 'info form';
    grid-template-columns: 50%;
    grid-gap: 50px;
	margin: 30px 0;
}
.my-contact-grid-item-info {
	grid-area: info;
	width: 100%;
}
	.my-contact-info-div {
		background-color: #dfe8df;
		border: 1px solid darkgrey;
		border-radius: 5px;
		padding: 10px 20px;	
	}
.my-contact-grid-item-form {
	grid-area: form;
	padding-left: 10px;
}


/* Price */	
.price-div {
	font-size: 1.8rem;
}
.price-div span {
	color: var(--green);
	font-weight: bold;
}


/*-------------*/
/* Price Table */
/*-------------*/
.my-price-table-div {
	width: 100%;
    margin: 0px 0 25px 0;
    border: 1px solid #dadada;
    padding: 15px;
    border-radius: 8px;
	position:relative;
}
.my-price-table {
	width: 100%;
	margin-bottom: 0;
}
.my-price-table thead th {
	border-bottom: 0;
}
.my-price-table th, 
.my-price-table td {
	border-bottom: 0;
	border-top: 0;
	border-right: 1px #bfbfbf dashed;
	text-align: center;
	padding: .4rem;
}
.my-price-table th:last-child, 
.my-price-table td:last-child {
	border-right: 0;
}
.my-price-table th:first-child, 
.my-price-table td:first-child {
	text-align:right;
	padding-right:1rem;
}
.my-price-table tbody td {
	background-color:#f3f3f3;
}

.my-price-table-price {
	font-size: 20px;
    font-weight: bold;
    color: var(--green);
}
.my-price-table-space {
	background-color: white !important;
	padding: .3rem !important;
}





.my-contact-table {
	width: 100%;
}
.my-contact-table tr {
	padding:5px 0;
	border-bottom: 1px dashed #bdbdbd;
}
.my-contact-table tr:last-child {
    padding: 12px 3px;
	border-bottom: none;
	}
.my-contact-table td {
    padding: 12px 3px;
	}
.my-contact-table td:nth-child(1) {
	width: 50px;
}
.my-contact-table td:nth-child(3) {
	width: 150px;
}



/* კალკულატორის ფორმა */
.calc-form {
	background-color: #dfe8df;
    padding: 15px;
    border-radius: 5px;
	border: 1px solid #a5a4a4;
}
.calc-form p {
	font-size: 13px;
	color: #525252;
	margin: 0;
}

.calc-form input{
    width:150px !important;
}
.calc-form-price{
	background-color: #dfe8df;
	text-align: center;
	margin-left: 20px;
}
.calc-form-price-total {
	color: #025f05;
    font-size: 26px;
    font-weight: bold;
}
.calc-form-price-one {
	color: #5a5a5a;
}


/* ინფო კონტაქტის ფორმა */
.info-contact-form {
	background-color: #e8f4fd;
    padding: 5px;
    border-radius: 5px;
	border: 1px solid #17a2b8;
}
.info-contact-form table {
	width:100%;
}
.info-contact-form td {
	text-align: center;
	padding:5px;
}
.info-contact-form img {
	margin:0 10px;
	height: 20px;
}
.info-contact-form a {
	color: #185a27;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.info-contact-form a:hover {
	color:var(--green);
}




.my-breadcrumb {
	overflow: hidden;
}
.my-breadcrumb ol {
	flex-wrap: nowrap;
}
.my-breadcrumb li {
	white-space: nowrap;
}