/*****   RESET   *****/
html, body {
  height: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.5;
  color: #4A4A4A;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*****   TYPOGRAPHY   *****/
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-bottom: 10px;
}

h1 {
  font-size: 80px;
  position: relative;
  margin-bottom: 0px;
}

h2 {
  font-size: 44px;
  position: relative;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

p {
  margin-bottom: 10px;
}

@font-face {
  font-family: "bpg";
  src: url("fonts/bpg/BPGMrgvlovani2010.eot");
  /* IE9 Compat Modes */
  src: url("fonts/bpg/BPGMrgvlovani2010.eot?#iefix") format("embedded-opentype"), url("fonts/bpg/BPGMrgvlovani2010.woff") format("woff"), url("fonts/bpg/BPGMrgvlovani2010.ttf") format("truetype"), url("fonts/bpg/BPGMrgvlovani2010.svg#svgFontName") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "bpgc";
  src: url("fonts/bpgc/BPGMrgvlovaniCaps2010.eot");
  /* IE9 Compat Modes */
  src: url("fonts/bpgc/BPGMrgvlovaniCaps2010.eot?#iefix") format("embedded-opentype"), url("fonts/bpgc/BPGMrgvlovaniCaps2010.woff") format("woff"), url("fonts/bpgc/BPGMrgvlovaniCaps2010.ttf") format("truetype"), url("fonts/bpgc/BPGMrgvlovaniCaps2010.svg#svgFontName") format("svg");
  /* Legacy iOS */
}

p, div, ul, li, span, a {
	font-family: "bpg";
}

a {
	text-decoration: none;
	color: inherit;
}


/***** Mobile Phone *****/
@media screen and (max-width: 760px) {
	.mobile_hidden {
		display: none !important;
	}
	
	.mobile_show {
		display: block !important;
	}
	
	.logo {
		text-align: center;
	}
	
	.products_item {
		width: 50% !important;
	}
	
	.products_item_img, .products_item_img img {
		width: 120px !important;
		height: 120px !important;
	}
	
	footer {
		height: auto!important;
	}
	
	.slide-text2-button {
		width: auto !important;
		font-size: 12px !important;
	}
	.slide-text {
		font-size: 14px !important;
	}
	.slide-image {
		max-width: 150px !important;
		margin-top: -40px !important;
	}
	.mobile_search_wrap {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5000;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.80);
		display: none;
	}
	
	.mobile_search_wrap_controller {
		display: block;
		width: 80%;
		margin: 30% auto;
		position: relative;
	}
	.mobile_search_input {
		padding: 5px 10px;
		border: 0;
		border-radius: 50px;
		width: 95%;
	}
	.mobile_search_icon {
		position: absolute;
		color: #9aa0a6;
		top: 0;
		right: 16px;
		width: 35px;
		height: 35px;
		border-radius: 50px;
		padding: 5px 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.mobile_search_icon:hover {
		background: #ea3c12;
	}
	.mobile_search_close, .mobile_menu_close {
		font-size: 24px;
		color: #fff;
		margin: 20px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.mobile_search_close:hover, .mobile_menu_close:hover {
		color: #ea3c12;
	}
	
	.mobile_menu_wrap {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 5000;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.80);
		display: none;
	}
	.mobile_menu_wrap ul {
		text-align: center;
		color: #fff;
		margin-top: 50px;
	}
	.mobile_menu_wrap ul li {
		margin-top: 10px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.mobile_menu_wrap ul li:hover {
		color: #ea3c12;
	}
}

/*****   index   *****/

.click_wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 300;
	display: none;
}

.header_top {
	border-bottom: 1px solid #ddd;
	padding: 15px 0 5px 0;
}

.header_top p {
	display: inline-block;
	font-family: "bpgc";
	font-size: 12px;
}
.header_top i {
	padding: 0 10px 0 0;
}

.header_top_right_profile, .header_top_right_search, .header_top_right_menu {
	float: right;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header_top_right_profile:hover {
	color: #ea3c12;
}

.header_top_right_lang::before, .header_top_right_profile::before, .header_top_right_search::before {
	content: '|';
	color: #ddd;
	display: inline-block;
	margin: 0 8px;
}

.header_top_right_lang {
	float: right;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

.header_top_right_lang img {
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	margin-bottom: -5px;
}


.header_top_right_lang_hidden {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	z-index: 301;
}

.header_top_right_lang_hidden img {
	display: block;
	margin: 5px auto;
	opacity: 0;
	right: 0;
	top: 0;
	position: absolute;
}

.header_top_right_search, .header_top_right_menu {
	display: none;
}

.logo img {
	width: 200px;
	margin: 30px auto 10px auto;
}

.search_bar {
	margin-top: 50px;
	font-family: initial;
}

.search_bar div {
	display: inline-block;
}

.search_bar_input::after, .search_bar_input::before {
	box-sizing: border-box;
}

.search_bar_input {
	width: 67%;
	padding: 8px;
	border: 2px solid #ea3c12;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;  
	border-radius: 30px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
}
textarea:focus, input:focus{
    outline: none;
}
.search_bar_input input {
	width: 100%;
	border: 0;
	padding-left: 15px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.search_bar_select {
	width: 23%;
	margin-left: -4px;
	border: 2px solid #ea3c12;
	border-left: 0;
	border-right: 0;
	padding: 9px 10px;
	font-family: initial;
}

.search_bar_select select {
	width: 100%;
	background: #fff;
	border: 0;
}

.search_bar_submit {
	width: 8%;
	text-align: center;
	background: #ea3c12;
	color: #fff;
	border: 2px solid #ea3c12;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px; 
	border-radius: 30px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 9px 0;
	margin-left: -4px;
	cursor: pointer;
}
.main_cart div {
	float: right;
	display: inline-block;
	margin: 60px 20px;
}

.main_cart div i {
	font-size: 20px;
}

.main_menu {
	background: #ea3c12;
	color: #fff;
}

.main_menu ul {
	list-style: none;
	flex-direction: row;
	display:flex;
}

.main_menu ul li {
	list-style: none;
	flex-direction: row;
	padding: 10px 20px;
	border-right: 1px solid #ff896c;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.main_menu ul li:last-child {
	border-right: 0;
}

.main_menu ul li:hover {
	background: #ff896c;
	color: #4A4A4A;
}

.swiper {
  width: 100%;
  height: 400px;
}

.mySwiper {
	background: url("../images/sl1.jpg") no-repeat;
	background-size:  cover;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
/* Slide content layout */
.slide-content {
    display: flex;
    align-items: center;
    gap: 20px; /* Adjust spacing between image and text */
    width: 80%; /* Optional: Adjust width to control layout */
    max-width: 1200px;
}

.slide-image {
    max-width: 400px;
	margin-top: 30px;
    opacity: 0;
    transform: translateX(60%);
    transition: opacity 1.0s ease, transform 0.6s ease;
}

.slide-image-wrapper {
	width: 50%;
}

.slide-text-wrapper {
	width: 50%;
	text-align: center;
}

.slide-text {
    font-size: 2rem;
    color: #333;
    opacity: 0;
    transform: translateY(-200%); 
    transition: opacity 1.0s ease, transform 0.6s ease;
}
.slide-text2 {
    opacity: 0;
    transform: translateY(-140%);
    transition: opacity 1.0s ease, transform 0.6s ease;
	transition-delay: 0.3s;
}

.slide-text2-button {
	width: 30%;
	margin: 30px auto;
	padding: 5px 0 5px 0;
	text-align: center;
	background: #ea3c12;
	color: #fff;
	cursor: pointer;
	border: 1px solid #ea3c12;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.slide-text2-button:hover {
	background: #AC0000;
}

/* Swiper Slide Active Animations */
.swiper-slide-active .slide-image {
    opacity: 1; 
    transform: translateX(0); 
}

.swiper-slide-active .slide-text {
    opacity: 1;
    transform: translateY(-50%);
}

.swiper-slide-active .slide-text2 {
    opacity: 1;
    transform: translateY(0);
}

/* Mani & Sidebar */

.sidebar {
	position: sticky;
	top: 20px;
}

.main_products {
	margin-top: 30px;
}

.categoreis_main ul {
	padding: 0;
	border: 2px solid #ddd;
	border-radius: 6px;
}

.categoreis_main ul li {
	padding: 8px 25px;
	font-family: "bpgc";
	font-size: 14px;
	cursor: pointer;
	color: #333e48;
	list-style-type: none;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.categoreis_main ul li a {
	font-family: "bpgc" !important;
}

.categoreis_main ul li:hover {
	color: #ea3c12;
	padding: 8px 35px;
}

.cat_active {
	color: #ea3c12 !important;
}

.categoreis_main_title {
	font-size: 18px !important;
	border-bottom: 1px solid #ddd;
}

.categoreis_main_title:hover {
	cursor: auto !important;
	color: #333e48 !important;
	padding: 8px 25px !important;
}

.products_title {
	font-family: "bpgc";
	padding-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
	font-weight: bold;
}

.products_item {
	width: 20%;
	margin: 0 -3px;
	padding: 30px 0 20px 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.products_item:not(:nth-child(5n+5)):before {
	border-right: 1px solid #eaeaea !important;
	height: 80%;
	margin-top: 10%;
	content: "";
	position: absolute;
	right: 0;
}


.products_item:hover {
	box-shadow: 0 0 6px 0 rgba(1,1,1,.3);
}

.products_item_title {
	font-size: 14px;
	font-weight: 700;
	color: #ea3c12;
	height: 50px;
	padding-left: 15px;
	line-height: 16px;
}

.products_item_img {
	width: 100%;
	height: 172px; 
	padding-left: 10px;
	text-align: center;
}

.products_item_category {
	font-size: 12px;
	color: #768b9e;
	padding-left: 15px;
}

.pagination{
	margin: 20px 0;
}
.pagination .numbers_pagination {
	width: 36px;
	height: 36px;
	border: 1px solid #e7e7e7 !important;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	margin: 5px;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	color: #5d7184 !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pagination .pagi_active {
	background: #ea3c12 !important;
	color: #E3E3E3 !important;
	border: 1px solid #ea3c12 !important;
}

.pagination .numbers_pagination:hover {
	background: #ea3c12 !important;
	color: #E3E3E3 !important;
	border: 1px solid #ea3c12 !important;
}

.view_more_products {
	width: 40%;
	margin: 30px auto;
	padding: 10px 0 3px 0;
	text-align: center;
	background: #ea3c12;
	color: #fff;
	cursor: pointer;
	border: 1px solid #ea3c12;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.view_more_products:hover {
	background: #AC0000;
	
}

.no_item_text {
	text-align: center;
	margin-top: 40px;
	color: #B3B3B3;
}

/* FOOTER */

footer {
	height: 280px;
	background: #3d3d3d;
}

.footer_menu, .footer_contact, .footer_map {
	padding: 30px;
	color: #FEFEFE;
}

.footer_menu p, .footer_contact_title, .footer_map_title {
	font-size: 16px;
	font-family: "bpgc";
	border-bottom: 1px solid #ea3c12;
	padding: 10px 0;
}

.footer_menu ul, .footer_contact ul {
	list-style-type: none;
	font-size: 14px;
	padding-top: 10px;
}

.footer_menu ul li, .footer_contact ul li {
	padding: 5px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer_menu ul li:hover {
	color: #ea3c12;
}

.footer_contact ul li i {
	color: #ea3c12;
	padding-right: 20px;
}

/* Single */

.zoom {
	display:inline-block;
	position: relative;
}

.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url("../images/icon.png");
}

.zoom img {
	display: block;
	width: 100%;
}

.zoom img::selection { background-color: transparent; }

.single_title_category {
	font-size: 12px;
	color: #768b9e;
}

.single_title {
	font-size: 20px;
	color: #333e48;
}

.single_divider {
	width: 100%;
	height: 1px;
	background: #333e48;
	opacity: 0.25;
	margin: 20px 0;
	border: 0;
}

.single_properties {
	margin: 50px 0;
	list-style-type: none;
	font-size: 14px;
	color: #7d7d7d;
}
.single_properties span {
	font-weight: bold;
}

.single_properties li {
	margin: 5px 0;
}

.single_properties_type {
	margin: 20px 0 !important;
	color: #7d7d7d;
}

.single_image_mobile {
	display: none;
}

.single_image_mobile img {
	width: 100%;
}

/*Pages*/

.pages_title {
	font-size: 22px;
	font-family: "bpgc";
	color: #333e48;
	margin-top: 30px;
}

.pages_text {
	margin-bottom: 50px;
}

.contact_info {
	list-style-type: none;
	font-size: 14px;
	padding-top: 10px;
	margin: 30px auto 50px auto;
}

.contact_info li {
	padding: 5px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.contact_info li:hover {
	color: #ea3c12;
}

.contact_info li i {
	color: #ea3c12;
	padding-right: 20px;
}