/*index.html - Головна сторінка та основні параметри*/

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


body {
  background-color: rgb(255, 255, 255);
  color: black;
  margin: 1px;
  min-width: 1366px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.wrapper {
  width: 100%;

  
}

.header {
  background: rgb(58, 110, 165);
  width: 100%;
  height: 180px;
}

.object1 {
  background: url(/images/MAIN_INDEX/20220629_iph_site_wlogo_1366x180.png) no-repeat center top ;
  width: 1366px;
  height: 180px;
  margin: auto;

}

 .news {
  text-align: center;
  justify-content: center;
  background: rgb(255, 255, 255);
  width: 100%;
  min-height: 350px;
  font-size: 18px;
  padding: 1px;
  margin: 0px;
  border-bottom: black solid 1px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 .WordSection1 p{
  word-wrap: break-word;
  margin: 0cm;
 }

 .WordSection1 p:first-child{
  margin-top: 30px;
 }

.container1 {
  position: relative;
  width: 100%;
  z-index: 99999;
}

.container1 *{
  margin: 0px;
  padding: 0px;
}
.container1 ul,
.container1 ol{
  list-style: none;
}


.container1 li a:hover{
  background: rgb(255,255,0);
  color: black;
  transition: all 0.3s ease;
}

.container1 {
  display: flex;
  flex-grow: 1;
}
.top-menu {
  display: inherit;
  width: 100%;
}

.top-menu > li {
  flex-grow: 1;
  display: inherit;
  height: 50px;
  position: relative;

}

.top-menu li a { 
  transition: all 0.3s ease;
  display: flex;
  background: rgb(58,110,165); 
  font-size: 20px;
  color: white;
  padding: 0px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

/*Sub-menu*/
/*Параметри списку першого вкладеного меню*/
.top-menu ul {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  top: 100%;
  display: none;
  /*Параметр відповідає за видимість об'єктів, і повинен бути none для динамічного відображення при наведенні. 
  За відображення при наведенні відповідає блок .container1 li:hover > ul*/  
/*        display: none;     */
}

.top-menu li ul li a{
  text-align: center;
  padding: 6px;
  font-size: 120%;
}

/*Друге покоління випадаючого списку*/
.top-menu li ul li ul {
  position: absolute;
  left: 100%;
  top: auto;
  width: fit-content;
  transform: translate(0px, -55px);
}

/*Параметри тексту другого покоління випадаючого списку*/
.top-menu li ul li ul li a{
  text-transform: uppercase;
  text-align: center;
  }

.top-menu li:hover > ul{
  display: inherit;
}

/*Параметри тексту в списку першого вкладеного меню*/
.top-menu li > ul li a {
  padding: 14px;
  background: rgb(58, 110, 165);
}

/*ABOUT*/


.about {

  background: rgb(255, 255, 255);
  width: 100%;
  height: 150px;
  padding: 1px 0;
}

.about > div:nth-child(1) {
  display: flex;
  flex-direction: column;
  text-align: center;
  float: left;
  width: 50%;
  height: 100%;
  background: rgb(255, 255, 255);

}

.about > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  text-align: center;
  float: right;
  width: 50%;
  height: 100%;
  background: rgb(255, 255, 255);
}

.about div img {
  width: 50px;
  height: 50px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top:5%

}

/*footer*/

.footer {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: center;
}

/*index.html - Головна сторінка та основні параметри. Закінчується тут*/

/*Тут починаються особливі розмітки для всіх другорядних сторінок*/

/*contacts.html*/

.contacts1 {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.left_container {
  text-align: center;
  width: 50%;
}

.right_container {
  margin: auto;
  text-align: center;
  width: 50%;
}

/*contacts.html закінчується тут*/


/*ISOIL*/

.gdlr-core-product-item-holder {
  padding: 50px;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  flex-grow: 0;
  justify-content: baseline;
  min-width: 1366px;
}


.gdlr-core-item-list{
  font-size: 16px;
  width: 25%;
  min-width: 316px;
  padding: 5px;
}

/*Налаштування зображень*/

.gdlr-core-product-thumbnail{
  padding-top: 20px;
  text-align: center;
}


.gdlr-core-product-thumbnail > a img{
  width: 286px;
  height: 286px;
}

/*Налаштування зображень*/
.gdlr-core-product-thumbnail > img{  
  width: 286px;
  height: 286px;
}

.gdlr-core-product-title a{
  text-decoration: none;
  color: black;
}

.gdlr-core-product-title{
  text-align: center;
}

.gdlr-core-product-grid{
  margin: auto;
}

.gdlr-core-product-thumbnail-info{
  justify-content: center;
}

.gdlr-core-product-thumbnail-info a {
  text-decoration: none;
  color: black;
}


.gdlr-core-item-list :hover{
  background-color: rgb(202, 216, 243);
}


/*ВИТРАТОМІРИ ISOMAG*/

.page_counter_ul{
  position: relative;
  width: 100%;
  bottom: -40px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  margin: 0px;
  padding: 3px;
  border-bottom: black solid 1px;
  justify-content: center;
}
.page_counter_ul li {
  list-style: none;
}
.page_counter_ul li a{
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  color: black;
  font-size: 25px;
  border-radius: 4px;
  margin: 5px;
  box-shadow: inset 0 5px 10px rgba(0,0,0,.1), 0 2px 5px rgba(0,0,0,.5);
}

.page_counter_ul li a:hover{
  background-color: rgb(70, 109, 187);
}

.active_a {
  background-color: rgb(202, 216, 243);
}

.description_product {
  height: 450px;
  border-bottom: solid black 1px;
  display: flex;
  position: relative;
  text-align: center;
}
.description_product_item1 {
  width: 50%;
  height: 449px;
}

.description_product_item2 {
  position: absolute;
  width: 50%;
  height: 449px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  right: 100px;
}

.description_product_item1 > img {
  position: absolute;
   top: 50%;
   left: 35%;
   transform: translate(-50%, -50%);
   width: 400px;
}


.product_card_container {
  min-height: 450px;
  display: flex;
  position: relative;
  text-align: left;
  border-bottom: solid gray 1px;
}
.product_card_item1 {
  width: 50%;
  min-height: 449px;
}

.product_card_item2 {
  position: relative;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 5px;
}

.product_card_item1 > img {
  position: absolute;
   top: 50%;
   left: 35%;
   transform: translate(-50%, -50%);
   width: 400px;
}

.product-type-product{
  width: 80%;
  margin: auto;
}


.ng-binding1 {
  text-align: left;
  min-width: 300px;
}

.ng-binding2 {
  text-align: left;
}

.product_card_item2 h5 {
  text-transform: lowercase;
}

.metrology_news {
  padding: 50px;
}