header{color:var(--main-text-color);box-shadow: 0 6px 6px -6px rgba(0,0,0,.08);}
header.active{color:#fff}
.header-top{display: flex;align-items: first baseline;justify-content: flex-end;gap: 5px;padding: 0 0 3px 0;}
.header-title{font-size: 43px;font-weight: 200;line-height: 1;transition: .3s;}
.header-divider{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='31' fill='none' viewBox='0 0 23 31'%3E%3Cpath fill='%2300BCFF' d='M20.303.265h2.698l-8.802 30H11.5l8.802-30zm-11.5 0H11.5l-8.802 30H.001z'/%3E%3C/svg%3E");height: 30px;width: 23px;background-size: 100%;background-position: center bottom;background-repeat: no-repeat;display: inline-block;}
.header-logo-bayer{width: 88px;grid-area: logo;}
.header-logo-bayer svg{width: 100%}
.header-menu{display: flex;list-style: none;gap: 14px;margin: 0;padding: 0;}
.header-menu-item{margin: 0;}
.header-menu-item.is-active > a{color:var(--menu-hover-color)}


.header-menu-item-content{display: grid;grid-auto-columns: 1fr;grid-auto-rows: 1fr;grid-template-columns: 25% 25%;grid-template-rows: max-content 1fr;gap: 21px 24px;grid-template-areas: "image menu" "description menu";background: var(--bg-blue);margin: 0 auto;width: 100%;max-width: 1230px;padding: 0 17px;}
.header-menu-item-container{display: none;position: absolute;left: 0;width: 100%;padding-top: 34px;}
.header-menu-item-container.active{display: block;}
.header-menu-description{color: #00bcff; font-size: 24px; font-style: italic; font-weight: 300; line-height: 1.33 !important; margin: 0;letter-spacing: .5px;}
.header-menu-image{grid-area: image; width: 100%;}
.header-menu-description{grid-area: description; }
.header-submenu{grid-area: menu;scrollbar-color: #fff #00617f;scrollbar-width: thin;padding-left: 0;max-height: calc(100vh - 150px);overflow-y: auto;}
.header-submenu-link{ color:var(--main-text-color);font-weight: 800;text-decoration: none;padding: 6px 0;display: inline-block;letter-spacing: .32px;}
.header-submenu-item.is-active > a{color:var(--menu-hover-color)}
.header-submenu a{transition:var(--main-transition);}
.header-subsubmenu-link:hover{background-color:#00617f}
.header-subsubsubmenu-link:hover{background-color:#00617f}
.header-submenu-link:hover{color:var(--menu-hover-color);}

.header-subsubmenu{padding-left: 17px;}
.header-subsubmenu-item{border-left: 1px solid #ff3162;}
.header-subsubmenu-item.is-active > a{    background-color: #00617f;}
.header-subsubmenu-link{line-height: 1.25;padding: 6px 25px 6px 15px;text-decoration: none;color: #fff;font-weight: 300;font-size: 16px;display: block;letter-spacing: .32px;}

.header-subsubsubmenu-link{line-height: 1.25;padding: 6px 25px 6px 15px;text-decoration: none;color: #fff;font-weight: 300;font-size: 16px;display: block;letter-spacing: .32px;}
.header-subsubsubmenu-item.is-active > a{background-color: #00617f;}

.logo-text{fill:var(--main-text-color);}

.header-menu-item-link{font-size: 17px;letter-spacing: .17px;margin: 0;white-space: nowrap;text-decoration: none;color: inherit;transition: .3s;border-bottom: solid 4px;padding-bottom: 2px;border-color: transparent;}
.header-menu-item-link:hover{color: var(--menu-hover-color);}
.header-menu-item-link.active{border-color: currentColor;color: var(--menu-hover-color);}
.header-menu-item-link:after{transition:.3s;color: var(--pink);content: "\0047";font-family: Glyphter;font-size: 8px;margin-left: 0px;}
.header-menu-item-link:hover:after{color: var(--menu-hover-color);}
.header-menu-item-link.active:after{color:currentcolor;transform: rotate(180deg);display: inline-block;transition: .3s;}
.header-menu-nav{display: flex;justify-content: space-between;align-items: center;grid-area: menu;width: 100%;}
.header-menu-back-btn{display:none; position: absolute; left: 15px; top: 85px; width: calc(100% - 30px); background-color: transparent; border: none; text-align: left;color: var(--bayer-green);  border-bottom: solid 2px;  font-size: 16px;  font-weight: 700;  padding: 20px 0 20px 30px;}
.header-menu-back-btn:before {  content: "\0047"; font-family: Glyphter;  font-size: 11px;  margin-left: 0;  transform: rotate(90deg);  display: inline-block;  margin-right: 10px;}

.header-name{font-size: 43px;font-weight: 200;line-height: 0.85;transition: .3s;}
.header-search{}
.header-site-name-wrapper{display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto auto;gap: 0 19px;grid-template-areas: "logo title" "logo menu";align-items: flex-start;justify-content: flex-start;}
.header-slogan{font-size: 13px;font-style: italic;font-weight: 600;letter-spacing: 0;}
.header-slogan-symbol{}
.header-title-wrapper{grid-area: title;display: flex;gap: 9px;align-items: center;padding-top: 9px;}
.header-title-wrapper:before{content:"";background: #10384f;bottom: -10px;content: " ";display: block;position: absolute;top: -10px;transition: right .5s ease-in-out;width: 50vw;z-index: -1;clip-path: polygon(0px 0px, 98.06% 0px, 96.42% 100%, 0px 100%);opacity: 0;right: 100vw;height: 53px;}
.header-search{  align-self:center;  background-color:var(--main-blue);  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 10 10.1'%3E%3Cpath d='M9.2 1.7C7.9-.1 5.4-.5 3.5.8c-1.8 1.3-2.2 3.9-.9 5.7L0 9.1l1 1 2.6-2.6c1.4 1 3.3 1 4.7-.1 1.8-1.3 2.3-3.9.9-5.7M5.9 7C4.3 7 3 5.7 3 4.1s1.3-2.9 2.9-2.9 2.9 1.3 2.9 2.9S7.5 7 5.9 7' style='fill:%23fff'/%3E%3C/svg%3E");background-position:63%;  background-repeat:no-repeat;  background-size:13px;  clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);  cursor:pointer;  display:flex;  height:26px;  width:30px}
.header-search{background-color:#00617f}
.header-search:hover {  background-color:#d30f4b}
.header-search:focus{ outline:2px solid var(--main-blue);  outline-offset:3px;  z-index:1000}
.header-search:focus,
.header-search:focus-visible {  outline:2px solid #fff}
.header-search {width: 40px;height: 40px;border: none;}
.header-search.active {background-color:#d30f4b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 17.1 17.1'%3E%3Cpath d='M17.1 1.1 16 0 8.5 7.5 1.1 0 0 1.1l7.5 7.4L0 16l1.1 1.1 7.4-7.5 7.5 7.5 1.1-1.1-7.5-7.5z' style='fill:%23fff'/%3E%3C/svg%3E")}
.header-search-modal{position: fixed; display:none; left: 50%; transform: translateX(-50%); transform: translateX(-50%); width: 100vw; background-color: #fff; z-index: 9; top: 116px;}
.header-search-modal.active{display:block;box-shadow: 0 6px 6px -6px rgba(0, 0, 0, .08);}
header.scrolled .header-search-modal{ top: 55px;}


.header-hamburger{display:none;  grid-area: hamburger;border: none; background-color: transparent;align-items: center; align-self: center;    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='17' fill='none' viewBox='0 0 23 17'%3E%3Cpath fill='%2310384F' fill-rule='evenodd' d='M6 .5h17V2H6zM3 7.75h20v1.5H3zM0 15h23v1.5H0z' clip-rule='evenodd'/%3E%3C/svg%3E");cursor: pointer; height: 17px;   width: 23px;}
.theme-dark .header-hamburger{   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='17' fill='none' viewBox='0 0 23 17'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.5 15.438 18.44.5l1.06 1.06L4.562 16.5l-1.06-1.06z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M18.436 16.5 3.503 1.567 4.564.507l14.933 14.932z' clip-rule='evenodd'/%3E%3C/svg%3E")}

#block-header-section.active{background-color: var(--bg-blue);position: fixed;width: 100%;height: auto;top: 0;left: 0;min-height: 100vh;z-index: 999;}


header.scrolled{position: fixed;background-color: #fff;width: 100%;top: 0;z-index: 999;}
header.scrolled .header-logo-bayer{width: 35px;height: 55px;display: flex;align-items: center;}
header.scrolled .header-logo-bayer path{fill:#fff !important;}
header.scrolled .header-name {display: none;}
header.scrolled .header-divider{display: none;}
header.scrolled .header-title{font-size: 13px;font-weight: 600;color: #fff;}
header.scrolled .header-site-name-wrapper{grid-template-areas: "logo title menu ";grid-template-columns: auto auto 1fr;grid-template-rows: auto;gap: 0 9px;align-items: center;}
header.scrolled .header-top{display: none}
header.scrolled .header-title-wrapper:before{opacity: 1;right: -25px;top: 0;height: 100%;}
header.scrolled .header-title-wrapper{padding: 0;height: 100%;width: 84px;margin-right: 29px;position: relative;}


.header-top-btn { transition:var(--main-transition);  border: 1px solid #624963; border-top-color: transparent; text-decoration: none; color: var(--main-text-color);  cursor: pointer; font-size: 13px;font-style: normal; padding: 3px 17px;font-weight: 600;letter-spacing: .25px; margin-left: 10px;}
.header-top-btn:hover{background-color: #5e4a61; color:#fff}

@media (max-width:1440px){
  .header-menu-item-link{font-size:14px}
}

 
@media (max-width:991px){
  .header-logo-bayer{width:58px}
  .header-title{font-size: 32px;}
  .header-name{font-size: 32px;}
  .header-divider{height: 25px;width: 17px; margin: 0; }
  .header-menu, .header-menu-description, .header-menu-image{display:none}
  .header-menu.active{display: flex; flex-direction: column; position: absolute; top: 160px; left: 0; width: 100%;padding: 0 15px;gap: 0;}
  .header-menu-item-link{font-size:17px; padding: 20px 0;border-bottom: 2px solid #00617f;display: block;position:relative}
  .header-menu-item-link:after {position: absolute; right: 0;transform: rotate(-90deg);top: calc(50% - 6px);font-size:13px}
  .header-menu-item-container.active{height: 100vh; z-index: 1;top: 11px; display: flex; padding-top: 0;}
  .header-title-wrapper{padding:0}
  .header-menu-item-content {  grid-template-areas: "menu"; grid-template-rows: auto;  grid-template-columns: auto;}
  .header-menu-back-btn.active{display:block}
  .header-site-name-wrapper{grid-template-areas: "logo title menu hamburger"; grid-template-columns: auto 1fr auto auto; grid-template-rows: 1fr; height: 100%; align-items: center;}
  .header-hamburger{display: flex; }
  .header-top-btn{display:none}
  .header-submenu{height:calc(100vh - 180px)}
  header.scrolled .header-site-name-wrapper {grid-template-areas:"logo title menu hamburger";    grid-template-columns: auto 1fr auto auto;}
  .header-search-modal {top: 85px;}
  .header-search:hover,.header-search.active{background-color:transparent;}
  .header-search{width: 35px; height: 35px;background-position: center;background-size: 17px;background-color:transparent;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 10 10.1'%3E%3Cpath d='M9.2 1.7C7.9-.1 5.4-.5 3.5.8c-1.8 1.3-2.2 3.9-.9 5.7L0 9.1l1 1 2.6-2.6c1.4 1 3.3 1 4.7-.1 1.8-1.3 2.3-3.9.9-5.7M5.9 7C4.3 7 3 5.7 3 4.1s1.3-2.9 2.9-2.9 2.9 1.3 2.9 2.9S7.5 7 5.9 7' style='fill:%23ff3162'/%3E%3C/svg%3E");} 
  .header-search.active { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 17.1 17.1'%3E%3Cpath d='M17.1 1.1 16 0 8.5 7.5 1.1 0 0 1.1l7.5 7.4L0 16l1.1 1.1 7.4-7.5 7.5 7.5 1.1-1.1-7.5-7.5z' style='fill:%23ff3162'/%3E%3C/svg%3E");
}
  .header-search.active{}
}

@media (max-width:768px){
	.header-name, .header-title {font-size: 22px}
	.header-title-wrapper{gap:5px}
	.header-divider {height: 18px; width: 12px;}
	.header-site-name-wrapper{gap: 0 12px;}
}
 
@media (max-width:480px){
  .header-slogan{font-size: 11px;}
  .header-title{font-size: 18px;font-weight: 600;}
  .header-name{font-size: 18px;font-weight: 600;} 
  .header-divider{height: 13px;margin-left: 4px;margin-right: 4px; width: 10px;flex: 0 0 auto;}
  .header-search-modal {top: 85px;}
}

@media (max-width:375px){
	.header-name, .header-title {font-size: 17px}
}