:root { /*header*/ --header-height: 80px; --header-height-scrolled: 60px; /*header end*/ } html {scroll-padding-top: 150px; scroll-behavior: smooth;} body {display: flex; flex-direction: column; min-height: 100vh;} .wrapper {max-width: 100%; overflow: hidden;} /*header*/ header {background: #003F80; position: fixed; top: 0; left: 0; right: 0; z-index:1001; box-shadow:0 5px 5px -5px rgba(31, 31, 31, .3); transition: all 200ms; padding: 0;} header .header-top {} header .navbar {display: flex; align-items: center; gap: .75rem; padding: 0;} header .navbar-brand {margin: 0;transition: all 200ms;padding-top: 17px;padding-bottom: 20px;min-width: 310px;display: flex;padding-right: 35px; transition: all 200ms; background-color: white; position: relative; padding-left: 150px;} header .navbar-brand::before{content: ''; position: absolute; width: 100%; height: 8px; background: #FF9900; bottom: -8px; left: 0; z-index: 2;} .header-pillow {height: var(--header-height);} /*header end*/ /*main menu*/ header ul.menu-root{display: flex; gap: 35px; align-items: center;} header .main-menu {display: flex; flex-grow: 1; padding-right: 130px; align-items: center;} header .main-menu ul.menu-root li a {color: white; height: auto; line-height: 100% !important; padding: 0; color: #FFF;font-size: 0.875rem;font-style: normal;font-weight: 500;line-height: 0.875rem; /* 100% */letter-spacing: -0.28px;} .menu-layout-h ul.menu-root li{transition: all 200ms;} .menu-layout-h ul.menu-root li:hover a.main-link{color: #FF9900 !important;} .menu-layout-h ul.menu-root li a.main-link svg path{transition: all 200ms;} .menu-layout-h ul.menu-root li:hover a.main-link svg path{stroke: #FF9900;} header .main-menu ul.menu-root li.active > a, header .main-menu ul.menu-root li a.active, header .main-menu ul.menu-root li:is(:hover, :focus) > a, header .main-menu ul.menu-root li a:is(:hover, :focus) {} header .main-menu ul.menu-root li.has-dropdown > ul {box-shadow:0 5px 5px -5px rgba(31, 31, 31, .3);} header .main-menu ul.menu-root li.has-dropdown > ul li {margin-bottom: 25px;} header .main-menu ul.menu-root li.has-dropdown > ul li:last-child{margin-bottom: 0;} header .main-menu ul.menu-root li.has-dropdown > ul li .image{min-height: 329px;position: absolute;top: 0;right: -264px; width: 264px;background-repeat: no-repeat !important;background-size: cover !important; max-height: 100%; height: 100%;} header .main-menu ul.menu-root li.has-dropdown > ul li .image.active{z-index: 5;} header .main-menu ul.menu-root li.has-dropdown > ul li a {padding: 0;color: #D2D4ED;font-size: 14px;font-style: normal;padding-bottom: 10px;font-weight: 500;line-height: 14px;letter-spacing: -0.28px;} header .main-menu ul.menu-root li.has-dropdown li.has-dropdown > ul {} header .main-menu ul.menu-root li.has-dropdown:is(:hover, :focus) > ul {} /*main menu end*/ /* publications */ .publication-homepage{display: flex; flex-direction: column; padding: 0 180px;} .publication-homepage .section-top{padding-top: 90px; padding-bottom: 80px; display: flex; flex-direction: column; align-items: center;} .publication-homepage .section-top .subtitle{color: #171B52;text-align: center;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 600;line-height: 14px; /* 116.667% */letter-spacing: -0.48px;text-transform: uppercase; padding-bottom: 8px; border-bottom: 2px solid #FF9900; margin-bottom: 33px; width: fit-content;} .publication-homepage .section-top .headline{color: #171B52;text-align: center;font-family: Inter;font-size: 2.125rem;font-style: normal;font-weight: 500;line-height: 100%; /* 100% */letter-spacing: -1.36px;} .publication-homepage .pub-list{display: flex; flex-wrap: wrap; gap: 20px !important; display: flex;flex-wrap: wrap;gap: 20px !important;margin-bottom: 0;padding-bottom: 20px;border-bottom: 1px solid #ECEDF1;} .publication-homepage .pub-list .pub-list-item{flex-basis: calc(33.33333% - 15px); margin-bottom: 0;} .publication-homepage .pub-list .pub-list-item .content{padding: 30px;} .publication-homepage .pub-list .pub-list-item .content .date{color: #FF9900;font-family: Inter;font-size: 10px;font-style: normal;font-weight: 600;line-height: 14px; /* 140% */letter-spacing: -0.2px;text-transform: uppercase; margin-bottom: 20px;} .publication-homepage .pub-list .pub-list-item .content .pub-list-title a{color: #171B52;font-family: Inter;font-size: 1.375rem;font-style: normal;font-weight: 450;line-height: 1.812rem; /* 131.818% */ margin-bottom: 30px;} .publication-homepage .pub-list .pub-list-item .content .read-more{padding: 20px 0 !important; display: flex; gap: 20px; align-items: center; color: #66698F;text-align: center;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px; /* 116.667% */letter-spacing: -0.48px;} .pub-list .pub-list-title{margin-top: 20px; margin-bottom: 30px; padding: 0 20px;} .publication-homepage .pub-list .pub-list-item .pub-list-image{overflow: hidden; width: 100%; height: 100%; display: block; max-height: 310px; max-height: 245px;} .publication-homepage .pub-list .pub-list-item .pub-list-image picture{display: block; height: 100%;} .publication-homepage .pub-list .pub-list-item .pub-list-image picture img{transition: all 300ms; height: 100% !important; object-fit: cover;} .publication-homepage .pub-list .pub-list-item:hover .pub-list-image picture img{transform: scale(1.1);} .publication-homepage .pub-list .pub-list-item .pub-list-image { border: 1px solid #232F5C; } body.page-id-b763bf57-95b3-4688-b386-9858eeff342d .main-content{overflow: hidden;} .content-company{display: flex; justify-content: space-between; gap: 120px; position: relative;} .content-company .menu{max-width: 210px; min-width: 210px; width: 100%; padding: 20px; border: 1px solid #F3F4F6; height: fit-content; position: sticky; top: 150px; background-color: white; z-index: 1;} /* .content-company .menu.sticky{position: fixed;} */ .content-company .menu.stick-top{position: fixed;} .content-company .menu.stick-container-bottom{position: absolute; bottom: 150px; top: auto;} .content-company .menu ul.menu-root li{padding-right: 20px; position: relative; transition: all 250ms;} .content-company .menu ul.menu-root li:hover a{color: #003A7D;} .content-company .menu ul.menu-root li:hover::before{background-color: #003A7D;} .content-company .menu ul.menu-root li::before{content: '';width: 4px; height: 8px; mask-image: url('../images/arrow-right.svg');mask-position: center center; mask-size: cover; mask-repeat: no-repeat; background-color: #66698F; -webkit-mask-image: url('../images/arrow-right.svg');-webkit-mask-position: center center; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 250ms;} .content-company .menu ul.menu-root li a{color: #66698F;font-size: 14px;font-style: normal;font-weight: 500;line-height: 14px; /* 100% */letter-spacing: -0.56px; transition: all 250ms;} .content-company .content{flex-grow: 1; max-width: 1000px; width: 100%;} .content-company .blocker{min-width: 210px; width: 210px; height: 1px; display: none;} .content-company .blocker.active{display: block;} .gallery-grid{margin-top: 60px;} .gallery-grid .gallery-item{min-height: 310px;} .gallery-grid .gallery-item a{height: 100%;} .gallery-image-container .gallery-image{height: 100%;} .gallery-image-container .gallery-image picture{height: 100%;} .gallery-grid .gallery-item a img{height: 100% !important; width: 100%; object-fit: cover;} /* maps */ .map-wrapper{position: relative;overflow: hidden;display: flex; margin-top: 0;} .map-wrapper .map-sidebar{position: relative;overflow-x: hidden;overflow-y: auto;flex: 0 0 0;max-width: 0px;max-height: 650px;transition: var(--tranistion);position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 5;background: #ffffffcf;border-right: 3px solid orange; transition: all 250ms;} .map-wrapper .map-sidebar::-webkit-scrollbar {width: 10px;} /* Track */ .map-wrapper .map-sidebar::-webkit-scrollbar-track {background: #f1f1f1; } /* Handle */ .map-wrapper .map-sidebar::-webkit-scrollbar-thumb {background: #003F80; } /* Handle on hover */ .map-wrapper .map-sidebar::-webkit-scrollbar-thumb:hover {background: #555; } .map-wrapper .map-sidebar.active{max-width: 640px;} .map-wrapper .map{flex: 0 0 auto;max-width: 100%;width: 100%;height: 650px;transition: var(--tranistion);z-index: 1;} .map-wrapper .map-sidebar .item{overflow: hidden; height: 0px; opacity: 0; width: 100%; transition: all 300ms;} .map-wrapper .map-sidebar .item.active{height: auto; opacity: 1;} .map-wrapper .map-sidebar .item .images{display: flex; flex-wrap: wrap; gap: 10px; padding: 20px 30px;} .map-wrapper .map-sidebar .item .images .image{flex-basis: calc(33.333% - 7px); height: 180px;} .map-wrapper .map-sidebar .item .images .image img{height: 100% !important; width: 100%; object-fit: cover;} .map-wrapper .map-sidebar .item .images .image a{width: 100%; height: 100%; display: block;} .map-wrapper .map-sidebar .item .content{padding: 30px;} .map-wrapper .map-sidebar .item .content .title{padding-bottom: 8px;color: #003F80;font-family: Inter;font-size: 13px;font-style: normal;font-weight: 600;line-height: 14px;letter-spacing: -0.48px;text-transform: uppercase;border-bottom: 2px solid #FF9900;margin-bottom: 40px;width: fit-content;} .map-wrapper .map-sidebar .item .content .description{ color: #383838;font-family: Inter;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;letter-spacing: -0.56px;max-width: 420px;} .map-wrapper .map-sidebar .controls{display: flex;justify-content: flex-end;padding: 0 30px;margin: 10px 0;} .map-wrapper .map-sidebar .controls .exit{width: 16px; height: 16px; cursor: pointer;} .mapPivot{} .leaflet-popup-content .splide .splide__slide a img{height: 150px !important; width: 100%; object-fit: cover;} /* maps end */ /*hamburger*/ header .hamburger {display: none;} /*hambuger end*/ /*header with banner*/ @media only screen and (min-width:1338px) { /*header*/ body:not(.scrolled) header.with-banner {background: #003F80; box-shadow: 0 0 0 transparent;} header.with-banner .header-top {} header .navbar {display: flex; align-items: center; gap: 35px; padding: 0;} header.with-banner + .header-pillow {display: block; height: 92px;} /*header end*/ /*main menu*/ body:not(.scrolled) header.with-banner .main-menu {--menu-item-color: var(--menu-item-color-dark); --menu-item-color-active: var(--menu-item-color-active-dark);} body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a {} body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.active a, body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a.active, body:not(.scrolled) header.with-banner .main-menu ul.menu-root li:is(:hover, :focus) > a, body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a:is(:hover, :focus) {} body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown > ul {background: #003F80; box-shadow: none; top: 63px;} body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown > ul li {} body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown > ul li a {} body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown li.has-dropdown > ul {} body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown:is(:hover, :focus) > ul {} .menu-layout-h ul.menu-root li.has-dropdown > ul{background: #003F80; box-shadow: none; top: 63px; padding: 30px; left: -202px; position: absolute !important; min-width: 484px; min-height: 329px;} .menu-layout-h ul.menu-root li.has-dropdown > ul li a{position: relative !important; width: fit-content;} .menu-layout-h ul.menu-root li.has-dropdown > ul li a::before{content: ''; position: absolute; left: 0; bottom: 0; width: 0px; height: 1px; background-color: #FF9900; transition: all 250ms;} .menu-layout-h ul.menu-root li.has-dropdown > ul li:hover a::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #FF9900;} .menu-layout-h ul.menu-root li.has-dropdown > ul li:hover a{color: white;} .menu-layout-h ul.menu-root li.has-dropdown a.main-link{position: relative;} .menu-layout-h ul.menu-root li.has-dropdown a.main-link svg{margin-left: 10px;} .menu-layout-h ul.menu-root li.has-dropdown a.main-link::before{content: ''; position: absolute; width: 100%; height: 80px; bottom: -70px;} /*main menu end*/ } /*header with banner end*/ /*scrolled*/ @media only screen and (min-width: 768px) { /*header*/ body.scrolled header .navbar-brand {} /*header end*/ } /*scrolled end*/ @media only screen and (max-width: 1450px){ .content-company{gap: 30px;} .content-company .content{max-width: calc(100% - 240px);} } /*menu mobile*/ @media only screen and (max-width: 1350px) { :root { /*header*/ --header-height: 60px; --header-height-scrolled: 60px; /*header end*/ } /*header*/ header .navbar-brand {padding: 12px 0 11px;} /*header end*/ /*main menu*/ header .main-menu { --menu-horizontal-item-padding: var(--menu-horizontal-item-padding-mobile); --menu-horizontal-dropdown-item-padding: var(--menu-horizontal-dropdown-item-padding-mobile); display: block; width:100vw; height: 0; max-height: calc(100vh - var(--header-height)); background: var(--color-white); box-shadow: 0 0 0 transparent; position: absolute; top: 100%; left: 50%; transform: translate(-50%, -1px); overflow: hidden; z-index: 1; } header .main-menu.active {overflow: auto; box-shadow:0 5px 5px -5px rgba(31, 31, 31, .3);} header .main-menu ul.menu-root {display:block;} header .main-menu ul.menu-root li {display:block;} header .main-menu ul.menu-root li a {display:block; height: auto; line-height: 1.5;} header .main-menu ul.menu-root li.has-dropdown > ul {display: block; position: static; width: auto; box-shadow: none; border-bottom: none; padding: 0;} /*main menu end*/ /*hamburger*/ header .hamburger {display: block;} /*hamburger end*/ header .navbar-brand{padding-right: 35px;} header .navbar{padding-right: 30px;} .hamburger .hamburger-inner, .hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after{background-color: white !important;} header .main-menu ul.menu-root{padding: 40px 90px;} header ul.menu-root li a{color: #232F5C !important; text-transform: uppercase;} header .main-menu ul.menu-root li.has-dropdown > ul li .image{display: none;} header ul.menu-root li{max-width: fit-content !important; padding: 10px;} header .main-menu ul.menu-root li.has-dropdown > ul li{margin: 0;} header .main-menu ul.menu-root li.has-dropdown > ul li a{text-transform: uppercase; padding-bottom: 0;} header .main-menu ul.menu-root li.has-dropdown > ul{overflow: hidden !important; height: 0px;} .menu-layout-h ul.menu-root li a.main-link svg path{stroke: #232F5C;} header .main-menu ul.menu-root li.has-dropdown > ul.active{height: 100%; margin-top: 20px; border-left: 2px solid #FF9900;} header .main-menu ul.menu-root li.has-dropdown > ul li:focus a{color: #FF9900 !important;} header .main-menu ul.menu-root li.has-dropdown > ul li:active a{color: #FF9900 !important;} } /*menu mobile end*/ /*banner*/ body.ctrl-homepage .page-content{margin: 0;} body.ctrl-contact .page-content{margin-top: 0;} body.ctrl-publication .page-content{margin-top: 0 !important;} body.ctrl-category .page-content{margin-top: 0px !important;} body.ctrl-product .page-content{margin-top: 0px !important;} body.ctrl-category .main-content .content-description{max-width: 1060px;} body.ctrl-homepage .pub-list .pub-list-title {padding: 0;} .legend-container{display: flex;flex-direction: column; padding: 30px;} .legend-container .title{ padding-bottom: 8px;color: #000000;font-family: Inter;font-size: 1.25rem;font-style: normal;font-weight: 600;line-height: 14px;letter-spacing: -0.48px;text-transform: uppercase;border-bottom: 2px solid #FF9900;margin-bottom: 40px;width: fit-content;margin: 15px;} .legend{display: flex;flex-wrap: wrap;width: 100%;padding: 20px;gap: 20px;max-width: 1120px;} .legend .box{display: flex; align-items: center; gap: 5px; width: 250px; font-size: 12px;} .legend .box .color{width: 20px; height: 20px; border-radius: 100%;} .realisation-select-container {padding: 30px;} .realisation-select-container .dropdown-menu.show {max-height: min(328px, calc(100dvh - 93px)); overflow-y: auto; overflow-x: hidden;} .realisation-select-container .dropdown-menu {padding-top: 0;} .realisation-select-container .dropdown-menu input {margin: 0; background: #fff; position: sticky; top: 0; left: 0; z-index: 1;} .realisation-select-container .dropdown-menu li:not(:last-of-type) {border-bottom: 1px solid var(--bs-border-color);} .realisation-select-container .realisation-link {} .realisation-select-container .realisation-link-description {font-size: .75rem; opacity: .8;} .banner {position: relative;} .widget-slider {position: relative;} .widget-slider::before{content: ''; width: 90px; height: 90px; left: 0; bottom: 0; position: absolute; background-color: white; z-index: 1;} .widget-slider::after{content: ''; width: 310px; height: 90px; right: 0; bottom: 0; position: absolute; background-color: white;} .widget-slider .slider-slide {padding: 0;} .widget-slider.widget-slider-full-height {overflow: hidden;} .widget-slider.widget-slider-full-height .slider-slide {height: 100vh; /*calc(100vh - var(--header-height))*/} .widget-slider.widget-slider-full-height .slider-slide img {width: 100%; height: 100%; object-fit: cover;} .widget-slider.widget-slider-as-background .slider-slide {display: flex; flex-direction: column; justify-content: flex-end; background-repeat: no-repeat; background-position: center; background-size: cover;} .widget-slider.widget-slider-as-background .slider-slide:before {content: ''; display: block; background: rgba(29, 30, 32, 0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;} .widget-slider .slide-texts {padding: 0 var(--container-padding); width: var(--container-wide-width); max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;} .widget-slider .slide-texts .slide-text-title {} .widget-slider .slide-texts .slide-text-description {} .widget-slider .slide-texts .slide-read-more {} .widget-slider .splide__arrows {} .widget-slider .splide__arrow {display: block; width: 30px; height: 30px; background: var(--color-white); transform: none; opacity: .4; transition:var(--transition); mask-image: url('../images/chevron.svg'); -webkit-mask-image: url('../images/chevron.svg'); mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain;} .widget-slider .splide__arrow:is(:hover, :focus) {opacity: 1;} .widget-slider .splide__arrow.splide__arrow--prev {left: var(--container-padding); transform: scaleX(-1);} .widget-slider .splide__arrow.splide__arrow--next {right: var(--container-padding);} .widget-slider .splide__arrow svg {display: none;} .widget-slider .splide__pagination {} .widget-slider .splide__pagination .splide__pagination__page {} .widget-slider .splide__pagination .splide__pagination__page.is-active {} .widget-slider .splide__pagination .splide__pagination__page:is(:hover, :focus) {} /*disable fullscreen in portrait orientation*/ /* @media only screen and (orientation: portrait) { .widget-slider.widget-slider-full-height .slider-slide {height:56.25vw;} } */ /*banner end*/ /*page title*/ .page-title-background {display: flex; align-items: center; min-height: 300px; background: no-repeat center / cover; position: relative; background: linear-gradient(180deg, #D9E7FD 0%, #E9F1FF 100%), rgba(29, 32, 67, 0.30);} .page-title-background::before{content: ''; position: absolute; width: 90px; height: 90px; background-color: white; bottom: 0; left: 0; z-index: 2;} .page-title-background::after{content: ''; position: absolute; width: 310px; height: 90px; background-color: white; bottom: 0; right: 0; z-index: 2;} /* .page-title-background:before {content: ''; display: block; background: rgba(26, 35, 43, 0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0;} */ .page-title-container {flex-grow: 1; padding: 60px 0; position: relative; z-index: 1; text-align: center;} .page-title-container .page-title-node {margin: 0; color: #232F5C;text-align: center;font-size: clamp(2.125rem, 1.581rem + 2.419vw, 4.000rem) /*64px->34px*/;font-style: normal;font-weight: 500;line-height: clamp(2.250rem, 1.706rem + 2.419vw, 4.125rem) /*66px->36px*/; /* 103.125% */letter-spacing: -2.56px;} .page-title-container .page-title-description {color: var(--color-white);} .page-title-background .breadcrumbs-container {width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1;} .page-title-background .breadcrumbs-container { --breadcrumb-color: rgba(255,255,255,.6); --breadcrumb-active-color: var(--color-white); --breadcrumb-divider-color: rgba(255,255,255,.6); } .page-title-background .breadcrumbs-container.image { bottom: -44px; } /*page title end*/ /*side menu*/ .left-side .menu-mobile-button {margin-bottom: 1rem;} /* .left-side .menu-container ul.menu-root {} .left-side .menu-container ul.menu-root {} .left-side .menu-layout-v ul.menu-root li {display:block;} .left-side .menu-layout-v ul.menu-root > li + li {} .left-side .menu-layout-v ul.menu-root > li > a {font-size: 1rem; font-weight: 400; color: var(--menu-color);} .left-side .menu-layout-v ul.menu-root > li.active > a, .left-side .menu-layout-v ul.menu-root > li > a:is(:hover, :focus) {color: var(--menu-color-active);} .left-side .menu-layout-v ul.menu-root li.has-dropdown > ul {} .left-side .menu-layout-v ul.menu-root li.has-dropdown.active > ul {} .left-side .menu-layout-v ul.menu-root li.has-dropdown > ul li a {font-size: 1rem; font-weight: 400; color: var(--menu-color);} .left-side .menu-layout-v ul.menu-root li.has-dropdown > ul li.active a, .left-side .menu-layout-v ul.menu-root li.has-dropdown > ul li ais(:hover, :focus) {color: var(--menu-color-active);} */ /*side menu end*/ /*widgets*/ /* .widget-entity:is(.widget-space-homepage, .widget-space-page-top, .widget-space-content, .widget-space-page-bottom) {margin: var(--widget-margin) 0;} */ /*.widget-entity + .widget-entity:is(.widget-space-homepage, .widget-space-page-top, .widget-space-content, .widget-space-page-bottom) {margin: var(--widget-margin);}*/ .widget-entity + .widget-entity:not(.widget-space-left-side, .widget-space-footer) {margin: var(--widget-margin);} .widget-entity:not(.widget-space-left-side, .widget-space-footer) .widget-title-outer {max-width: calc(var(--container-wide-width) + 2 * var(--container-padding)); padding-left: var(--container-padding); padding-right: var(--container-padding); margin: var(--widget-title-margin); margin-left: auto; margin-right: auto; font-size: var(--widget-title-size); font-size: var(--widget-title-size-clamp); line-height: var(--widget-title-lh); font-weight: var(--widget-title-weight); color: var(--widget-title-color); text-align: var(--widget-title-align);} *:is(.container-fluid, .container-wide, .container-narrow) .widget-entity:not(.widget-space-left-side, .widget-space-footer) .widget-title-outer {max-width: var(--container-wide-width); padding-left: 0; padding-right: 0;} .widget-entity:not(.widget-space-left-side, .widget-space-footer) .widget-title-inner {} .widget-entity + .widget-entity.widget-space-left-side {margin: var(--widget-side-margin);} .widget-entity.widget-space-left-side .widget-title-outer {margin: var(--widget-side-title-margin); font-size: var(--widget-side-title-size); font-size: var(--widget-side-title-size-clamp); line-height: var(--widget-side-title-lh); font-weight: var(--widget-side-title-weight); color: var(--widget-side-title-color); text-align: var(--widget-side-title-align);} .widget-entity.widget-space-left-side .widget-title-inner {} .widget-entity + .widget-entity.widget-space-footer {margin: var(--widget-footer-margin);} .widget-entity.widget-space-footer .widget-title-outer {margin: var(--widget-footer-title-margin); font-size: var(--widget-footer-title-size); font-size: var(--widget-footer-title-size-clamp); line-height: var(--widget-footer-title-lh); font-weight: var(--widget-footer-title-weight); color: var(--widget-footer-title-color); text-align: var(--widget-footer-title-align);} .widget-entity.widget-space-footer .widget-title-inner {} /*widgets end*/ /*contact*/ .contact-content-container {} .contact-content-container p.title{color: #171B52;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 600;line-height: 14px; /* 116.667% */letter-spacing: -0.48px;text-transform: uppercase; padding-bottom: 8px; border-bottom: 2px solid #F90; width: fit-content; margin-bottom: 60px;} .contact-form-container p.title, .contact-cta-container p.title{color: #171B52;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 600;line-height: 14px; /* 116.667% */letter-spacing: -0.48px;text-transform: uppercase; padding-bottom: 8px; border-bottom: 2px solid #F90; width: fit-content;} .contact-form-container label{display: none;} .contact-form-container form{margin-top: 60px;} .contact-form-container .alert {width: 100%;} .contact-form-container .form-control-type-text{flex-basis: calc(50% - 5px); margin-bottom: 0;} .contact-form-container .form-control-type-textarea{flex-basis: 100%; margin-bottom: 0;} .contact-form-container .form-control-type-captcha{flex-basis: 100%; margin-bottom: 15px;} .contact-form-container .form-control-type-checkbox span{color: var(--color-accent);/*#66698F;*/font-size: 10px;font-style: normal;font-weight: 400;line-height: 12px; /* 120% */letter-spacing: -0.3px;} .contact-form-container .form-control-type-text input, .contact-form-container .form-control-type-text input::placeholder, .contact-form-container .form-control-type-textarea textarea, .contact-form-container .form-control-type-textarea textarea::placeholder, .contact-form-container .form-control-type-captcha input, .contact-form-container .form-control-type-captcha input::placeholder{color: #171B52;font-size: 15px;font-style: normal;font-weight: 400;line-height: 12px; /* 100% */letter-spacing: -0.36px;} .contact-form-container .btn{display: flex;width: 196px;height: 50px;padding: 20px 50px;justify-content: center;align-items: center;gap: 20px;flex-shrink: 0; border-radius: 4px;background: #2E8BF6; color: #fff;} .recaptcha-container {color: var(--color-accent);/*#66698F;*/font-size: 10px;font-style: normal;font-weight: 400;line-height: 12px; /* 120% */letter-spacing: -0.3px;} /*2024.07.23 - honeypot*/ .contact-form-container .form-control-type-text.company {width: 0; height: 0; flex: 0; overflow: hidden;} /*2024.07.23 - honeypot end*/ .widget-elko-history .history .content-container .arrows .button{cursor: pointer;} .widget-elko-history .history .content-container .arrows .button svg{width: 15px; height: 15px;} .map-title{color: #171B52;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 600;line-height: 14px; /* 116.667% */letter-spacing: -0.48px;text-transform: uppercase; padding-bottom: 8px; border-bottom: 2px solid #F90; width: fit-content; margin-bottom: 60px;} .contact-form-container {} .contact-map-container {} .contact-form {display: flex; flex-wrap: wrap; gap: 10px;} .contact-form .submit-button-container {width: 100%;display: flex;justify-content: flex-end;} .contact-form .form-legend {font-size: 10px; color: var(--color-accent);} /*contact end*/ /*publication list*/ .pub-list {margin-bottom: -1.5rem;} .pub-list .pub-list-item {margin-bottom: 1.5rem;} .pub-list .pub-list-item .date{color: #F90;font-size: 10px;font-style: normal;font-weight: 600;line-height: 14px; /* 140% */letter-spacing: -0.2px;text-transform: uppercase; margin-bottom: 20px; padding: 0 20px;} .pub-list .pub-list-item:hover .pub-list-title{text-decoration: underline;} .pub-list .pub-list-item:hover .read-more, .pub-list .pub-list-item:hover .read-more a{color: #FF9900;} .pub-list .pub-list-item .read-more svg g path{transition: all 250ms;} .pub-list .pub-list-item:hover .read-more svg g path{fill: #FF9900;} .pub-list .pub-list-image {width: 100%; display: block; margin-bottom: 30px;} .pub-list .pub-list-title, .pub-list .pub-list-title a {color: #171B52;font-size: 1.375rem;font-style: normal;font-weight: 450;line-height: 1.812rem; /* 131.818% */letter-spacing: -0.66px; margin-bottom: 30px; transition: all 250ms;} .pub-list .pub-list-description {} .pub-list .pub-list-item .read-more, .pub-list .pub-list-item .read-more a { color: #66698F;text-align: center;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px; /* 116.667% */letter-spacing: -0.48px; display: flex; align-items: center; gap: 20px; transition: all 250ms; max-width: fit-content;} /*publication list end*/ /*footer*/ footer {} footer .top { padding: 0 130px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ECEDF1; display: flex; gap: 75px; margin-top: 20px;} footer .top ul.menu-root{display: flex; align-items: center;} footer .top ul.menu-root li a{height: auto !important; line-height: auto !important; color: #646D84;font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 14px; /* 100% */letter-spacing: -0.28px; transition: all 250ms;} footer .top ul.menu-root li:hover a{color: #171B52;} footer .top .widget-menu{display: flex; align-items: center;} footer .bottom {padding: 0 130px;} footer .bottom p, footer .bottom p a{color: #BFC2CB;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px; /* 116.667% */letter-spacing: -0.24px;} /*footer end*/ /*footer menu*/ footer ul.menu-root li a {} footer ul.menu-root li.active a, footer ul.menu-root li a.active, footer ul.menu-root li:is(:hover, :focus) > a, footer ul.menu-root li a:is(:hover, :focus) {} footer ul.menu-root li.has-dropdown > ul {} footer ul.menu-root li.has-dropdown > ul li {} footer ul.menu-root li.has-dropdown > ul li a {} footer ul.menu-root li.has-dropdown li.has-dropdown > ul {} footer ul.menu-root li.has-dropdown:is(:hover, :focus) > ul {} footer .menu-nav-wrapper.menu-layout-h ul.menu-root li.has-dropdown > ul {display: none !important;} /*footer end*/ .widget-page-title{margin-bottom: 100px !important;} .content-publication{max-width: 1024px; width: 100%; margin: 0 auto; padding-left: var(--container-padding); padding-right: var(--container-padding);} /* products category*/ .products-category-entries{background: linear-gradient(180deg, #D9E7FD 0%, #E9F1FF 100%), rgba(29, 32, 67, 0.30); margin-bottom: 80px;} .products-category-entries .content{display: flex; flex-direction: column; padding-top: 90px;} .products-category-entries .content .top{display: flex; justify-content: center; margin-bottom: 10px;} .products-category-entries .content .bottom{display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 95px; justify-content: center;} .products-category-entries .content .bottom .product, .other-from-category-container .product{flex-basis: calc(33.333333333% - 15px); background-color: white; padding: 20px 30px 0px 30px;flex-direction: column;align-items: flex-start; display: flex; transition: all 300ms; border: 2px solid transparent;} .products-category-entries .content .bottom .product:hover, .other-from-category-container .product:hover{border: 2px solid #F90;} .products-category-entries .content .bottom .product:hover .readmore, .other-from-category-container .product:hover .readmore{color: #F90;} .products-category-entries .content .bottom .product:hover .readmore svg g path, .other-from-category-container .product:hover .readmore svg g path{fill: #F90;} .products-category-entries .content .bottom .product .readmore svg g path, .other-from-category-container .product .readmore svg g path{transition: all 300ms;} .products-category-entries .content .bottom .product .product-name, .other-from-category-container .product .product-name{color: #171B52;font-size: 1.375rem;font-style: normal;font-weight: 450;line-height: 1.812rem; /* 131.818% */letter-spacing: -0.66px; width: 100%; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #ECEDF1;} .products-category-entries .content .bottom .product .product-description, .other-from-category-container .product .product-description{color: #66698F;font-size: 0.8rem;font-style: normal;font-weight: 500;line-height: 1; /* 131.818% */letter-spacing: -0.66px; width: 100%;} .products-category-entries .content .bottom .product .product-description > *, .other-from-category-container .product .product-description > *{color: #66698F;font-size: 0.8rem;font-style: normal;font-weight: 500;line-height: 1; /* 131.818% */letter-spacing: -0.66px; width: 100%;} .products-category-entries .content .bottom .product .readmore, .other-from-category-container .product .readmore{display: flex; gap: 20px; color: #66698F;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px; /* 116.667% */letter-spacing: -0.48px; align-items: center; margin-bottom: 40px; transition: all 300ms;} .products-category-entries .content .bottom .product .product-image, .other-from-category-container .product .product-image{max-height: 230px; margin-bottom: 20px; height: 230px;} .products-category-entries .content .bottom .product .product-image.small, .other-from-category-container .product .product-image.small{max-height: 130px; margin-bottom: 20px; height: 130px;} .products-category-entries .content .bottom .product .product-image img, .other-from-category-container .product .product-image img{width: 100%;object-fit: contain;height: 100% !important;} .products-category-entries .content .bottom .product .product-image picture, .other-from-category-container .product-image picture{width: 100%; height: 100%;} .products-category-entries .content .bottom .product .product-entry, .other-from-category-container .product .product-entry{width: 100%;} /* sub-category */ .subcategories-container{margin-top: 100px;} .subcategories-container .content{display: flex; flex-direction: column; gap: 150px;} .subcategories-container .content .subcategory{display: flex; flex-direction: column; padding-top: 30px; border-top: 1px solid #ECEDF1;} .subcategories-container .content .subcategory:nth-child(1){border-top: none;} .subcategories-container .content .subcategory .title{margin-bottom: 20px !important;} .subcategories-container .content .subcategory .description{color: #66698F;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.5rem; /* 150% */letter-spacing: -0.64px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ECEDF1;} .subcategories-container .content .products{display: flex; flex-wrap: wrap;} .subcategories-container .content .products .product{flex-basis: calc(25% - 10px); padding: 20px 30px; padding-bottom: 0; border: 2px solid transparent; transition: all 300ms;} .subcategories-container .content .products .product .title{ margin-top: 20px; color: #171B52;font-size: 1.375rem;font-style: normal;font-weight: 450;line-height: 1.812rem; /* 131.818% */letter-spacing: -0.66px; padding-bottom: 20px; border-bottom: 1px solid #ECEDF1; margin-bottom: 20px;} .subcategories-container .content .products .product .readmore{display: flex; gap: 20px; align-items: center;color: #66698F;font-size: 12px;font-style: normal;font-weight: 500;line-height: 14px; /* 116.667% */letter-spacing: -0.48px; margin-bottom: 40px; transition: all 300ms;} .subcategories-container .content .products .product .readmore svg g path{transition: all 300ms;} .subcategories-container .content .products .product:hover .readmore svg g path{fill: #F90;} .subcategories-container .content .products .product:hover .readmore{color: #F90;} .subcategories-container .content .products .product .image{height: 230px; width: 100%; max-width: 220px; margin: 0 auto;} .subcategories-container .content .products .product .image picture{display: block; height: 100%; width: 100%;} .subcategories-container .content .products .product .image picture img{width: 100%; height: 100% !important; object-fit: contain;} .subcategories-container .content .products .product:hover{border: 2px solid #F90;} /* product page */ .product-page{display: flex; flex-direction: column; gap: 20px;} .product-page .product-main{display: flex; gap: 100px;} .product-page .product-main .textHolder{padding: 10px;font-size: 14px;border: 1px solid #ECEDF1;border-top: 0;color: #000;} .product-page .product-main .image .big{display: block;width: 100%;height: 524px;max-height: 524px;max-width: 588px;padding: 20px 30px;padding-bottom: 0;border: 1px solid #ECEDF1;background: #FFF; min-width: 588px; display: flex; align-items: center;} .product-page .product-main .image .big picture{display: block; width: 100%; height: 100%;} .product-page .product-main .image .big picture img{height: 100% !important; width: 100%; object-fit: contain; object-position: center center;} .product-page .product-main .image .small{display: flex; max-width: 588px; overflow: auto; margin-top: 12px; gap: 7px; flex-wrap: wrap;} .product-page .product-main .image .small a{flex-basis: calc(16.6666666666% - 5px); height: 90px; background-color: white; border: 1px solid #ECEDF1; transition: all 300ms; cursor: pointer;} .product-page .product-main .image .small a.active{border: 1px solid #f90;} .product-page .product-main .image .small a:hover{border: 1px solid #F90;} .product-page .product-main .image .small a picture{display: block; height: 100%; width: 100%; padding: 10px;} .product-page .product-main .image .small a picture img{width: 100%; height: 100% !important; object-fit: contain; object-position: center center;} .product-page .product-details{max-width: 980px; width: 100%;} .product-page .other-from-category-container{ display: flex; flex-wrap: wrap; overflow: hidden; height: 0; opacity: 0; background: linear-gradient(180deg, #D9E7FD 0%, #E9F1FF 100%), rgba(29, 32, 67, 0.30); gap: 15px; padding: 20px; transition: height 0.4s ease, opacity 0.3s ease; } .product-page .other-from-category-container.active{ opacity: 1; } .product-page #showSimilarProd.btn{ display: flex; gap: 20px; padding: 15px 20px; border-radius: 4px; background: transparent; max-width: fit-content; color: #171B52; text-align: center; font-family: Inter; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.56px; transition: all 250ms; max-width: 205px; border: 1px solid #ECEDF1; align-self: flex-end; position: relative; z-index: 10; } .product-page #showSimilarProd.btn:hover{ background-color: #2E8BF6; border-color: #2E8BF6; color: #fff; } /* gallery */ .gallery-categories{display: flex; gap: 30px; flex-wrap: wrap;} .gallery-categories .gallery-item{flex-basis: calc(25% - 23px); min-height: 220px; position: relative; overflow: hidden;} .gallery-categories .gallery-item a{height: 100%;} .gallery-categories .gallery-item a img{height: 100% !important; width: 100%; object-fit: cover; transition: all 200ms;} .gallery-categories .gallery-item:hover a img{transform: scale(1.1);} .gallery-categories .gallery-item .gallery-item-image{width: 100%; height: 100%;} .gallery-categories .gallery-item .gallery-item-image picture{display: block; width: 100%; height: 100%;} .gallery-categories .gallery-item .gallery-item-image picture img{width: 100%; height: 100% !important; object-fit: cover;} .gallery-categories .gallery-item .gallery-item-title{position: absolute; bottom: 0; left: 0; width: 100%; min-height: 50px; background-color: #004080b6; display: flex; justify-content: center; align-items: center; padding: 10px;color: #EBECFF;font-family: Inter;font-size: 12px;font-style: normal;font-weight: 600;line-height: 14px;letter-spacing: -0.48px; text-transform: uppercase;} /* gallery-list */ .gallery-list{display: flex; gap: 30px; row-gap: 80px; flex-wrap: wrap;} .gallery-list .gallery-item{display: flex; flex-direction: column; flex-basis: calc(25% - 23px);} .gallery-list .gallery-item .title{padding-bottom: 60px; position: relative; width: fit-content; color: #171B52;font-size: 1.375rem;font-style: normal;font-weight: 450;line-height: 1.812rem;letter-spacing: -0.66px;margin-bottom: 30px;transition: all 250ms;} .gallery-list .gallery-item .title::before{content: ''; position: absolute; bottom: 30px; width: 100%; height: 2px; background-color: #F90;} .gallery-list .gallery-item .images{width: 100%; display: flex; gap: 5px; flex-wrap: wrap; overflow: hidden;} .gallery-list .gallery-item .images .image{height: 300px; width: 100%;} .gallery-list .gallery-item .images .image img{height: 100% !important; width: 100%; object-fit: cover; transition: all 200ms;} .gallery-list .gallery-item:hover .images .image img{transform: scale(1.1);} /* documents-container */ .documents-container{display: flex; flex-direction: column; gap: 60px;} .documents-container .prospects{display: flex; flex-wrap: wrap; gap: 5px;} .documents-container .prospects .element{display: flex; gap: 15px; align-items: center; flex-basis: calc(25% - 5px); border: 1px solid whitesmoke; padding: 10px; transition: all 250ms;} .documents-container .prospects .element:hover{border-color: #003F80;} .documents-container .prospects .element svg{width: 30px;} .documents-container .prospects .element .title{color: #171B52;font-family: Inter;font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1rem;letter-spacing: -0.88px;} .glightbox-container .gslider .gdesc-inner {display: none;} .widget-user-box .userbox-container.contact-cta {} .widget-user-box .userbox-container.contact-cta .boxes-list {gap:30px; margin-top: -30px;} .widget-user-box .userbox-container.contact-cta .boxes-list .box {background-color: #003A7D; position: relative;} .widget-user-box .userbox-container.contact-cta .boxes-list .box:before {content:''; position: absolute; bottom: 0; left:0; right:0; height: 7px; background-color: #FF9900;} .widget-user-box .userbox-container.contact-cta .boxes-list .box:after {content:''; position: absolute; bottom: 0; right:0; width: 40px; height: 47px; background-color: #fff;} .widget-user-box .userbox-container.contact-cta .boxes-list .box-content {padding: 30px;} .widget-user-box .userbox-container.contact-cta .boxes-list .box-content * {color: #FFFFFF; font-weight: 300;} .widget-user-box .userbox-container.contact-cta .boxes-list .box-content p.title {font-weight: 400;} .widget-user-box .userbox-container.contact-cta .boxes-list .box-content p.paragraph-with-phone {margin-top: 40px;} .widget-user-box .userbox-container.contact-cta .boxes-list .box-content a {transition: all .2s;} .widget-user-box .userbox-container.contact-cta .boxes-list .box-content a:hover {color: #FF9900;} .page-id-2a95056e-1907-4bbb-ac6d-a7395c2c016f .widget-elko-product-category-title .page-title-background{ min-height: 240px; } @media only screen and (min-width:768px) { /*animation*/ .animate {opacity: 0;} /*animation end*/ } @media only screen and (min-width:991px) { .contact-form-container {padding-right: 60px;} } @media only screen and (max-width: 1920px){ header ul.menu-root{align-items: flex-start;} header ul.menu-root{gap: 0;} header ul.menu-root li{margin-right: 20px;} /* header ul.menu-root li:nth-child(3){max-width: 165px;} */ header ul.menu-root li.menu-max-width {max-width: 165px;} .menu-layout-h ul.menu-root li.has-dropdown > ul{left: -160px; top: 70px;} .menu-layout-h ul.menu-root li.has-dropdown > ul li{max-width: fit-content !important;} header .navbar-brand{min-width: 465px;} header .main-menu{justify-content: flex-end;} } @media only screen and (max-width: 1800px){ header .navbar-brand{min-width: 420px;} /* header ul.menu-root li{margin-right: 25px;} */ } @media only screen and (max-width: 1700px){ header .navbar-brand{min-width: 385px;} } @media only screen and (max-width: 1660px){ header .navbar-brand{padding-left: 100px;} header .main-menu{padding-right: 130px; justify-content: flex-end;} header .navbar-brand{min-width: 350px;} header ul.menu-root li:last-child{margin-right: 0;} .publication-homepage{padding: 0 100px;} footer .top{padding: 0 100px; padding-bottom: 25px;} } @media only screen and (max-width: 1600px){ header .navbar-brand{min-width: 325px;} .page-title-background::before{display: none;} header ul.menu-root li{margin-right: 15px;} } @media only screen and (max-width: 1500px){ header .navbar-brand{min-width: 290px;} header .main-menu {padding-right: 100px;} } @media only screen and (max-width: 1440px){ .widget-slider::before{width: 90px;} .widget-slider::after{width: 195px;} header .navbar-brand{min-width: 250px; padding-left: 90px;} /*header ul.menu-root li{margin-right: 15px;}*/ header ul.menu-root li{margin-right: 10px;} .menu-layout-h ul.menu-root li.has-dropdown a.main-link svg {margin-left: 6px;} header .main-menu {padding-right: 90px;} .publication-homepage .pub-list .pub-list-item .pub-list-image{max-height: 230px;} .publication-homepage{display: flex; flex-direction: column; padding: 0 90px;} footer .top{padding: 0 80px; padding-bottom: 25px;} } /*breakpoint XL*/ @media only screen and (max-width: 1399px) {} /*breakpoint XL end*/ @media only screen and (max-width: 1250px){ header .navbar-brand{padding-left: 60px;} .widget-slider::before{width: 60px; height: 60px;} .publication-homepage{padding: 0 60px;} header .main-menu ul.menu-root{padding: 40px 60px;} footer .top{padding: 0 60px;} footer .bottom{padding: 0 60px;} .product-page .product-main{gap: 60px;} } /*breakpoint LG*/ @media only screen and (max-width: 1199px) {} /*breakpoint XL end*/ @media only screen and (max-width: 900px){ .content-company .blocker{display: none !important;} .content-company .menu{display: none !important;} .content-company .content{max-width: 100%;} } /*breakpoint MD*/ @media only screen and (max-width: 991px) { /*banner*/ .banner {position: relative;} .widget-slider.widget-slider-full-height .slider-slide {height: calc(100vh - var(--header-height));} /*banner end*/ } /*breakpoint MD end*/ @media only screen and (max-width: 1150px){ .product-page .product-main .image .big{min-width: 460px;} .product-page .product-main .image .small{max-width: 460px;} .documents-container .prospects .element{flex-basis: calc(33.333333% - 5px);} } @media only screen and (max-width: 1024px){ .publication-homepage .pub-list .pub-list-item{flex-basis: calc(50% - 15px);} .products-category-entries .content .bottom .product, .other-from-category-container .product{flex-basis: calc(50% - 15px);} .product-page .product-main{flex-direction: column;} .product-page .product-main .image .big{min-width: 100%;} .product-page .product-main .image .small{max-width: 100%;} } @media only screen and (max-width: 850px){ .documents-container .prospects .element{flex-basis: calc(50% - 5px);} .gallery-categories .gallery-item {flex-basis: calc(50% - 23px);} } /*breakpoint SM*/ @media only screen and (max-width: 767px) { .product-page .product-main .image .big{height: 370px;} .product-page{gap: 60px;} .widget-page-title{margin-bottom: 60px !important;} header .navbar-brand{padding-left: 30px;} .widget-slider::before{content: none;} .widget-slider::after{content: none;} .publication-homepage{padding: 0 30px;} .publication-homepage .pub-list{row-gap: 50px !important;} .publication-homepage .pub-list .pub-list-item{flex-basis: 100%; height: 100%;} .publication-homepage .pub-list .pub-list-item .pub-list-image{max-height: 340px;} header .main-menu { padding-right: 20px; } header .main-menu ul.menu-root{padding: 40px 20px;} footer .top{padding: 0 30px; flex-wrap: wrap; gap: 30px; padding-bottom: 40px;} footer .bottom{padding: 0 30px;} footer .top .navbar-brand{min-width: 150px;} .publication-homepage .section-top{padding-top: 60px;} .page-title-background::after{display: none;} .content-company{padding-top: 60px;} .products-category-entries{margin-bottom: 60px;} .legend .box{width: auto;} } @media only screen and (max-width: 550px){ .map-wrapper .map-sidebar .item .images .image{flex-basis: calc(50% - 5px);} .map-wrapper .map-sidebar .item .content{padding: 15px;} } @media only screen and (max-width: 600px){ .products-category-entries .content .bottom .product, .other-from-category-container .product{flex-basis: calc(50% - 5px); padding: 15px;} .products-category-entries .content .bottom .product .readmore, .other-from-category-container .product .readmore{margin-bottom: 15px;} .products-category-entries .content .bottom{gap: 10px;} .product-page .product-main .image .small a{flex-basis: calc(25% - 6px)} .gallery-categories .gallery-item {flex-basis: 100%;} .page-title-background .breadcrumbs-container.image {bottom: -55px;} } @media only screen and (max-width: 500px){ .products-category-entries .content .bottom .product, .other-from-category-container .product{flex-basis: 100%;} .documents-container .prospects .element{flex-basis: 100%;} } @media only screen and (max-width: 450px){ .publication-homepage{padding: 0 20px;} .publication-homepage .pub-list .pub-list-item .content{padding: 20px;} .product-page .product-main .image .big{height: 310px;} } @media only screen and (max-width: 400px){ .map-wrapper .map-sidebar .item .images .image{height: 150px;} .map-wrapper .map-sidebar .item .images{padding: 15px;} } /*breakpoint SM end*/ /*breakpoint XS*/ @media only screen and (max-width: 575px) {} /*breakpoint XS end*/