* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/*html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}*/


body {
	min-height: 100vh;
}

h1, h2, h3, h4, p {
	font-family: "Microsoft YaHei", sans-serif;
	margin: 20px 0 10px 0;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

body {
	display: grid;
	grid-template-rows: 10vh 40vh auto 15vh;
	flex-direction: column;
	min-width: 600px;
	background-color: #ffffff;
}

hr {
	color: white;
}

p {
  line-height: 1.5;
	text-align: justify;
	margin: 20px;
}

a, a:visited {
	text-decoration: none;
	color: #2b2b2b;
} 

a:hover {
	text-decoration: none;
	color: white;
}

hr {
	color: white;
}

.language {
	color:  #d3e1fe;
	margin-left: auto;
	margin-right: 20px;
}


.bold {
	font-weight: 600;
}

.border {
	outline: 1px solid blue;
}

.large {
	font-size: 26px;
}

.red {
	border: 1px solid red;
}

.blue {
	border: 1px solid blue;

}

.green {
	border: 1px solid green;

}

.orange {
	border: 1px solid orange;

}

.center {
	text-align: center;
}


/*-----------HEADER----------*/
.header {
	display: flex;
	flex-direction: column;
	position: sticky;
	box-sizing: border-box;
	top: 0;
	z-index: 2;
}

.filling-up{
	display: flex;
	justify-content: space-between;
  align-items: center;
	padding: 0 1vw;
	height: 6vh;

}

.filling-up img {
	max-height: 4.5vh;
}

.filling-up p {
	margin: 0;
	text-align: right;
	font-size: 12px;
	color:  #d3e1fe;
}

.filling-bottom {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #021c52;
	height: 4vh;
}

.filling-bottom a {
	color:  #d3e1fe;
}


.menu-up {
	display: grid;
	grid-template-columns: 15vw auto 15vw;
	background-color: #0033a0;
}

.menu-bottom {
	display: grid;
	grid-template-columns: 15vw auto 15vw;
}

.menu-bottom-item:hover {
	color: white;
  text-shadow: 0 0 1.5em rgba(255, 255, 255, 1);
}

.menu-bottom-item {
	margin: 0 15px;
}

.fields-up {
	background-color: #0033a0;
}

.fields-bottom {
	background-color: #0033a0;
}

.filling-banner-logistics, .filling-banner-smartwathes, .filling-banner-catalog, .filling-banner-aboutus,
.filling-banner-contacts, .filling-banner-partners, .filling-banner-kitchenware, .filling-banner-yaxell, 
.filling-banner-wusthof, .filling-banner-zwilling, .filling-banner-kai, .filling-banner-staub, .filling-banner-rosle,
.filling-banner-elo, .filling-banner-ballarini, .filling-banner-rw, .filling-banner-adhoc, .filling-banner-riedel,
.filling-banner-spiegelau, .filling-banner-policy, .filling-banner-underconstruction {
  /*background-size: contain;*/ /* Изображение будет растягиваться на весь элемент */
  background-position: center; /* Центрируем изображение */
  background-repeat: no-repeat; /* Не повторяем изображение */
  margin-top: 2px;
}

.filling-banner-logistics {
  background-image: url("https://www.baritrade.am/img/banner-logistics.jpg");
}

.filling-banner-catalog {
  background-image: url("https://www.baritrade.am/img/banner-catalog.jpg");
}

.filling-banner-smartwatches {
  background-image: url("https://www.baritrade.am/img/banner-smartwatches.jpg");
}

.filling-banner-aboutus {
	background-image: url("https://www.baritrade.am/img/banner-aboutus.jpg");
}

.filling-banner-contacts {
		background-image: url("https://www.baritrade.am/img/banner-contacts.jpg");
}

.filling-banner-partners {
		background-image: url("https://www.baritrade.am/img/banner-partners.jpg");
}

.filling-banner-kitchenware {
		background-image: url("https://www.baritrade.am/img/banner-kitchenware.jpg");
}

.filling-banner-yaxell {
		background-image: url("https://www.baritrade.am/img/banner-yaxell.jpg");
}

.filling-banner-wusthof {
		background-image: url("https://www.baritrade.am/img/banner-wusthof.jpg");
}

.filling-banner-zwilling {
		background-image: url("https://www.baritrade.am/img/banner-zwilling.jpg");
}

.filling-banner-kai {
		background-image: url("https://www.baritrade.am/img/banner-kai.jpg");
}

.filling-banner-staub {
		background-image: url("https://www.baritrade.am/img/banner-staub.jpg");
}

.filling-banner-rosle {
		background-image: url("https://www.baritrade.am/img/banner-rosle.jpg");
}

.filling-banner-elo {
		background-image: url("https://www.baritrade.am/img/banner-elo.jpg");
}

.filling-banner-ballarini {
		background-image: url("https://www.baritrade.am/img/banner-ballarini.jpg");
}

.filling-banner-rw {
		background-image: url("https://www.baritrade.am/img/banner-rw.jpg");
}

.filling-banner-adhoc {
		background-image: url("https://www.baritrade.am/img/banner-adhoc.jpg");
}

.filling-banner-riedel {
		background-image: url("https://www.baritrade.am/img/banner-riedel.jpg");
}

.filling-banner-spiegelau {
		background-image: url("https://www.baritrade.am/img/banner-spiegelau.jpg");
}

.filling-banner-policy {
		background-image: url("https://www.baritrade.am/img/banner-policy.jpg");
}

.filling-banner-underconstruction {
		background-image: url("https://www.baritrade.am/img/banner-underconstruction.jpg");
}




.four-h-four {
	display: flex;
	background-color: #021c52;
	align-items: center;
}

.four-h-four p {
	width: 100%; /* Текст займет всю ширину родительского блока */
	text-align: center;
	font-size: 36px;
	color: white;
}

.four-h-four .filling-products {
	display: flex;
	width: 100%;
}

.filling a:hover {
	text-decoration: underline;
	color: blue;
}

.image-inside {
	display: grid;
	grid-template-columns: 12vw 12vw auto;
	column-gap: 10px;
}

.image-inside-buy {
	display: grid;
	grid-template-columns: 20vw auto;
}

/*.image-inside p, .image-inside img {
	display: block;
}*/

.image-inside img {
	width: 12vw;

}

.image-inside p, .image-inside img {
	display: block;
	margin: 20px;
}
	
.image-inside-buy img {
	width: 20vw;
	margin-left: -15px;
}

.image-inside-only-75 img {
	width: 75%;
}

.image-inside-only-50 img {
	width: 50%;
}

.filling-products a {
	color: white;
  margin: 0; /* Убедитесь, что на ссылках нет отступов */
}

.filling-products a:hover {
	text-shadow: 0 0 0.7em rgba(255, 255, 255, 1);
}

.fields-up, .fields-bottom, .fields-products, .fields {
    flex: 1; /* Равномерное распределение пространства */
}

.filling-up, .filling-bottom, .filling-products, .filling {
    flex: 4; /* Ширина содержимого */
    text-align: center; 
}

.fields-products {
	background-color: #E9F0FF;
}

.logistics {
	background-image: url("../img/logistics.jpg");
}

.smartwatches {
	background-image: url("../img/smartwatches.jpg");
}

.kitchenware {
	background-image: url("../img/kitchenware.jpg");
}

.winemaking {
	background-image: url("../img/winemaking.jpg");
}

.records {
	background-image: url("../img/records.jpg");
}



/*------------BODY-----------*/
.content {
	display: grid;
	grid-template-columns: 15vw auto 15vw;
	flex: 1;
}

.filling-products {
	display: grid;
	grid-gap: 3px;
	margin-top: 2px;
	grid-template-columns: repeat(5, 1fr);
}

.products {
	display: grid;
	grid-template-columns: 15vw auto 15vw;
}





.banner {
	background-image: url("../img/banner.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.filling {
	justify-content: space-around;
	padding: 15px;
}

.fields {
	background-color: #E9F0FF;
}

.oneproduct {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	min-height: 100%;
  flex: 1 0 50%; /* Более широкий блок для продукта */
}

.oneproduct:hover {
    transform: translateZ(-10px);
    transition: 0.2s;
    box-shadow: 0 0 10px 2px #021c52;
}


.partners-list {
		display: flex;
		justify-content: center;
}

.partner {
    text-align: center;
    align-content: center;
    box-sizing: border-box;
		height: 20vh;
    padding: 15px;
    margin: 15px;
}

.partner img {
    width: 15vw;
    text-align: center;
}

.partner:hover  {
    background-color: rgba(48, 85, 163, .35);
    border-radius: 10px;
}

.underconstruction {
	background-image: url(../img/underconstruction.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;

	/*display: block;*/
	/*width: 100%;*/
	/*height: auto;*/
}

		

/*------------KITCHHENWARE-----------*/
.ware-list {
	display: grid;
	grid-gap: 3px;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

.oneware {
	display: flex;
	flex-direction: column;
	height: 35vh;
	position: relative; /* Позволяет использовать абсолютное позиционирование внутри */
	padding: 10px;
}

.oneware h4 {
	margin-top: 10px;
}

.ware-item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
  	background-size: contain; /* Меняем на contain для масштабирования изображения */
  	height: 80%; /* Изменен на 80% для добавления места под заголовок */
  	max-width: 100%; /* Убедитесь, что не превышает ширину родителя */

}

.ware-title {
	height: 20%; /* Занимает 100% высоты родительского элемента */
  	display: flex;
  	align-items: center; /* Центрирование заголовка по вертикали */
  	justify-content: center; /* Центрирование заголовка по горизонтали */
}

.boilers {
	background-image: url("../img/boilers.webp");
}

.wineglasses {
	background-image: url("../img/wineglasses.webp");
}

.tablewares {
	background-image: url("../img/tablewares.webp");
}

.utensils {
	background-image: url("../img/utensils.webp");
}

.knives {
	background-image: url("../img/knives.webp");
}

.forks {
	background-image: url("../img/forks.webp");
}

.appliances {
	background-image: url("../img/appliances.webp");
}

.ovenacces {
	background-image: url("../img/ovenacces.webp");
}

.plates {
	background-image: url("../img/plates.webp");
}

.sets {
	background-image: url("../img/sets.webp");
}


/*------------БРЕНДЫ-----------*/
.wusthof {
	background-image: url("../img/wuesthof.webp");
}

.zwilling {
	background-image: url("../img/zwilling.webp");
}
.yaxell {
	background-image: url("../img/yxell.webp");
}

.rw {
	background-image: url("../img/rw.webp");
}

.staub {
	background-image: url("../img/staub.webp");
}

.rosle {
	background-image: url("../img/roesle.webp");
}
.riedel {
	background-image: url("../img/riedel.webp");
}

.elo {
	background-image: url("../img/elo.webp");
}

.spiegelau {
	background-image: url("../img/spieg.webp");
}

.adhoc {
	background-image: url("../img/adhoc.webp");
}

.ballarini {
	background-image: url("../img/ballarini.webp");
}

.kai {
	background-image: url("../img/kai.webp");
}





.product-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 6vw;
	min-height: 6vw;
	background-color: rgba(255, 255, 255, 0.7);
	color: black;
}

.product-title h2 {
	margin: 10px;
}

/*----------FOOTER----------*/
.footer {
	display: grid;
	position: relative; 
	grid-template-rows: 8vw 2vw;
}

.footer-up {
	display: grid;
	grid-template-columns: 15vw auto 15vw;

	background-color: #0033a0;
	box-sizing: border-box;
}

.footer-bottom {
	display: grid;
	grid-template-columns: 15vw auto 15vw;
	margin-top: 2px;

	box-sizing: border-box;
}

.footer-up-filling {
	display: flex;
	align-items: center;
	justify-content: center; 
	background-color: #0033a0;
	padding: 5px auto;
}

.fields-footer-up {
	background-color: #0033a0;
}

.footer-bottom-left {
	background-color: #d90012;
}

.footer-bottom-right {
	background-color: #f2a800;
}

.footer-bottom-filling {
	display: flex;
	align-items: center;
	justify-content: center; 
	background-color: #0033a0;
	padding: 5px auto;
}

/*.footer-bottom-filling img {
	max-height: 4vh;
	margin: 0 5px;
}*/

.footer-bottom-filling p {
	text-align: center;
	font-size: 10px;
	color: white;
	margin: 5px;
}

.filling-footer-up {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.map-column {
/*	height: 100%;*/
	padding: 5px;
}

.map-column h2 {
	margin: 5px 0;
	color: #d3e1fe;
}

.map-column p {
	font-size: 12px;
	margin: 0;
	color: #d3e1fe;
}


.map-column h2:hover, .map-column p:hover {
	color: white;
  text-shadow: 0 0 0.7em rgba(255, 255, 255, 1);
}






@media (max-width: 1200px) {
    .product-title h2 {
    	font-size: 14px;
    }
}

/* Планшеты */
@media (min-width: 769px) and (max-width: 1024px) {

  .oneproduct	{
  	width: 100%;
  }

	.product-title h2 {
	    	font-size: 10px;
  }
}


/* Смартфоны */
@media (max-width: 768px) {

  .oneproduct	{
  	width: 100%;
  }

  .product-title h2 {
	  font-size: 8px;
	}
}