.link {
gap: 0;
}
.link:after {
margin-left: 8px;
}
.tns-item, .tns-item img {
perspective: 1000px;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
-webkit-perspective: 1000px;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.site-header .header-navbar .language-switcher {
gap: 0;
}
.site-header .header-navbar .language-switcher span:first-child {
margin-right: 8px;
}
.site-header .header-navbar .language-switcher span:last-child {
margin-left: 8px;
}
.numbers-b {
margin-bottom: 40px;
flex-wrap: wrap;
}
.numbers-b .numbers_item {
border-bottom: 1px solid #D2DCE1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: clamp(20px, 3vw, 68px);
}
.numbers-b .numbers_item h3 {
color: #009EE0;
font-size: 56px;
letter-spacing: -2.24px;
min-width: 50%;
width: 150px;
}
.numbers-b .numbers_item p {
font-size: 18px;
}
.section-supply-hero {
padding: 0;
}
.section-supply-hero .page-description {
margin-bottom: 0;
}
.section-supply-hero .numbers-b .numbers_ite {
gap: clamp(5px, 3vw, 68px);
}
.section-supply-hero .numbers_item h3 {
font-size: 44px;
min-width: 47%;
}
.section-supply-hero .numbers_item p {
color: #000000;
}
@media (min-width: 1024px) {
.numbers-b {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 48px;
}
.numbers-b .numbers_item h3 {
font-size: 64px;
min-width: 50%;
}
.numbers-b .numbers_item {
border-bottom: none;
padding: 28px 28px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 50%;
gap: 0;
}
.site-header .header-navbar .main-navigation .menu-container > ul li.menu-item-has-children .sub-menu > div:nth-child(2) > ul > li a{
white-space: nowrap;
}
}
@media (min-width: 1440px) {
.numbers-b {
margin-bottom: 120px;
}
.numbers-b .numbers_item {
padding: 40px;
}
.numbers-b .numbers_item h3 {
font-size: 80px;
}
.numbers-b .numbers_item p {
font-size: 28px;
font-weight: 300;
}
}
.page-supply .box-hero-img {
position: relative;
height: 450px;
width: 100%;
margin: 0 auto 40px;
overflow: hidden;
}
.page-supply .hero-img {
display: inline-block;
width: auto;
height: 100%;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.supply-content {
margin-bottom: 40px;
}
.section-supply-hero .section_footer {
text-align: center;
}
.section-supply-hero .btn-catalog {
font-size: 18px;
padding: 17px 50px;
border-radius: 40px;
}
.section-supply-hero .numbers-b {
border-top: 1px solid #D2DCE1;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix {
font-size: 24px;
margin-left: 5px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix sup {
font-size: 14px;
margin-left: 2px;
}
.collapsible-scroll-blocks__item {
padding: 32px 0;
border-bottom: 1px solid #C1C2C3;
}
.collapsible-scroll-blocks__item:first-child {
border-top: 1px solid #C1C2C3;
}
.collapsible-scroll-blocks__item h4 {
color: #0977B7;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 10px;
}
.collapsible-scroll-blocks__item {
display: block;
overflow: hidden;
}
.collapsible-scroll-blocks__item p {
font-size: 18px;
font-weight: 300;
line-height: 140%;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.collapsible-scroll-blocks .collapsible-scroll-blocks__item.close p {
margin-top: -100%;
opacity: 0;
}
.collapsible-scroll-blocks .collapsible-scroll-blocks__item.open p {
margin-top: 0;
opacity: 1;
}
.page-footprint .page-description b {
font-weight: 700;
}
.section-business .links {
margin-bottom: 40px;
}
.section-business .page-heading {
font-size: 36px;
}
.section-business .wrap-content h2,
.section-business .page-description p {
color: #000000;
}
.section-business .links a {
display: block;
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #0977B7;
}
.section-business .links a:hover {
text-decoration: underline;
}
.page-supply .section-business .row .col:nth-child(2) .blocks > li h4 {
color: #0977B7;
}
.details-table {
display: table;
width: 100%;
border: none;
border-top: 1px solid #D2DCE1;
}
.details-table__row {
display: table-row;
}
.details-table__cell {
padding-top: 20px;
padding-bottom: 20px;
display: table-cell;
border-bottom: 1px solid #D2DCE1;
vertical-align: top;
font-weight: 300;
}
.details-table__valign-middle .details-table__cell {
vertical-align: middle;
}
.details-table__cell:first-child {
width: 120px;
padding-right: 30px;
color: #009FE3;
font-size: 56px;
font-weight: 700;
line-height: 1;
}
.details-table__title {
font-size: 18px;
font-weight: 700;
margin-bottom: 4px;
}
.page-template-page-global .section-business .wrap-content,
.page-supply .section-business .wrap-content {
padding: 32px 4px 48px;
border: 1px solid #0977B7;
margin: 0 20px;
}
.page-supply .section-business .page-description {
margin-bottom: 0;
}
.section-mission-hero .link {
font-size: 20px;
font-weight: 500;
margin-bottom: 50px;
}
blockquote {
position: relative;
background-color: #F3FBFF;
padding: 56px 24px 40px;
font-size: 20px;
font-weight: 300;
margin: 70px 0 22px;
}
/*-------------------------section_with-image-overflow------------*/
.section .new-section__heading {
position: relative;
font-weight: 300;
font-size: 36px;
letter-spacing: -0.04em;
color: #231F20;
margin-bottom: 40px;
}
.section .new-section__heading:after {
content: '';
width: 40px;
height: 1px;
background-color: #0977B7;
position: absolute;
left: 0;
bottom: -8px;
}
.section_with-image-overflow .section-thumb img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.section_with-image-overflow .section-thumb {
position: relative;
min-height: 450px;
width: 100%;
}
.section_with-image-overflow .section-thumb-wrap {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section_with-image-overflow .section-content_desk {
display: none;
}
.block-invested {
font-weight: 300;
font-size: 18px;
line-height: 140%;
margin: 78px 20px 52px;
padding: 32px 12px;
border: 1px solid #0977B7;
}
.block-invested .section-description {
padding-top: 34px;
}
.block-invested .big-text {
display: inline-block;
font-weight: 700;
font-size: 56px;
line-height: 129%;
color: #009fe3;
margin-top: 8px;
}
.page-footprint .section-mission-hero {
padding-top: 0;
}
/*------------------scroll-cards-----------------------------------*/
.site-main {
overflow: hidden;
}
.scroll-cards .tns-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.scroll-cards .tns-ovh {
overflow: visible;
}
.scroll-cards .tns-nav button {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 2px;
min-width: 30px;
background-color: #D2DCE1;
}
.scroll-cards .tns-nav .tns-nav-active {
background-color: #0977B7;
}
.scroll-cards .tns-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 24px 20px;
gap: 8px;
}
.scroll-cards .scroll-cards__inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
will-change: transform;
-webkit-transition: .15s;
transition: .15s;
}
.section-ecology {
padding-bottom: 20px;
}
@media (max-width: 1023px) {
.scroll-cards {
margin-left: -4px;
margin-right: -4px;
padding: 0 20px
}
.scroll-cards__item.tns-item {
width: 265px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 265px;
flex-basis: 265px;
padding-left: 8px;
padding-right: 8px;
}
}
.number-count-data {
font-weight: 700;
font-size: 44px;
color: #009FE3;
}
.scroll-cards__thumb {
overflow: hidden;
margin-bottom: 15px;
}
.scroll-cards__thumb img {
width: 100%;
height: auto;
}
.scroll-cards__title {
font-weight: 700;
font-size: 18px;
line-height: 140%;
color: #231F20;
-webkit-transition: .35s;
transition: .35s;
}
.scroll-cards__title a {
color: inherit;
}
/*---------------numbers-row---------------*/
.numbers-row {
border-top: 1px solid #D2DCE1;
}
.numbers-row .col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #D2DCE1;
}
.number-count-data {
width: 55%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.section.rnd-hero {
padding-top: 0;
padding-bottom: 0;
}
.rnd-hero .numbers-row {
margin-bottom: 40px;
padding: 0 20px;
}
.rnd-hero .page-description {
margin-bottom: 40px;
}
.block-title_md {
font-weight: 500;
font-size: 18px;
line-height: 1;
color: #0977B7;
margin-bottom: 16px;
text-transform: uppercase;
}
.content_with-unorder-list ul {
padding-left: 10px;
margin-bottom: 24px;
font-weight: 300;
}
.content_with-unorder-list ul li {
position: relative;
display: block;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1.4;
margin-bottom: 8px;
padding-left: 50px;
}
.content_with-unorder-list ul li:before {
position: absolute;
content: '—';
color: #0977B7;
display: inline-block;
margin-right: 20px;
top: 0;
left: 0;
}
.mosaic-grid {
margin-bottom: 32px;
}
.mosaic-grid ul {
margin-bottom: 0;
}
.mosaic-grid .col {
margin-bottom: 8px;
}
.mosaic-grid__card {
padding: 32px 24px;
background-color: #F3FBFF;
height: 100%;
}
.capabilities .text_md {
display: inline-block;
font-weight: 300;
font-size: 28px;
letter-spacing: -0.01em;
margin-bottom: 24px;
}
.capabilities p {
font-weight: 300;
}
/*------------rnd map------------*/
.map-list-bar {
background-color: #009fe3;
color: white;
padding: 32px 24px;
font-weight: 300;
font-size: 16px;
line-height: 140%;
}
.map-list_item {
position: relative;
display: block;
color: inherit;
margin-bottom: 17px;
padding-left: 35px;
}
.map-list_item:before {
position: absolute;
content: '';
width: 20px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2129_75981)'%3E%3Cpath d='M9.81819 23.7033L2.87564 16.7608C1.50256 15.3877 0.567476 13.6382 0.188649 11.7337C-0.190178 9.82915 0.00426201 7.85505 0.74738 6.06102C1.4905 4.26699 2.74892 2.73361 4.36351 1.65478C5.9781 0.575945 7.87634 0.00012207 9.81819 0.00012207C11.76 0.00012207 13.6583 0.575945 15.2729 1.65478C16.8875 2.73361 18.1459 4.26699 18.889 6.06102C19.6321 7.85505 19.8266 9.82915 19.4477 11.7337C19.0689 13.6382 18.1338 15.3877 16.7607 16.7608L9.81819 23.7033Z' fill='white'/%3E%3Crect x='3.75' y='3.75' width='12' height='12' rx='6' fill='%23009FE3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2129_75981'%3E%3Crect width='19.6364' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
left: 0;
right: 0;
}
.map-list_item h4 {
font-weight: 700;
font-size: 20px;
margin-bottom: 5px;
}
.section-rnd-center .svg-map {
display: block;
width: 100%;
height: auto;
}
.collapsible-scroll-blocks__body-wrap {
overflow: hidden;
}
.collapsible-scroll-blocks__body {
visibility: hidden;
-webkit-transition: .7s linear;
transition: .7s linear;
}
.collapsible-scroll-blocks__item {
overflow: hidden;
}
.collapsible-scroll-blocks__item_closed .collapsible-scroll-blocks__body {
margin-top: -100%;
pointer-events: none;
opacity: 0;
}
.collapsible-scroll-blocks__item_open .collapsible-scroll-blocks__body {
visibility: visible;
margin-top: 0;
opacity: 1;
}
.section-efficient .details-table__cell:first-child {
font-size: 48px;
white-space: nowrap;
}
.section-program {
padding-bottom: 0;
}
.section-program .page-description.text_sm {
margin-bottom: 40px;
}
.btn {
border-radius: 40px;
padding: 17px 40px;
font-weight: 500;
font-size: 18px;
color: #ffffff;
-webkit-transition: .35s;
transition: .35s;
display: inline-block;
text-align: center;
cursor: pointer;
}
.btn-success {
background-color: #2AA966;
}
.btn-success:hover {
background-color: #117440;
}
.btn-success:active {
background-color: #0E502D;
}
/*--------------page-careers--------------------------------------------*/
.filter-job-location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
padding-top: 24px;
padding-bottom: 40px;
}
.filter-job-location__item {
display: inline-block;
background-color: #ffffff;
font-weight: 400;
font-size: 13px;
line-height: 154%;
color: #0977B7;
border-radius: 20px;
padding: 8px 12px 9px;
border: 1px solid #0977B7;
-webkit-transition: .35s;
transition: .35s;
}
.filter-job-location__item:hover {
box-shadow: 0 0 0 1px rgba(9, 119, 183, 1);
-webkit-box-shadow: 0 0 0 1px rgba(9, 119, 183, 1);
-moz-box-shadow: 0 0 0 1px rgba(9, 119, 183, 1);
}
.filter-job-location__item.active {
color: #053057;
background-color: #CCECF9;
border-color: #CCECF9;
}
.leadership-list,
.job-list {
position: relative;
}
.job-card__heading h3 {
font-weight: 300;
font-size: 28px;
letter-spacing: -0.01em;
}
.job-card__heading .sub-title {
display: inline-block;
font-weight: 300;
font-size: 20px;
line-height: 140%;
color: #63666A;
margin-bottom: 8px;
}
.collapse-content {
padding-top: 16px;
padding-bottom: 40px;
}
.job-card {
position: relative;
padding: 32px 0;
font-weight: 300;
}
.leadership-list:before,
.leadership-card:after,
.job-list:before,
.job-card:after {
position: absolute;
content: '';
display: block;
background-color: #D2DCE1;
height: 1px;
width: calc(100% - 40px);
left: 50%;
transform: translateX(-50%);
}
.leadership-list:before,
.job-list:before {
top: 0;
}
.leadership-card:after,
.job-card:after {
bottom: 0;
}
.job-card .text-intro p {
-webkit-box-orient: vertical;
display: block;
display: -webkit-box;
overflow: hidden !important;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
}
.post-release.show .text-intro:before {
display: none;
}
.post-release.show .text-intro p,
.job-card.show .text-intro p {
text-overflow: initial;
-webkit-line-clamp: initial;
}
.leadership-card.show .show-more .icon-show:after,
.job-card.show .show-more .icon-show:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.job-card .text-intro {
margin-bottom: 24px;
font-size: 18px;
}
.collapse-content.content_with-unorder-list ul {
margin-bottom: 40px;
}
.collapse-content.content_with-unorder-list ul > li {
margin-bottom: 20px;
}
.collapse-content.content_with-unorder-list ul > li:last-child {
margin-bottom: 0;
}
.show-more {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #231F20;
font-weight: 500;
font-size: 18px;
}
.leadership-card .collapse-content,
.collapse-content {
height: 0;
overflow: hidden;
-webkit-transition: opacity 2s;
transition: opacity 2s;
opacity: 0;
visibility: hidden;
display: none;
}
.post-release.show .collapse-content,
.leadership-card.show .collapse-content,
.job-card.show .collapse-content {
height: auto;
opacity: 1;
visibility: visible;
-webkit-transition: 2s;
transition: 2s;
display: block;
}
.icon-show {
position: relative;
display: inline-block;
margin-left: 12px;
border-radius: 50%;
width: 31px;
height: 31px;
border: 1px solid #0977B7;
padding: 7px;
}
.icon-show:after,
.icon-show:before {
position: absolute;
content: '';
background-color: #0977B7;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.icon-show:before {
width: 17px;
height: 1px;
}
.icon-show:after {
width: 1px;
height: 17px;
}
.show-more:hover {
color: #0977B7;
}
.show-more:hover > .icon-show {
box-shadow: 0 0 0 1px rgba(9, 119, 183, 1);
-webkit-box-shadow: 0 0 0 1px rgba(9, 119, 183, 1);
-moz-box-shadow: 0 0 0 1px rgba(9, 119, 183, 1);
}
.hero-infinite-img-wrap img {
height: auto;
display: block;
margin-left: -20px;
width: calc(100% + (100vw - 100%) / 2);
}
.careers-count .col p {
font-weight: 500;
}
.careers-count-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.section-careers {
padding-top: 0;
}
.section-careers .box-hero-img-col {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.careers-count-col .btn {
margin: 40px auto 40px;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 320px;
}
.section-careers .box-hero-content .btn {
display: none;
}
.section-provide {
padding-bottom: 0;
}
.section-footprint-hero,
.section-global-hero {
padding-top: 0;
}
.section-footprint-hero .link {
display: none;
font-weight: 500;
font-size: 18px;
color: #000000;
}
.scroll-cards__title {
position: relative;
}
.section-ecology .scroll-cards__title:after {
position: absolute;
content: '';
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
-webkit-transition: .2s;
transition: .2s;
width: 14px;
height: 14px;
bottom: 0;
right: 0;
z-index: 1;
}
.section-ecology .scroll-cards__item:hover .scroll-cards__title,
.section-ecology .scroll-cards__item:focus .scroll-cards__title {
color: #0977B7;
}
.section-ecology .scroll-cards__item:hover .scroll-cards__title:after {
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml,');
}
.show-more .text-less {
display: none;
}
.show-more .text-more {
display: inline-block;
}
.show .show-more .text-more {
display: none;
}
.show .show-more .icon-show:after {
display: none;
}
.show .show-more .text-less {
display: inline-block;
}
.page-supply .section-business .btn-catalog {
font-size: 18px;
padding: 17px 24px;
}
.btn.btn-send-resume {
text-align: center;
font-size: 20px;
min-width: 320px;
}
.simple-tabs {
position: relative;
}
.simple-tabs .simple-tabs__content {
display: none;
-webkit-animation: fadeInOut 0.5s ease-in-out;
animation: fadeInOut 0.5s ease-in-out;
}
.section-supply-hero .btn-catalog {
min-width: 320px;
}
@-webkit-keyframes fadeInOut {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes fadeInOut {
0% {
opacity: 0;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@media (max-width: 360px) {
.btn.btn-send-resume {
min-width: 10px;
}
.section .new-section__heading {
font-size: 33px;
}
}
@media (min-width: 576px) {
.section-supply-hero .numbers_item h3 {
min-width: 65%;
}
}
@media (min-width: 768px) {
.hero-infinite-img-wrap img {
margin-left: 0;
}
}
@media (min-width: 1024px) {
.careers-count-col {
padding-left: 0;
padding-right: 0;
}
.job-card__body .content_with-unorder-list ul {
padding-left: 60px;
}
.scroll-cards .tns-nav {
display: none;
}
.section-careers .box-hero-content .btn {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.careers-count-col .number-count-data {
font-size: 56px;
}
.careers-count-col .btn {
display: none !important;
}
.careers-count-col {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: 55px;
margin-left: auto;
}
.section-careers .box-hero-img-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.hero-infinite-img-wrap {
position: relative;
height: calc(100vh - 72px);
}
.section .hero-infinite-img-wrap img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
width: calc(100% + (100vw - 150%) / 2);
height: 100%;
display: block;
}
.btn {
min-width: auto;
}
.btn.btn-send-resume {
min-width: 285px;
}
.section-business .links {
margin-bottom: 28px;
}
.section-supply-hero .numbers-b {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
gap: 25px 0;
border: none;
}
.supply-content {
max-width: 85%;
margin-bottom: 16px;
}
.section-supply-hero .page-description.text_sm {
margin-bottom: 48px;
}
.section-supply-hero .numbers-b .numbers_item {
border: none;
width: 50%;
padding: 40px 0;
}
.page-supply .box-hero-img {
max-width: 1440px;
width: 100vw;
height: 561px;
margin: 0 auto 64px;
}
.page-supply .box-hero-img {
max-width: 1440px;
width: 100vw;
height: 561px;
margin: 0 auto 64px;
}
.section-supply-hero .btn-catalog {
padding: 17px 24px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix {
font-size: 32px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix sup {
font-size: 18px;
}
.collapsible-scroll-blocks__item h4 {
font-size: 28px;
}
.page-supply .section-business .wrap-content {
padding: 64px 42px 67px;
}
.section-business .page-description p:not(:last-child) {
font-size: 18px;
}
.page-supply .section-business .row .col:nth-child(n) .blocks > li h4 {
width: 100%;
}
.section-business .page-heading,
.section-excellence .page-heading {
font-size: 44px;
}
.page-supply .section-business .row .col:nth-child(2) .blocks {
margin-bottom: 0;
}
/*--------------section_with-image-overflow----------------*/
.section_with-image-overflow .section-thumb-wrap {
width: calc(100% + (100vw - 150%) / 2);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section .new-section__heading {
font-size: 44px;
border: none;
}
.section .new-section__heading::after {
width: 80px;
}
.section_with-image-overflow .section-content_mob {
display: none;
}
.section_with-image-overflow .section-content_desk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-content_desk .page-description:last-child {
margin-bottom: 0;
}
.block-invested {
padding: 62px 42px;
margin: 70px 20px;
}
.block-invested .col:first-child {
font-size: 24px;
}
.block-invested .big-text {
font-size: 80px;
line-height: 72px;
margin-top: 24px;
margin-bottom: 8px;
}
.block-invested .section-description {
padding-top: 0;
}
.numbers-row {
border: none;
padding: 0 20px;
}
.numbers-row .col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: none;
}
.number-count-data {
width: 100%;
font-size: 64px;
}
.section-innovations {
padding-bottom: 40px;
}
.mosaic-grid {
margin-bottom: 16px;
}
.mosaic-grid .col {
margin-bottom: 40px;
}
.mosaic-grid__card {
padding: 28px 20px;
}
.block-title_md {
font-size: 20px;
}
.job-card .block-title_md {
font-size: 24px;
}
.map-list-bar {
display: none;
}
.map-wrap {
position: relative;
padding-top: 64.5%;
}
.map-wrap picture {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc(100% + (100vw - 133%) / 2);
}
.section-rnd-center img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: 1200px;
}
.rnd-hero .row:nth-child(2) .page-description {
margin-top: -50px;
}
.rnd-hero .page-description {
margin-bottom: 40px;
}
.section.rnd-hero {
padding-bottom: 16px;
}
.section.section-laboratories {
padding-top: 0;
}
.section-ecology {
padding-bottom: 40px;
}
.page-footprint .section-mission-hero {
margin-bottom: 70px;
}
.section-efficient .details-table__cell:first-child {
width: 50%;
font-size: 56px;
}
.scroll-cards__item .col {
padding-left: 4px;
padding-right: 4px;
}
blockquote {
font-size: 24px;
padding: 56px 152px 56px 156px;
margin: 140px 0 40px;
}
blockquote:before {
top: 32px;
left: 56px;
}
.careers-count .col {
border-right: 1px solid #0977B7;
padding: 8px 40px 12px 24px;
}
.section-footprint-hero {
padding-bottom: 0;
margin-bottom: 70px;
}
.section-footprint-hero .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rnd-hero .numbers-row {
padding: 0;
}
/*----- careers --------*/
.filter-job-location__item {
font-size: 16px;
padding: 11px 20px;
line-height: 1;
border-radius: 20px;
}
.careers-count .col:first-child {
border-left: 1px solid #0977B7;
}
.job-card {
padding: 32px 0;
}
.job-card .text-intro p {
margin-bottom: 24px;
}
.collapse-content {
padding-top: 36px;
padding-bottom: 56px;
}
.collapse-content.content_with-unorder-list ul {
margin-bottom: 56px;
}
/*------site-header---------*/
.site-header .header-navbar .language-switcher {
margin-left: 15px;
margin-right: 5px;
}
.site-header .col-md-2 {
width: 110px;
}
.site-header .col-md-10 {
flex-grow: 1;
}
.site-header .header-navbar .main-navigation .menu-container > ul li {
flex-shrink: 0;
}
.site-header .header-navbar .main-navigation .menu-container > ul {
gap: 4px;
}
.btn {
padding: 17px 24px;
}
.js-scroll-cards-section {
padding-bottom: 70px;
}
}
@media (min-width: 1440px) {
.btn {
font-size: 20px;
}
.page-description.text_sm {
font-size: 20px;
}
/*----------site header ----------------*/
.site-header .header-navbar .language-switcher {
margin-left: 64px;
margin-right: 16px;
}
.site-header .col-md-2 {
width: 16.6666666667%;
}
.site-header .col-md-10 {
flex-grow: 0;
}
.site-header .header-navbar .main-navigation .menu-container > ul li {
flex-shrink: 1;
}
.site-header .header-navbar .main-navigation .menu-container > ul {
gap: 8px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix {
font-size: 40px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix sup {
font-size: 22px;
}
.section-supply-hero .header-h1 {
margin-top: 26px;
}
.section-supply-hero .numbers-b {
gap: 46px 0;
}
.collapsible-scroll-blocks__body-wrap {
font-size: 20px;
}
.section-supply-hero .numbers-b .numbers_item {
padding: 40px 0;
}
.section-supply-hero .box-hero-img {
height: 610px;
margin: 0 auto 80px;
}
.supply-content {
margin-bottom: 32px;
}
.collapsible-scroll-blocks__item h4 {
font-size: 32px;
}
.collapsible-scroll-blocks__body p {
font-size: 20px;
}
.collapsible-scroll-blocks h4 {
font-size: 32px;
}
.page-supply .section-business .wrap-content {
padding: 79px 86px;
}
.section-business .page-description p:not(:last-child) {
font-size: 20px;
}
.section-supply-hero .btn-catalog,
.page-supply .section-business .btn-catalog {
font-size: 20px;
}
.page-supply .section-business .row .col:nth-child(n) .blocks > li p {
width: 100%;
}
.page-supply .section-business .row .col:nth-child(2) .blocks {
margin-bottom: 0;
}
.section-business .page-heading {
font-size: 56px;
}
.page-supply .section-business {
padding-top: 80px;
padding-bottom: 80px;
}
.section-program {
padding-bottom: 8px;
}
.section-ecology {
padding-bottom: 80px;
}
.scroll-cards__title {
position: relative;
}
.section .new-section__heading {
font-size: 56px;
}
.section_with-image-overflow .page-description {
font-size: 20px;
margin-bottom: 0;
}
.section_with-image-overflow .section-thumb {
min-height: 703px;
}
.section-rnd-center .page-heading,
.section-innovations .page-heading,
.section-excellence .page-heading {
font-size: 56px;
}
.details-table__cell,
.details-table__title {
font-size: 20px;
}
/*--------------------*/
.block-invested {
padding: 100px 85px;
margin: 80px 20px;
}
.block-invested .big-text {
margin-bottom: 0;
}
.block-invested .col:first-child {
font-size: 28px;
line-height: 39px;
}
.block-invested .section-description {
font-size: 20px;
line-height: 28px;
}
.section-details {
padding-bottom: 80px;
}
.section-footprint-hero {
margin-bottom: 80px;
}
.section-footprint-hero .link {
font-size: 20px;
}
.number-count-data {
font-size: 80px;
line-height: 72px;
}
.numbers-row p {
font-weight: 300;
font-size: 28px;
letter-spacing: -0.01em;
}
.rnd-hero .row:nth-child(2) .page-description {
margin-top: -68px;
}
.section.rnd-hero {
padding-bottom: 26px;
}
.section-innovations {
padding-bottom: 80px;
}
.mosaic-grid .content_with-unorder-list ul {
padding-left: 16px;
}
.mosaic-grid__card {
padding: 48px 40px;
}
.content_with-unorder-list {
font-size: 20px;
}
.capabilities .text_md {
font-size: 28px;
}
.capabilities p {
font-size: 20px;
}
.content_with-unorder-list ul {
padding-left: 56px;
}
.map-wrap {
padding-top: 64.5%;
}
.map-wrap picture {
width: calc(100% + (100vw - 150%) / 2);
}
.scroll-cards__title {
padding-right: 20px;
font-size: 20px;
}
.scroll-cards__item .col {
position: relative;
-webkit-transition: .35s;
transition: .35s;
padding-left: 17px;
padding-right: 17px;
}
.section_with-image-overflow img {
max-width: 1060px;
}
.section-efficient .details-table__cell:first-child {
width: 35%;
}
blockquote {
font-size: 28px;
padding: 100px 105px 100px 185px;
margin: 180px 0 80px;
}
blockquote:before {
top: 80px;
left: 85px;
}
/*----- careers --------*/
.careers-count .numbers-row p {
font-size: 20px;
}
.careers-count-col.col-xl-8 {
padding-left: 20px;
padding-right: 20px;
}
.careers-count-col .number-count-data {
font-size: 80px;
line-height: 94px;
}
.careers-count-col {
margin-top: 100px;
}
.careers-count .col {
padding: 40px;
}
.job-card {
padding: 40px 0;
}
.section-careers {
padding-bottom: 80px;
}
.job-card__heading h3 {
font-size: 40px;
}
.job-card .text-intro {
font-size: 20px;
}
.show-more {
font-size: 20px;
}
.block-title_md {
font-size: 24px;
}
.section-vacancies {
padding-bottom: 80px;
}
.new-section__heading {
font-size: 56px;
}
.js-scroll-cards-section {
padding-bottom: 80px;
}
.section-mission-hero .box-hero-img.mission-image,
.section-mission-hero .box-hero-img {
max-height: 100%;
}
}
@media (min-width: 1520px) {
.section-mission-hero .box-hero-img,
.box-hero-img {
min-height: 703px;
width: 100%;
max-height: 740px;
}
.section .hero-infinite-img-wrap img {
width: 100%;
max-height: 740px;
}
.section-mission-hero .box-hero-img img {
max-height: 740px;
}
.section-mission-hero .col,
.section-mission-hero {
max-height: 740px;
min-height: 100%;
}
.section_with-image-overflow .section-thumb-wrap {
max-height: 740px;
width: 100%;
}
.section-mission-hero .box-hero-img.mission-image {
max-width: 100%;
max-height: 740px;
}
}
blockquote:before {
position: absolute;
content: '';
background-image: url('data:image/svg+xml,');
top: 20px;
left: 24px;
width: 30px;
height: 21px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
font-size: 0;
line-height: 0;
z-index: 1;
}
@media (min-width: 1024px) {
blockquote:before {
height: 43px;
width: 52px;
top: 46px;
left: 64px;
font-size: 0;
line-height: 0;
}
}
@media (min-width: 1440px) {
blockquote:before {
top: 85px;
left: 92px;
font-size: 0;
line-height: 0;
}
}
@media (max-width: 360px) {
.careers-count-col .btn {
min-width: 0;
}
}
@media (min-width: 1520px) {
.section-mission-hero .col, .section-mission-hero {
max-height: 775px;
}
}
/*---------- interactive-map------------*/
.interactive-map {
margin-top: 40px;
margin-bottom: 50px;
}
.interactive-map__sidebar {
padding: 32px 24px 32px 24px;
background-color: #009FE3;
color: #ffffff;
z-index: 3;
}
.interactive-map__wrap {
position: relative;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
overflow: hidden;
}
@media (max-width: 767px) {
.interactive-map__wrap,
.interactive-map__wrap .map {
min-height: 380px;
}
}
.interactive-map__wrap img,
.interactive-map__wrap iframe {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.interactive-map__list-item {
position: relative;
padding-left: 36px;
font-size: 14px;
line-height: 20px;
font-weight: 300;
margin-bottom: 17px;
}
.interactive-map__list-item:last-child {
margin-bottom: 0;
}
.interactive-map__list-item .link {
font-size: 20px;
font-weight: 300;
line-height: 23.44px;
color: #ffffff;
white-space: nowrap;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.interactive-map__list-item .link:hover,
.interactive-map__list-item .link:focus,
.interactive-map__list-item .link.active {
font-weight: 700;
}
.interactive-map__list-item .contacts a {
color: #ffffff;
}
.interactive-map__list-item .icon {
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 20px;
height: 24px;
}
.interactive-map__list-item .icon svg {
display: inline-block;
width: 100%;
height: auto;
}
.interactive-map__list-item:hover .icon svg .scale-round {
-webkit-transition: .35s;
-o-transition: .35s;
transition: .35s;
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.interactive-map__list-item .link::after {
content: url('data:image/svg+xml,');
}
.interactive-map__list-item:first-child .link {
font-weight: 700;
margin-bottom: 5px;
}
.interactive-map__list-item:first-child .link::after {
content: none;
}
.interactive-map__list-item span {
display: block;
}
.interactive-map__list-item .country {
font-size: 16px;
line-height: 18.75px;
margin-bottom: 3px;
}
.map-info {
margin-bottom: 8px;
}
.map-info:last-child {
margin-bottom: 0;
}
.slide-panel-info {
position: fixed;
background-color: #ffffff;
left: 0;
top: 0;
bottom: 0;
width: 100%;
display: flex;
flex-direction: column;
max-width: 480px;
padding: 22px 10px;
color: #231F20;
overflow-y: auto;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: -1;
opacity: 0;
}
.slide-panel-info.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 600;
opacity: 1;
}
.slide-panel-info__inner {
flex-grow: 1;
overflow-y: auto;
}
.slide-panel-info ul {
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.slide-panel-info ul li {
padding-bottom: 23px;
border-bottom: 1px solid #D2DCE1;
margin-bottom: 23px;
}
.slide-panel-info .title {
color: #0977B7;
font-size: 36px;
font-weight: 200;
line-height: normal;
letter-spacing: -1.44px;
position: relative;
margin-bottom: 24px;
}
.slide-panel-info .title::after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 1px;
background-color: #009EE0;
left: 0;
bottom: 8px;
}
.offices-panel .title {
margin: 0 10px 14px;
}
.interactive-map .close {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
border-radius: 50px;
background-color: transparent;
height: 24px;
width: 24px;
top: 12px;
right: 14px;
}
.interactive-map .close img {
width: 100%;
height: auto;
display: inline-block;
}
.interactive-map .close .img-close-desk {
display: none;
}
.country-list__heading {
font-weight: 700;
font-size: 18px;
line-height: 21px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4px;
}
.country-list__heading .icon {
width: 32px;
height: 24px;
margin-right: 8px;
}
.country-list__content {
font-size: 16px;
line-height: 22.4px;
}
.country-list__content .address {
display: inline-block;
font-weight: 300;
margin-bottom: 16px;
}
.country-list__content .contacts-info {
font-weight: 500;
}
.country-list__content a {
color: #0977B7;
}
.offices-panel ul li {
border: none;
padding-bottom: 0;
margin-bottom: 8px;
}
.offices-panel .country-list__heading {
position: relative;
width: 100%;
padding: 10px 0;
border-radius: 8px;
}
.offices-panel .country-list__content {
display: none;
}
.offices-panel .country-list__content.show {
display: block;
padding-bottom: 6px;
}
.offices-panel .country-list__heading:before {
position: absolute;
display: block;
content: '';
left: -10px;
right: -10px;
top: 0;
bottom: 0;
border-radius: 8px;
z-index: -1;
}
.offices-panel .country-list__heading:hover:before {
background-color: #E6F5FC;
}
.offices-panel .icon-toggle {
position: relative;
width: 28px;
height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
cursor: pointer;
}
.offices-panel .icon-toggle:before {
position: absolute;
content: url('data:image/svg+xml,');
display: block;
}
.offices-panel .icon-toggle.show {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.export-panel .title {
margin-bottom: 16px;
}
.export-panel ul li {
border: none;
padding: 8px 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
}
.popover-country-info {
position: absolute;
max-width: 320px;
width: 100%;
padding: 20px;
background-color: #ffffff;
visibility: hidden;
opacity: 0;
-webkit-transition: .35s;
-o-transition: .35s;
transition: .35s;
bottom: 0;
z-index: 100;
}
.popover-country-info:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 5px 0;
border-color: transparent #ffffff transparent transparent;
left: -4px;
top: 50%;
transform: translateY(-50%);
}
.popover-country-info.show {
visibility: visible;
opacity: 1;
}
.popover-country-info .address:last-child {
margin-bottom: 0;
}
.prevent-mob-scroll {
overflow-y: hidden !important;
position: relative;
height: 100%;
}
@media (min-width: 1024px) {
.prevent-mob-scroll {
overflow-y: visible !important;
}
.interactive-map {
overflow: hidden;
}
.interactive-map .col {
padding: 0;
}
.interactive-map .col:last-child {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.interactive-map__wrap {
background-size: cover;
width: calc(100% + (100vw - 150%) / 2);
}
.interactive-map__wrap .map > svg {
}
.interactive-map__sidebar {
position: relative;
height: 100%;
padding: 40px 28px 40px 8px;
}
.interactive-map__sidebar:before {
position: absolute;
content: '';
display: block;
right: 0;
top: 0;
bottom: 0;
left: -30vw;
background-color: #009FE3;
z-index: 0;
}
.interactive-map__wrap img, .interactive-map__wrap iframe {
height: calc(100% - 140px);
top: 50%;
transform: translateY(-50%);
}
.interactive-map__list-item {
font-size: 16px;
margin-bottom: 24px;
}
.interactive-map__sidebar .address {
line-height: 23px;
}
.interactive-map__sidebar .contacts {
line-height: 26px;
}
.popover-country-info {
max-width: 282px;
}
.map-info {
margin-bottom: 16px;
}
.interactive-map .close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 12px;
top: 20px;
right: 25px;
}
.interactive-map .close .img-close-mob {
display: none;
}
.interactive-map .close .img-close-desk {
display: inline-block;
}
.slide-panel-info {
position: absolute;
left: auto;
right: 0;
top: 0;
bottom: 0;
padding: 40px 28px;
width: auto;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
color: #000000;
background-color: #E1F6FF;
z-index: -1;
min-height: 100%;
overflow: auto;
}
.slide-panel-info.offices-panel {
overflow: auto !important;
}
.export-panel {
height: 100%;
max-height: 100%;
overflow: auto;
white-space: nowrap;
}
.slide-panel-info.active {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.slide-panel-info .icon-toggle,
.slide-panel-info .country-list__content,
.slide-panel-info .title {
display: none;
}
.slide-panel-info ul {
padding: 0;
overflow: initial;
height: auto;
}
.slide-panel-info ul li {
border: none;
padding: 8px;
margin-bottom: 8px;
border-radius: 8px;
-webkit-transition: .35s;
-o-transition: .35s;
transition: .35s;
cursor: pointer;
}
.slide-panel-info .country-list__heading {
margin-bottom: 0;
padding: 0;
}
.slide-panel-info ul li:hover {
background-color: #CCECF9;
}
.slide-panel-info__inner {
overflow: visible;
}
.export-panel ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
width: max-content;
}
.export-panel ul li {
margin-bottom: 0;
padding: 5px 8px;
font-size: 13px;
}
.popover-country-export {
width: auto;
}
.close-popover {
min-width: 282px;
padding: 25px 30px;
display: none !important;
}
}
@media (min-width: 1440px) {
.interactive-map__list-item .link {
font-size: 28px;
line-height: 32.81px;
}
.interactive-map__list-item .link:after {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
height: 26px;
}
.interactive-map__list-item:first-child .link {
font-weight: 300;
margin-bottom: 5px;
}
.interactive-map__list-item .country {
font-size: 18px;
}
.interactive-map__sidebar .address {
margin-bottom: 12px;
}
.export-panel ul li {
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
}
.interactive-map__sidebar {
min-width: 382px;
padding-left: 0;
padding-right: 58px;
}
.interactive-map__list-links {
margin-left: 20px;
}
.interactive-map__list-item {
padding-left: 0;
}
.interactive-map__list-item .icon {
left: -32px;
}
.interactive-map__wrap {
width: calc(100% + (100vw - 130%) / 2);
}
}
@media (min-width: 1920px) {
.interactive-map__wrap img, .interactive-map__wrap iframe {
height: auto;
max-height: calc(100% - 70px);
}
}
/*------------- page Global Presence ------------*/
.section.section-global-hero {
padding-top: 26px;
}
.section-global-hero .page-description {
margin-bottom: 16px;
}
.section-global-hero .link {
font-weight: 500;
font-size: 18px;
color: #000000;
margin-bottom: 12px;
}
.section-global-hero .link:last-child {
margin-bottom: 0;
}
.global-content {
margin-bottom: 40px;
}
.section-global-hero .numbers-b {
border-top: 1px solid #d2dce1;
margin-bottom: 0;
}
.section-global-hero .numbers_item h3 {
font-size: 56px;
letter-spacing: -0.04em;
}
.section-global-hero .numbers_item p {
line-height: 120%;
}
.section-reach .page-heading {
font-size: 36px;
margin-bottom: 24px;
}
.section-reach .page-description {
margin-bottom: 32px;
}
.section-reach .numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-top: 1px solid #d2dce1;
border-bottom: 1px solid #d2dce1;
padding-top: 24px;
padding-bottom: 53px;
margin-bottom: 32px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-reach .numbers_item {
width: auto;
padding-right: 30px;
min-width: 72px;
margin-right: 20px;
}
.section-reach .numbers_item:last-child {
padding-right: 0;
margin-right: 0;
}
.section-reach .numbers_item h3 {
font-size: 36px;
line-height: 140%;
color: #009fe3;
}
.section-reach .numbers_item p {
font-size: 16px;
line-height: 120%;
margin-top: -5px;
}
.section-reach .page-description b {
font-weight: 700;
}
.section-reach .block-contacts h3 {
font-weight: 700;
font-size: 18px;
line-height: 120%;
color: #231F20;
margin-bottom: 8px;
}
.section-reach .block-contacts p {
font-weight: 300;
font-size: 18px;
line-height: 140%;
}
.section.section-reach {
padding-top: 42px;
padding-bottom: 50px;
}
.site-header .header-navbar {
-webkit-transition: top 0.5s ease-in-out;
transition: top 0.5s ease-in-out;
}
@media (max-width: 360px) {
.section .new-section__heading {
font-size: 33px;
}
}
@media (min-width: 576px) {
.section-supply-hero .numbers_item h3 {
min-width: 65%;
}
}
@media (min-width: 768px) {
.hero-infinite-img-wrap img {
margin-left: 0;
}
}
@media (min-width: 1024px) {
.section.section-global-hero {
padding-top: 0;
}
.careers-count-col {
padding-left: 0;
padding-right: 0;
}
.job-card__body .content_with-unorder-list ul {
padding-left: 60px;
}
.scroll-cards .tns-nav {
display: none;
}
.section-careers .box-hero-content .btn {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.careers-count-col .number-count-data {
font-size: 56px;
}
.careers-count-col .btn {
display: none !important;
}
.careers-count-col {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: 55px;
margin-left: auto;
}
.section-careers .box-hero-img-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.hero-infinite-img-wrap {
position: relative;
height: calc(100vh - 72px);
}
.section .hero-infinite-img-wrap img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
width: calc(100% + (100vw - 150%) / 2);
height: 100%;
display: block;
}
.btn {
min-width: auto;
}
.btn.btn-send-resume {
min-width: 285px;
}
.section-business .links {
margin-bottom: 28px;
}
.section-supply-hero .numbers-b {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
gap: 25px 0;
border: none;
}
.supply-content {
max-width: 85%;
margin-bottom: 16px;
}
.section-supply-hero .page-description.text_sm {
margin-bottom: 48px;
}
.section-supply-hero .numbers-b .numbers_item {
border: none;
width: 50%;
padding: 40px 0;
}
.page-supply .box-hero-img {
max-width: 1440px;
width: 100vw;
height: 561px;
margin: 0 auto 64px;
}
.page-supply .box-hero-img {
max-width: 1440px;
width: 100vw;
height: 561px;
margin: 0 auto 64px;
}
.section-supply-hero .btn-catalog {
padding: 17px 24px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix {
font-size: 32px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix sup {
font-size: 18px;
}
.collapsible-scroll-blocks__item h4 {
font-size: 28px;
}
.page-global .section-business .wrap-content,
.page-supply .section-business .wrap-content {
padding: 64px 42px 67px;
}
.section-business .page-description p:not(:last-child) {
font-size: 18px;
}
.page-supply .section-business .row .col:nth-child(n) .blocks > li h4 {
width: 100%;
}
.section-business .page-heading,
.section-excellence .page-heading {
font-size: 44px;
}
.page-supply .section-business .row .col:nth-child(2) .blocks {
margin-bottom: 0;
}
/*--------------section_with-image-overflow----------------*/
.section_with-image-overflow .section-thumb-wrap {
width: calc(100% + (100vw - 150%) / 2);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section .new-section__heading {
font-size: 44px;
border: none;
}
.section .new-section__heading::after {
width: 80px;
}
.section_with-image-overflow .section-content_mob {
display: none;
}
.section_with-image-overflow .section-content_desk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-content_desk .page-description:last-child {
margin-bottom: 0;
}
.block-invested {
padding: 62px 42px;
margin: 70px 20px;
}
.block-invested .col:first-child {
font-size: 24px;
}
.block-invested .big-text {
font-size: 80px;
line-height: 72px;
margin-top: 24px;
margin-bottom: 8px;
}
.block-invested .section-description {
padding-top: 0;
}
.numbers-row {
border: none;
padding: 0 20px;
}
.numbers-row .col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: none;
}
.number-count-data {
width: 100%;
font-size: 64px;
}
.mosaic-grid {
margin-bottom: 16px;
}
.mosaic-grid .col {
margin-bottom: 40px;
}
.mosaic-grid__card {
padding: 28px 20px;
}
.block-title_md {
font-size: 20px;
}
.job-card .block-title_md {
font-size: 24px;
}
.map-list-bar {
display: none;
}
.map-wrap {
position: relative;
padding-top: 64.5%;
}
.map-wrap picture {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc(100% + (100vw - 133%) / 2);
}
.section-rnd-center img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: 1130px;
}
.rnd-hero .row:nth-child(2) .page-description {
margin-top: -50px;
}
.rnd-hero .page-description {
margin-bottom: 40px;
}
.section.rnd-hero {
padding-bottom: 16px;
}
.section.section-laboratories {
padding-top: 0;
}
.section-ecology {
padding-bottom: 40px;
}
.page-footprint .section-mission-hero {
margin-bottom: 70px;
}
.section-efficient .details-table__cell:first-child {
width: 50%;
font-size: 56px;
}
.scroll-cards__item .col {
padding-left: 4px;
padding-right: 4px;
}
blockquote {
font-size: 24px;
padding: 56px 152px 56px 156px;
margin: 140px 0 40px;
}
blockquote:before {
font-size: 160px;
top: 32px;
left: 56px;
}
.careers-count .col {
border-right: 1px solid #0977B7;
padding: 8px 40px 12px 24px;
}
.section-footprint-hero {
padding-bottom: 0;
margin-bottom: 70px;
}
.section-footprint-hero .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rnd-hero .numbers-row {
padding: 0;
}
/*----- careers --------*/
.filter-job-location__item {
font-size: 16px;
padding: 11px 20px;
line-height: 1;
border-radius: 20px;
}
.careers-count .col:first-child {
border-left: 1px solid #0977B7;
}
.job-card {
padding: 32px 0;
}
.job-card .text-intro p {
margin-bottom: 24px;
}
.collapse-content {
padding-top: 36px;
padding-bottom: 56px;
}
.collapse-content.content_with-unorder-list ul {
margin-bottom: 56px;
}
/*------site-header---------*/
.site-header .header-navbar .language-switcher {
margin-left: 15px;
margin-right: 5px;
}
.site-header .col-md-2 {
width: 110px;
}
.site-header .col-md-10 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.site-header .header-navbar .main-navigation .menu-container > ul li {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.site-header .header-navbar .main-navigation .menu-container > ul {
gap: 4px;
margin-left: 0;
}
.btn {
padding: 17px 24px;
}
.js-scroll-cards-section {
padding-bottom: 70px;
}
/* ----------- page Global Presence -----------------*/
.section-global-hero .numbers-b {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 70px 0;
border: none;
}
.global-content {
padding-right: 85px;
margin-bottom: 0;
}
.section-global-hero .numbers_item h3 {
font-weight: 700;
font-size: 64px;
}
.section-global-hero .page-description {
margin-bottom: 56px;
}
.section-global-hero .numbers-b .numbers_item {
border: none;
width: 50%;
padding: 28px 46px 0 0;
}
.section.section-reach {
padding-top: 70px;
padding-bottom: 70px;
}
.section-reach .page-heading {
font-size: 44px;
}
.section-reach .link {
font-weight: 500;
}
.mapael .map {
height: 100%;
}
.interactive-map__wrap .map > svg,
.interactive-map__wrap {
min-height: 100%;
}
.country-list__heading {
font-size: 16px;
font-weight: 400;
}
}
@media (min-width: 1200px) {
.export-panel ul li {
font-size: 16px;
}
}
@media (min-width: 1440px) {
.btn {
font-size: 20px;
}
.page-description.text_sm {
font-size: 24px;
}
/*----------site header ----------------*/
.site-header .header-navbar .language-switcher {
margin-left: 64px;
margin-right: 16px;
}
.site-header .col-md-2 {
width: 16.6666666667%;
}
.site-header .col-md-10 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.site-header .header-navbar .main-navigation .menu-container > ul li {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.site-header .header-navbar .main-navigation .menu-container > ul {
gap: 8px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix {
font-size: 40px;
}
.section-supply-hero .numbers_item:nth-of-type(even) .suffix sup {
font-size: 22px;
}
.section-supply-hero .header-h1 {
margin-top: 26px;
}
.section-supply-hero .numbers-b {
gap: 46px 0;
}
.collapsible-scroll-blocks__body-wrap {
font-size: 20px;
}
.section-supply-hero .numbers-b .numbers_item {
padding: 40px 0;
}
.section-supply-hero .box-hero-img {
height: 610px;
margin: 0 auto 80px;
}
.supply-content {
margin-bottom: 32px;
}
.collapsible-scroll-blocks__item h4 {
font-size: 32px;
}
.collapsible-scroll-blocks__body p {
font-size: 20px;
}
.collapsible-scroll-blocks h4 {
font-size: 32px;
}
.page-global .section-business .wrap-content,
.page-supply .section-business .wrap-content {
padding: 79px 86px;
}
.section-business .page-description p:not(:last-child) {
font-size: 20px;
}
.section-supply-hero .btn-catalog,
.page-supply .section-business .btn-catalog {
font-size: 20px;
}
.page-supply .section-business .row .col:nth-child(n) .blocks > li p {
width: 100%;
}
.page-supply .section-business .row .col:nth-child(2) .blocks {
margin-bottom: 0;
}
.section-business .page-heading {
font-size: 56px;
}
.page-supply .section-business {
padding-top: 80px;
padding-bottom: 80px;
}
.section-program {
padding-bottom: 8px;
}
.section-ecology {
padding-bottom: 80px;
}
.scroll-cards__title {
position: relative;
}
.section .new-section__heading {
font-size: 56px;
}
.section_with-image-overflow .page-description {
font-size: 20px;
margin-bottom: 0;
}
.section_with-image-overflow .section-thumb {
min-height: 703px;
}
.section-rnd-center {
padding-bottom: 80px;
}
.section-rnd-center .page-heading,
.section-innovations .page-heading,
.section-excellence .page-heading {
font-size: 56px;
}
.details-table__cell,
.details-table__title {
font-size: 20px;
}
/*--------------------*/
.block-invested {
padding: 100px 85px;
margin: 80px 20px;
}
.block-invested .big-text {
margin-bottom: 0;
}
.block-invested .col:first-child {
font-size: 28px;
line-height: 39px;
}
.block-invested .section-description {
font-size: 20px;
line-height: 28px;
}
.section-details {
padding-bottom: 80px;
}
.section-footprint-hero {
margin-bottom: 80px;
}
.section-footprint-hero .link {
font-size: 20px;
}
.number-count-data {
font-size: 80px;
line-height: 72px;
}
.numbers-row p {
font-weight: 300;
font-size: 28px;
letter-spacing: -0.01em;
}
.rnd-hero .row:nth-child(2) .page-description {
margin-top: -68px;
}
.section.rnd-hero {
padding-bottom: 26px;
}
.section-innovations {
padding-bottom: 80px;
}
.mosaic-grid .content_with-unorder-list ul {
padding-left: 16px;
}
.mosaic-grid__card {
padding: 48px 40px;
}
.content_with-unorder-list {
font-size: 20px;
}
.capabilities .text_md {
font-size: 28px;
}
.capabilities p {
font-size: 20px;
}
.content_with-unorder-list ul {
padding-left: 56px;
}
.map-wrap {
padding-top: 64.5%;
}
.map-wrap picture {
width: calc(100% + (100vw - 150%) / 2);
}
.scroll-cards__title {
padding-right: 20px;
font-size: 20px;
}
.scroll-cards__item .col {
position: relative;
-webkit-transition: .35s;
-o-transition: .35s;
transition: .35s;
padding-left: 17px;
padding-right: 17px;
}
.section_with-image-overflow img {
max-width: 1060px;
}
.section-efficient .details-table__cell:first-child {
width: 35%;
}
blockquote {
font-size: 28px;
padding: 100px 105px 100px 185px;
margin: 180px 0 80px;
}
blockquote:before {
top: 80px;
left: 85px;
}
/*----- careers --------*/
.careers-count .numbers-row p {
font-size: 20px;
}
.careers-count-col.col-xl-8 {
padding-left: 20px;
padding-right: 20px;
}
.careers-count-col .number-count-data {
font-size: 80px;
line-height: 94px;
}
.careers-count-col {
margin-top: 100px;
}
.careers-count .col {
padding: 40px;
}
.job-card {
padding: 40px 0;
}
.section-careers {
padding-bottom: 80px;
}
.job-card__heading h3 {
font-size: 40px;
}
.job-card .text-intro {
font-size: 20px;
}
.show-more {
font-size: 20px;
}
.section-vacancies {
padding-bottom: 80px;
}
.new-section__heading {
font-size: 56px;
}
.js-scroll-cards-section {
padding-bottom: 80px;
}
.section-mission-hero .box-hero-img.mission-image,
.section-mission-hero .box-hero-img {
max-height: 100%;
}
/* ----------- page Global Presence -----------------*/
.global-content {
padding-right: 104px;
}
.section-global-hero .numbers_item h3 {
font-size: 80px;
}
.section-global-hero .numbers-b .numbers_item {
width: 45%;
padding: 56px 0 0;
}
.section.section-reach {
padding-top: 100px;
padding-bottom: 80px;
}
.section-reach .link {
color: #000000;
}
.section-reach .page-heading {
font-size: 56px;
max-width: 440px;
}
}
@media (min-width: 1520px) {
.section-mission-hero .box-hero-img,
.box-hero-img {
min-height: 703px;
width: 100%;
max-height: 740px;
}
.section .hero-infinite-img-wrap img {
width: 100%;
max-height: 740px;
}
.section-mission-hero .box-hero-img img {
max-height: 740px;
}
.section-mission-hero .col,
.section-mission-hero {
max-height: 740px;
min-height: 100%;
}
.section_with-image-overflow .section-thumb-wrap {
max-height: 740px;
width: 100%;
}
.section-mission-hero .box-hero-img.mission-image {
max-width: 100%;
max-height: 740px;
}
}
@media (max-height: 540px) and (orientation: landscape) {
.interactive-map .mapael .mapTooltip {
padding: 15px 12px;
}
.mapael .mapTooltip .contacts a {
font-size: 14px;
}
.interactive-map .mapael .mapTooltip .address,
.interactive-map .mapael .mapTooltip .facilities {
font-size: 12px;
line-height: 17px;
}
}
/* leadership */
.leadership-card {
font-size: 18px;
font-weight: 300;
position: relative;
padding: 40px 0;
line-height: 1.4;
}
.leadership-card .show-more {
margin-bottom: 4px;
margin-top: auto;
}
.leadership-card .link {
display: none;
font-weight: 500;
line-height: 1.172;
}
.leadership-card .link.link_mob {
display: inline-flex;
padding-top: 8px;
}
.leadership-card .link__with-icon {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 20px;
right: 20px;
}
.leadership-card__body {
display: flex;
flex-direction: column;
}
.leadership-card__thumb {
position: relative;
max-width: 320px;
width: 100%;
margin-bottom: 24px;
}
.leadership-card__img {
display: block;
width: 100%;
height: auto;
}
.post-release .color-blue,
.about-leader .color-blue {
color: #0977B7;
font-weight: 600;
}
.nationality {
margin-bottom: 6px;
}
.leadership-card__heading {
color: #0977B7;
font-size: 28px;
font-weight: 300;
line-height: 1.172;
}
.leadership-card .sub-title {
font-size: 18px;
font-weight: 500;
line-height: 1.172;
margin-bottom: 24px;
}
.leadership-card .text-intro {
padding-top: 24px;
padding-bottom: 24px;
}
.leadership-card.show .text-intro {
padding-bottom: 0;
}
.leadership-card.show .collapse-content {
padding-top: 0;
padding-bottom: 24px;
}
.leadership-card .content_with-unorder-list h3 {
color: #231F20;
font-size: 18px;
font-weight: 500;
margin: 24px 0 8px;
}
.leadership-card .content_with-unorder-list p {
margin-bottom: 8px;
}
.leadership-card .content_with-unorder-list p:last-child {
margin-bottom: 0;
}
.section-leadership {
padding-top: 0;
padding-bottom: 52px;
}
.section-leadership .page-description {
margin-bottom: 40px;
}
@media (min-width: 576px) {
.section-leadership {
padding-bottom: 70px;
}
.section-leadership .header-h1 {
line-height: 1;
margin-bottom: 20px;
}
.section-leadership .header-h1::after {
bottom: 5px; /*23.01.2026 Crypt*/
}
.leadership-card .show-more {
font-size: 20px;
}
.leadership-card__thumb {
max-width: 240px;
}
.leadership-card .content_with-unorder-list h3 {
margin-top: 36px;
margin-bottom: 12px;
font-size: 20px;
}
.leadership-card .link.link_mob,
.leadership-card .link__with-icon {
display: none;
}
.leadership-card .link {
display: inline-flex;
margin-bottom: 14px;
}
.leadership-card__heading {
font-size: 32px;
}
.leadership-card .sub-title {
font-size: 20px;
}
.leadership-card .content_with-unorder-list p {
margin-bottom: 12px;
}
}
@media (min-width: 768px) {
.leadership-card .link__with-icon {
width: 15px;
height: 15px;
right: 34px;
top: 10px;
}
.section-leadership .page-description {
margin-top: -34px;
}
.leadership-card .link {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.section-leadership {
padding-bottom: 80px;
}
.section-leadership .text_sm {
margin-bottom: 0;
font-size: 20px;
margin-top: -38px;
}
.leadership-list {
margin-top: 80px;
}
.leadership-card {
font-size: 20px;
}
.leadership-card__thumb {
max-width: 392px;
margin-bottom: 29px;
}
.leadership-card__heading {
font-size: 40px;
}
.leadership-card .sub-title {
font-size: 28px;
}
.leadership-card .text-intro {
padding-top: 28px;
padding-bottom: 28px;
}
.leadership-card .content_with-unorder-list p {
margin-bottom: 16px;
}
.leadership-card .content_with-unorder-list h3 {
font-size: 24px;
margin-bottom: 16px;
margin-top: 40px;
}
.leadership-card .show-more{
font-size: 20px;
}
}
/* page press releases*/
.section-releases {
padding-top: 0;
padding-bottom: 52px;
}
.show-more.show-more-top.btn-back-blog {
margin-bottom: 40px;
margin-left: -6px;
}
.show-more.btn-back-blog .text-less {
display: inline-block;
}
.section-releases .page-description {
margin-bottom: 58px;
}
.post-release {
position: relative;
padding: 24px 0;
}
.releases-list {
position: relative;
}
.single-release .post-release__inner:before,
.post-release:after,
.releases-list:before {
position: absolute;
content: '';
display: block;
left: 20px;
right: 20px;
height: 1px;
background-color: #0977B7;
z-index: 1;
}
.single-release .post-release__inner:before,
.releases-list:before {
top: 0;
}
.post-release:after {
bottom: 0;
}
.post-release .page-heading {
position: relative;
padding-top: 0;
font-weight: 200;
font-size: 28px;
line-height: 30.8px;
margin-bottom: 18px;
}
.post-release .page-heading:after {
display: none;
}
.post-release .icon-show {
border: none;
margin-left: 0;
height: 16px;
}
.post-release a:hover .icon-show {
box-shadow: none;
}
.post-release .icon-show:before {
width: 16px;
height: 16px;
background-color: transparent;
content: url('data:image/svg+xml,');
}
.post-release .icon-show:after {
display: none;
}
.post-release .show-more {
font-size: 15px;
margin: 0;
color: #0977B7;
padding: 0;
}
.post-release__content {
padding-top: 8px;
padding-bottom: 24px;
}
.releases-list .post-release__content {
display: none;
}
.post-release h3 {
font-size: 18px;
font-weight: 500;
line-height: 22.4px;
color: #0977B7;
margin-top: 24px;
margin-bottom: 6px;
text-transform: uppercase;
}
.post-release p {
font-size: 16px;
font-weight: 300;
line-height: 22.4px;
margin-bottom: 24px;
}
.post-release p:last-child {
margin-bottom: 0;
}
.post-release__date {
font-size: 15px;
font-weight: 500;
line-height: 21px;
color: #828588;
margin-bottom: 2px;
}
.post-release strong {
font-weight: 700;
}
.post-release .page-heading strong {
font-weight: 500;
}
.post-release blockquote {
margin: 40px 0;
padding: 56px 24px 40px 24px;
}
.post-release blockquote:last-child {
margin-bottom: 0;
}
.post-release blockquote p {
font-weight: 300;
font-size: 18px;
line-height: 25.2px;
margin-bottom: 28px;
}
.post-release blockquote p:last-child {
margin-bottom: 0;
}
.post-release cite {
font-style: normal;
color: #0977B7;
line-height: 28px;
font-weight: 500;
text-transform: uppercase;
}
.post-release cite span {
display: block;
color: #231F20;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
text-transform: none;
}
.post-release blockquote:before {
top: 20px;
left: 24px;
width: 33px;
height: 24px;
}
.post-release img {
width: 100%;
height: auto;
}
.block-with-logo {
max-width: 480px;
width: 100%;
margin: 40px 0;
padding: 32px;
border: 1px solid #0977B7;
}
.block-with-logo a {
max-width: 127px;
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
.post-release .block-with-logo p {
font-size: 18px;
font-weight: 300;
line-height: 25.02px;
}
.post-release .block-with-logo img {
width: 100%;
height: auto;
margin: 0;
}
.post-release__description {
margin-bottom: 32px;
}
.post-release__description p {
font-size: 18px;
line-height: 25.2px;
font-weight: 300;
}
.single-release .post-release {
padding-bottom: 20px;
}
.single-release .post-release__inner {
position: relative;
padding-top: 24px;
flex-direction: column; /*23.01.2026 Crypt*/
}
/*23.01.2026 Crypt*/
.single-release .post-release__inner > div {
width: 100%;
}
/*23.01.2026 Crypt*/
.single-release .post-release .icon-show:before {
transform: rotate(180deg);
transform-origin: 25% 25%;
}
.post-release__content a{
color: #0977b7;
}
.post-release__content a:hover{
text-decoration: underline;
}
.single-release .page-heading::after {
content: "";
width: 40px;
height: 1px;
background-color: #0977B7;
position: absolute;
left: 0;
bottom: -8px;
display: block;
}
@media (min-width: 1024px) {
.section-releases {
padding-bottom: 70px;
}
.section-releases .page-description {
margin-top: -50px;
margin-bottom: 10px;
}
.releases-list {
margin-top: 47px;
}
.releases-list .post-release__content {
display: block;
}
.releases-list .post-release__footer {
position: relative;
}
.post-release .page-heading {
font-size: 36px;
line-height: 42.19px;
}
.post-release h3 {
margin-top: 32px;
margin-bottom: 5px;
}
.post-release .show-more:not(.show-more-top) {
padding: 10px 24px;
border-radius: 40px;
border: 1px solid #0977B7;
}
.releases-list .post-release .show-more {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -100%);
margin: auto;
z-index: 1;
}
.releases-list .post-release__content {
position: relative;
height: 217px;
overflow: hidden;
}
.releases-list .post-release:before {
position: absolute;
content: '';
display: block;
background: linear-gradient(180deg, transparent 0%, #FFFFFF 75%);
height: 180px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
pointer-events: none;
}
.post-release {
padding: 34px 0 49px;
}
.releases-list .post-release .show-more {
padding: 10px 21px;
}
.post-release__footer {
text-align: center;
}
.post-release__content {
padding-top: 21px;
padding-bottom: 0;
}
.post-release__description {
margin-bottom: 30px;
padding-top: 7px;
}
.post-release p {
margin-bottom: 32px;
}
.post-release img {
margin-top: 8px;
margin-bottom: 8px;
}
.post-release blockquote {
padding: 40px 48px 40px 95px;
}
.post-release blockquote:before {
top: 40px;
left: 32px;
width: 40px;
height: 32px;
}
.show-more.show-more-top.btn-back-blog {
margin-bottom: 27px;
margin-left: -6px;
}
.single-release .post-release {
padding-bottom: 56px;
}
.single-release .post-release__content {
padding-bottom: 48px;
}
.single-release .post-release__inner {
padding-top: 34px;
}
.single-release #breadcrumbs {
display: none;
}
.single-release .post-release {
padding-top: 30px;
}
.show-more.show-more-top {
position: absolute;
left: -15px;
top: 98px;
margin-left: 0 !important;
margin-bottom: 0 !important;
}
.show-more.show-more-top .text-less {
display: none;
}
.single-release #breadcrumbs {
display: block;
}
.single-release .page-heading::after {
width: 80px;
}
}
@media (min-width: 1440px) {
.post-release .page-heading {
font-size: 48px;
font-weight: 100;
line-height: 52.8px;
letter-spacing: -0.03em;
}
.post-release {
padding-top: 30px;
}
.releases-list .post-release:before {
height: 200px;
}
.block-with-logo {
max-width: 100%;
padding: 40px 32px;
}
.block-with-logo a {
max-width: 155px;
margin-bottom: 10px;
}
.post-release .block-with-logo p {
font-size: 24px;
line-height: 33.6px;
}
.section-releases .page-description {
margin-top: -68px;
margin-bottom: 35px;
}
.post-release p {
font-size: 18px;
line-height: 25.2px;
font-weight: 300;
}
.post-release__description {
padding-top: 3px;
}
.post-release__description p {
font-size: 24px;
line-height: 33.6px;
}
.post-release h3 {
font-size: 24px;
font-weight: 500;
line-height: 28.8px;
}
.post-release blockquote {
padding: 40px 64px 40px 95px;
}
.post-release blockquote p {
font-weight: 300;
font-size: 20px;
}
.post-release blockquote p:last-child {
margin-bottom: 0;
}
.releases-list .post-release__content {
height: 221px;
}
.single-release .post-release {
padding-top: 6px;
}
.show-more.show-more-top {
left: -28px;
top: 82px;
}
}
/*logo 100 years quality 29.09.25*/
.site-header .header-logo img {
height: 40px;
}
@media (min-width: 1024px) {
.site-header .header-logo img {
height: 48px;
}
}
/*hero-section home 100 years quality 29.09.25*/
.home-hiro-text {
font-weight: 700;
font-size: 18px;
line-height: 120%;
text-transform: uppercase;
padding-top: 16px;
color: #FFFFFF;
width: 100%;
}
@media screen and (min-width: 1024px) {
.home-hiro-text {
font-size: 20px;
padding-top: 20px;
}
}
@media screen and (min-width: 1440px) {
.home-hiro-text {
font-size: 24px;
}
}
@media (orientation: portrait) {
.home-hero-section .hero-parallax > div:nth-child(3)::before {
display: none;
}
.home-hero-section .hero-parallax > div:nth-child(3) img {
display: block;
}
}
@media (min-width: 1024px) {
.home-hero-section .col-12 ,
.site-header .col-md-2 {
padding: 0;
}
.site-header .header-navbar .main-navigation .menu-container:nth-child(2) {
margin-right: 0;
}
.site-header .header-navbar .main-navigation .menu-container > ul {
gap: 0;
}
}
@media (min-width: 1200px) {
.site-header .header-navbar .main-navigation .menu-container:nth-child(2) {
margin-right: auto;
}
.site-header .header-navbar .main-navigation .menu-container > ul {
gap: 4px;
}
}
/* page 100-years 03.10.25 */
.page-anniversary .section {
padding-bottom: 100px;
padding-top: 0;
}
.page-anniversary .page-heading {
margin-bottom: 24px;
padding-top: 0;
}
.page-anniversary .page-heading:after {
width: 100%;
bottom: auto;
top: -8px;
}
.page-anniversary .tns-ovh {
overflow: visible;
}
.page-anniversary blockquote {
margin: 0;
}
.page-anniversary blockquote p {
margin-bottom: 28px;
}
.page-anniversary cite {
font-style: normal;
color: #0977b7;
line-height: 28px;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
}
.page-anniversary cite span {
display: block;
color: #231f20;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
text-transform: none;
}
.decor3, .decor2, .decor1 {
position: relative;
}
.decor3:before,
.decor2:before,
.decor1:before {
position: absolute;
content: '';
background-repeat: no-repeat;
background-size: cover;
background-position: 0 0;
width: 100px;
height: 100px;
z-index: 1;
}
.decor1:before {
background-image: url('../../assets/img/img-anniversary/decor.svg');
bottom: 0;
left: 20px;
}
.decor2:before {
background-image: url('../../assets/img/img-anniversary/decor2.svg');
top: 0;
left: 0;
}
.decor3:before {
background-image: url('../../assets/img/img-anniversary/decor3.svg');
right: 0;
bottom: 0;
}
.anniversary-sub-title {
font-weight: 400;
font-style: Italic;
font-size: 20px;
line-height: 140%;
letter-spacing: 0;
color: #0977B7;
margin-bottom: 12px;
}
.page-anniversary .section__img {
width: 100%;
max-width: 520px;
margin: 0 auto;
}
.page-anniversary .section__img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.anniversary-slider {
margin-top: 32px;
}
.slider-controls .fraction {
font-family: Roboto, sans-serif;
font-size: 16px;
line-height: 110%;
color: #C1C2C3;
}
.slider-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 11px;
}
.slider-controls .prev,
.slider-controls .next {
color: #231F20;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #0977B7;
margin-right: 16px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slider-controls .prev {
margin-left: auto;
}
.slider-controls .current {
color: #000000;
font-weight: 700;
display: inline-block;
width: 25px;
}
.slider-controls .total {
display: inline-block;
padding-left: 6px;
}
.anniversary-slide {
width: 300px;
}
.anniversary-slide img {
display: block;
width: 100%;
height: auto;
margin-bottom: 16px;
}
.anniversary-caption {
font-style: Italic;
font-size: 14px;
line-height: 110%;
color: #63666A;
}
.slider-controls button[disabled] {
color: #C1C2C3;
border: 1px solid #C1C2C3;
}
.section-facts .section__img {
margin-bottom: 28px;
}
.section-facts .items {
border-top: 1px solid #D2DCE1;
}
.section-facts .item {
padding: 32px 0;
border-bottom: 1px solid #D2DCE1;
will-change: opacity, margin-top;
}
.section-facts .item h4 {
color: #231F20;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 18px;
font-weight: 500;
line-height: 100%;
text-transform: uppercase;
margin-bottom: 10px;
}
.section-facts .item p {
font-weight: 300;
font-size: 18px;
line-height: 140%;
-webkit-transition: opacity 1s ease-in-out, margin-top 1s ease-in-out;
transition: opacity 1s ease-in-out, margin-top 1s ease-in-out;
}
.section-facts .items .item span {
display: block;
overflow: hidden;
}
.section-facts .items .item.close span p {
margin-top: -100%;
opacity: 0;
}
.section-facts .items .item.open span p {
margin-top: 0;
opacity: 1;
}
.section-facts .count-num {
color: #009FE3;
display: inline-block;
margin-right: 8px;
}
.promise-list {
position: relative;
margin-bottom: 32px;
}
.promise-list:before {
position: absolute;
content: '';
display: block;
left: 20px;
right: 20px;
top: 0;
height: 1px;
background-color: #D2DCE1;
z-index: 1;
}
.promise-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: 1px solid #D2DCE1;
padding: 20px 0;
}
.promise-card__img img {
max-width: 48px;
}
.promise-card__description {
width: 72%;
padding-left: 24px;
font-weight: 300;
font-size: 18px;
line-height: 130%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.promise-card__description h4 {
font-weight: 500;
font-size: 20px;
line-height: 120%;
margin-bottom: 8px;
}
.section-promise__img {
width: 100%;
max-height: 500px;
overflow: hidden;
}
.section-promise__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.section-promise__img.decor1:before {
background-image: url('../../assets/img/img-anniversary/decor3.svg');
left: 0;
}
.anniversary-block-logo {
padding-bottom: 52px;
}
.anniversary-block-logo img {
margin: 0 auto;
display: block;
max-width: 240px;
width: 100%;
}
.section-anniversary .box-hero-img.mission-image {
height: 450px;
width: calc(100% + 40px);
margin-left: -40px;
overflow: hidden;
}
.section-anniversary .box-hero-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right 80%;
object-position: right 80%;
}
@media screen and (min-width: 390px) {
.section-anniversary .box-hero-img.mission-image {
height: 100%;
}
}
@media screen and (max-width: 452px) {
.page-anniversary cite span {
max-width: 256px;
}
}
@media screen and (max-width: 400px) {
.page-anniversary cite span:lang(de) {
font-size: 15px;
}
}
@media screen and (max-width: 519px) {
.page-anniversary cite span:lang(de) {
max-width: 280px;
}
}
@media screen and (min-width: 768px) {
.promise-list:before {
display: none;
}
.page-anniversary .header-h1 {
margin-top: 24px;
}
.decor1:before {
left: 0;
}
.anniversary-sub-title {
font-size: 24px;
}
.page-anniversary .page-heading {
font-size: 44px;
padding-bottom: 8px;
}
.page-anniversary .page-heading:after {
width: 80px;
bottom: 0;
top: auto;
}
.section-roots .part-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.page-anniversary .section__img {
max-width: 496px;
margin: 0;
}
.section-future .page-description {
width: 83%;
max-width: 962px;
margin-bottom: 40px;
}
.section-facts .item:before,
.section-facts .item h4 {
font-size: 26px;
}
.page-anniversary .section {
padding-bottom: 140px;
}
.page-anniversary .section-mission-hero {
padding-bottom: 0;
margin-bottom: 140px;
}
.section-facts .page-heading {
margin-bottom: 40px;
}
.section-facts .page-heading br {
display: none;
}
.section-history .new-section__heading {
margin-bottom: 32px;
}
.section-facts .count-num {
margin-right: 10px;
}
.page-anniversary cite {
font-size: 20px;
}
.promise-card:nth-child(n) {
border: none;
}
.promise-list {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 56px;
}
.promise-list .col {
border-right: 1px solid #0977B7;
}
.promise-list .col:first-of-type {
border-top: 0;
border-left: 1px solid #0977B7;
}
.promise-card {
display: block;
}
.promise-card__img img {
max-width: 56px;
width: 100%;
margin-bottom: 16px;
}
.promise-card__description {
padding-left: 0;
width: 100%;
}
.section-promise__img img {
height: auto;
min-height: 280px;
}
.anniversary-block-logo {
padding-bottom: 92px;
}
.anniversary-block-logo img {
max-width: 480px;
}
.section-roots .d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-roots .page-description.text_sm {
font-size: 16px;
}
.section-facts .items .item.open span p {
font-size: 16px;
}
.section-anniversary .box-hero-img.mission-image {
width: 50vw;
height: calc(100vh - 72px);
margin-left: 0;
}
.page-anniversary blockquote p {
margin-bottom: 28px;
font-size: 22px;
}
.promise-card__description h4 {
font-size: 19px;
}
}
@media screen and (min-width: 390px) and (max-width: 1024px) and (max-height: 1024px) {
.section-anniversary .box-hero-img.mission-image {
height: 100%;
max-height: 100%;
}
}
@media screen and (min-width: 1024px) {
.decor3:before,
.decor2:before,
.decor1:before {
width: 116px;
height: 116px;
}
.page-anniversary .section__img {
width: 82%;
}
.promise-card {
padding-top: 28px;
padding-bottom: 28px;
padding-left: 20px;
padding-right: 4px;
}
.promise-card__description h4 {
font-size: 20px;
}
.section-roots .page-description.text_sm {
font-size: 18px;
margin-bottom: 0;
}
.section-facts .item:before,
.section-facts .item h4 {
font-size: 28px;
}
.section-facts .page-heading br {
display: block;
}
.page-anniversary .items .item.open span p {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.section-anniversary .box-hero-img.mission-image {
height: calc(100vh - 72px);
max-height: 640px;
}
}
@media screen and (min-width: 1280px) {
.page-anniversary .page-description,
.section-roots .page-description.text_sm {
font-size: 20px;
margin-bottom: 0;
}
.page-anniversary .section {
padding: 100px 0;
}
.page-anniversary .section-mission-hero {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 100px;
}
.section-facts .item:before,
.section-facts .item h4 {
font-size: 32px;
}
.section-facts .page-heading br {
display: none;
}
.page-anniversary .header-h1 {
margin-bottom: 24px;
}
.anniversary-sub-title {
font-size: 36px;
margin-bottom: 24px;
}
.page-anniversary .page-heading {
font-size: 56px;
}
.decor3:before, .decor2:before, .decor1:before {
width: 180px;
height: 180px;
}
.section-facts .page-heading,
.section-history .page-heading {
margin-bottom: 40px;
}
.anniversary-caption {
font-size: 16px;
}
.anniversary-slide img {
margin-bottom: 10px;
}
.slider-controls {
padding-top: 23px;
}
.page-anniversary cite {
font-size: 24px;
}
.page-anniversary cite span {
font-size: 18px;
}
.promise-card__img img {
max-width: 64px;
}
.promise-card__description h4 {
font-size: 24px;
}
.anniversary-block-logo {
padding: 100px 0 152px;
}
.anniversary-block-logo img {
max-width: 600px;
}
.section-anniversary.section {
padding-top: 0;
}
}
@media screen and (min-width: 1440px) {
.section-anniversary .box-hero-img.mission-image {
width: calc(100% + (100vw - 176%) / 2);
}
.section-future .page-description.text_sm {
margin-bottom: 6px;
}
.section-future .page-description.text_sm,
.section-roots .page-description.text_sm {
font-size: 24px;
}
.section-facts .page-heading br {
display: block;
}
.page-anniversary blockquote p {
font-size: 28px;
}
}
@media (min-width: 1520px) {
.section-anniversary .box-hero-img.mission-image {
max-height: 822px;
width: 100%;
}
}