/* Start:/local/templates/landing/components/bitrix/menu/top_menu/style.min.css?1670405458490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/landing/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/landing/components/bitrix/news.list/social/style.css?1664311073241*/
div.news-list img.preview-picture
{
	float:left;
	margin:0 4px 6px 0;
}

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

.news-date-time
{
	font-size:95%;
	display:block;
	color:#82929a;
}

.preview-picture {

	border: 1px solid #E4E7E9;
}

/* End */


/* Start:/local/templates/landing/template_styles.css?1749562093152016*/
@media only screen and (max-width: 399px) {
    header .search-container .search-input-container form input[type=search], header .search-container .search-input-container form input[type=text] {
        width: 80%;
    }

    header .search-container .search-input-container form input[type=submit] {
        width: 20%;
    }
}

@media only screen and (max-width: 767px) {
    .offset {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .flex-col.row-inner {
        margin-left: -5px;
        margin-right: -5px;
    }

    .flex-col.content {
        padding-right: 5px;
        padding-left: 5px;
    }

    .flex-col .col {
        padding-right: 15px;
        padding-left: 15px;
    }

    .cookie-dialog {
        width: 100%;
    }

    .tabber-region .resp-tabs-container .resp-accordion {
        margin-right: 5px;
        margin-left: 5px;
    }

    .image {
        margin: 0 0 10px;
    }

    .contact-service-box button, .contact-service-box input[type=submit], .contact-service-box input[type=reset], .contact-service-box a.button, .contact-service-box a.button-inverted {
        display: block;
        margin: 0 0 20px 0;
        text-align: center;
        width: 100%;
    }
}

@media only screen and (max-width: 1023px) {
    .contact-service-box {
        padding-bottom: 15px;
    }
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box-start {
    justify-content: flex-start;
}

.box-end {
    justify-content: flex-end;
}

.box-center {
    justify-content: center;
}

.box-align-center {
    align-items: center;
}

.box-align-end {
    align-items: flex-end;
}

.offset-top {
    padding-top: 25px;
}

.offset-bottom {
    padding-bottom: 25px;
}

.offset-top-head {
    padding-top: 50px;
}

@media only screen and (min-width: 1px) {
    .xsb-1 {
        width: 8.33333333%;
    }

    .xsb-2 {
        width: 16.66666667%;
    }

    .xsb-3 {
        width: 25%;
    }

    .xsb-4 {
        width: 33.33333333%;
    }

    .xsb-5 {
        width: 41.66666667%;
    }

    .xsb-6 {
        width: 50%;
    }

    .xsb-7 {
        width: 58.33333333%;
    }

    .xsb-8 {
        width: 66.66666667%;
    }

    .xsb-9 {
        width: 75%;
    }

    .xsb-10 {
        width: 83.33333333%;
    }

    .xsb-11 {
        width: 91.66666667%;
    }

    .xsb-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 400px) {
    .sb-1 {
        width: 8.33333333%;
    }

    .sb-2 {
        width: 16.66666667%;
    }

    .sb-3 {
        width: 25%;
    }

    .sb-4 {
        width: 33.33333333%;
    }

    .sb-5 {
        width: 41.66666667%;
    }

    .sb-6 {
        width: 50%;
    }

    .sb-7 {
        width: 58.33333333%;
    }

    .sb-8 {
        width: 66.66666667%;
    }

    .sb-9 {
        width: 75%;
    }

    .sb-10 {
        width: 83.33333333%;
    }

    .sb-11 {
        width: 91.66666667%;
    }

    .sb-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 640px) {
    .smb-1 {
        width: 8.33333333%;
    }

    .smb-2 {
        width: 16.66666667%;
    }

    .smb-3 {
        width: 25%;
    }

    .smb-4 {
        width: 33.33333333%;
    }

    .smb-5 {
        width: 41.66666667%;
    }

    .smb-6 {
        width: 50%;
    }

    .smb-7 {
        width: 58.33333333%;
    }

    .smb-8 {
        width: 66.66666667%;
    }

    .smb-9 {
        width: 75%;
    }

    .smb-10 {
        width: 83.33333333%;
    }

    .smb-11 {
        width: 91.66666667%;
    }

    .smb-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .mb-1 {
        width: 8.33333333%;
    }

    .mb-2 {
        width: 16.66666667%;
    }

    .mb-3 {
        width: 25%;
    }

    .mb-4 {
        width: 33.33333333%;
    }

    .mb-5 {
        width: 41.66666667%;
    }

    .mb-6 {
        width: 50%;
    }

    .mb-7 {
        width: 58.33333333%;
    }

    .mb-8 {
        width: 66.66666667%;
    }

    .mb-9 {
        width: 75%;
    }

    .mb-10 {
        width: 83.33333333%;
    }

    .mb-11 {
        width: 91.66666667%;
    }

    .mb-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .lb-1 {
        width: 8.33333333%;
    }

    .lb-2 {
        width: 16.66666667%;
    }

    .lb-3 {
        width: 25%;
    }

    .lb-4 {
        width: 33.33333333%;
    }

    .lb-5 {
        width: 41.66666667%;
    }

    .lb-6 {
        width: 50%;
    }

    .lb-7 {
        width: 58.33333333%;
    }

    .lb-8 {
        width: 66.66666667%;
    }

    .lb-9 {
        width: 75%;
    }

    .lb-10 {
        width: 83.33333333%;
    }

    .lb-11 {
        width: 91.66666667%;
    }

    .lb-12 {
        width: 100%;
    }
}

@media only screen and (min-width: 1220px) {
    .xlb-1 {
        width: 8.33333333%;
    }

    .xlb-2 {
        width: 16.66666667%;
    }

    .xlb-3 {
        width: 25%;
    }

    .xlb-4 {
        width: 33.33333333%;
    }

    .xlb-5 {
        width: 41.66666667%;
    }

    .xlb-6 {
        width: 50%;
    }

    .xlb-7 {
        width: 58.33333333%;
    }

    .xlb-8 {
        width: 66.66666667%;
    }

    .xlb-9 {
        width: 75%;
    }

    .xlb-10 {
        width: 83.33333333%;
    }

    .xlb-11 {
        width: 91.66666667%;
    }

    .xlb-12 {
        width: 100%;
    }
}

.slick-slider, .top-image {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    margin: 0 auto;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 50px;
    width: 33px;
    line-height: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 45%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 9998;
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
    width: 30px;
    height: 50px;
    display: inline-block;
}

.slick-prev {
    left: 0;
    margin: 0 0 0 20px;
}

.slick-prev[dir="rtl"] {
    left: auto;
    right: 0;
}

.slick-prev:before {
    content: '';
    background: url('/local/templates/landing/../../../assets/images/icons/arrow-left-white.svg') transparent no-repeat center center / 70% auto;
}

.slick-prev:before[dir="rtl"] {
    content: '';
    background: url('/local/templates/landing/../../../assets/images/icons/arrow-right-white.svg') transparent no-repeat center center / 70% auto;
}

.slick-next {
    right: 0;
}

.slick-next[dir="rtl"] {
    left: 0;
    right: auto;
}

.slick-next:before {
    content: '';
    background: url('/local/templates/landing/../../../assets/images/icons/arrow-right-white.svg') transparent no-repeat center center / 70% auto;
}

.slick-next:before[dir="rtl"] {
    content: '';
    background: url('/local/templates/landing/../../../assets/images/icons/arrow-left-white.svg') transparent no-repeat center center / 70% auto;
}

.slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 10;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    font-size: 45px;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

.rathgeber .main-navigation .mega-menu ul li .icon {
    display: none;
}

.navigation li {
    list-style: none;
}

.navigation li .mega-menu {
    display: none;
}

.navigation.nav-overlay li a {
    display: block;
    width: 100%;
}

.container-with-content-nav {
    position: relative;
}

.container-with-content-nav .content-navigation {
    align-items: flex-start;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9998;
    margin-bottom: 15px;
}

.container-with-content-nav .content-navigation .background {
    margin-top: 40px;
    background-color: #ffffff;
    border: solid 1px #d2d2d2;
}

.container-with-content-nav .content-navigation .accordion {
    padding-top: 0;
    position: relative;
}

.container-with-content-nav .content-navigation .accordion .click {
    background: url('/local/templates/landing/../../../assets/images/icons/arrow-down-blue.svg') no-repeat right center / auto 10px transparent;
    display: inline-block;
    height: 20px;
    position: absolute;
    top: 32px;
    right: 28px;
    width: 30px;
}

.container-with-content-nav .content-navigation .accordion .click.open {
    background: url('/local/templates/landing/../../../assets/images/icons/arrow-up-blue.svg') no-repeat right center / auto 10px transparent;
}

.container-with-content-nav .content-navigation .accordion .detail {
    display: block;
}

.container-with-content-nav .content-navigation .content-nav {
    padding: 0 20px 0 30px;
}

.container-with-content-nav .content-navigation .content-nav.title {
    font-size: 26px;
    font-weight: 600;
    padding: 0 20px 10px 30px;
}

.container-with-content-nav .content-navigation .content-nav ul {
    padding: 0 0 20px 0;
    width: 100%;
}

.container-with-content-nav .content-navigation .content-nav ul li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}

.container-with-content-nav .content-navigation .content-nav ul li.has-children a {
    width: 78%;
}

.container-with-content-nav .content-navigation .content-nav ul li.has-children .mega-menu {
    display: none;
    width: 100%;
}

.container-with-content-nav .content-navigation .content-nav ul li.has-children .mega-menu ul {
    width: 100%;
    padding: 0 0 0 15px;
}

.container-with-content-nav .content-navigation .content-nav ul li.has-children .mega-menu ul li ul {
    display: none;
}

.container-with-content-nav .content-navigation .content-nav ul li .toggle-sub-menu {
    display: flex;
    justify-content: flex-end;
    width: 22%;
}

.container-with-content-nav .content-navigation .content-nav ul li .toggle-sub-menu:after {
    background: url('/local/templates/landing/../../../assets/images/icons/plus-blue.svg') no-repeat center center / 40% auto transparent;
    content: ' ';
    cursor: pointer;
    display: block;
    height: 34px;
    width: 34px;
}

.container-with-content-nav .content-navigation .content-nav ul li .toggle-sub-menu.open:after {
    background: url('/local/templates/landing/../../../assets/images/icons/minus-blue.svg') no-repeat center center / 40% auto transparent;
}

.container-with-content-nav .content-navigation .content-nav ul li:hover > a, .container-with-content-nav .content-navigation .content-nav ul li.active > a {
    color: #5e85c6;
}

.container-with-content-nav .content-navigation .content-nav ul li:hover ul li:hover > a, .container-with-content-nav .content-navigation .content-nav ul li.active ul li:hover > a, .container-with-content-nav .content-navigation .content-nav ul li:hover ul li.active > a, .container-with-content-nav .content-navigation .content-nav ul li.active ul li.active > a {
    color: #5e85c6;
}

.container-with-content-nav .content-navigation .content-nav ul li:hover ul li a, .container-with-content-nav .content-navigation .content-nav ul li.active ul li a {
    color: #363636;
}

.container-with-content-nav .content-navigation .content-nav ul li a {
    color: #363636;
    display: block;
    font-weight: 600;
    text-decoration: none;
    padding: 5px 0;
}

.container-with-content-nav .content-navigation .content-nav ul li a .icon {
    display: none;
}

#consentHint {
    background-color: #EBCCD1;
    display: none;
    width: 100%;
    padding: 20px;
}

#consentHint .uc-consent-info-content {
    margin: 0 0 10px 0;
}

#consentHint .uc-embed .uc-consent-info-content .uc-label-text {
    font-size: 16px;
}

#consentHint .uc-embed .uc-checkbox.uc-label-right .uc-form-check-label {
    line-height: 17px !important;
}

.certificateFiledownload {
    width: 100%;
}

.certificateFiledownload .hidden {
    display: none;
}

.certificateFiledownload .responsive-table table td.positionHeader {
    padding-top: 26px;
    font-size: 20px;
    text-align: center;
}

.certificateFiledownload .form .submit {
    margin-bottom: 25px;
}

.certificateFiledownload .form label:hover {
    cursor: pointer;
}

.certificateFiledownload .actionbar {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.certificateFiledownload .actionbar div, .certificateFiledownload .actionbar input {
    margin: 6px;
}

.certificateFiledownload .buttonSelectAll {
    margin-right: 12px;
    flex-shrink: 0;
}

.certificateFiledownload .languageswitch select {
    padding-right: 35px;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #363636;
    opacity: 0.6;
    top: 0;
    left: 0;
}

.overlay.hidden {
    display: none;
}

.lds-spinner {
    color: white;
    display: inline-block;
    position: fixed;
    width: 80px;
    height: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
    z-index: 10005;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.rathgeber header .header-top .logo img {
    width: auto;
}

header .header-top .top-navigation ul {
    display: flex;
    justify-content: flex-end;
}

header .header-top .top-navigation ul li a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

header .header-top .top-navigation ul li a:hover {
    text-decoration: underline;
}

header .header-top .top-navigation .accordion .detail {
    padding: 0;
}

header .header-top .top-navigation .language-switch {
    position: relative;
}

header .header-top .top-navigation .language-switch.accordion {
    padding-top: 0;
}

header .header-top .top-navigation .language-switch .lang-menu-label {
    display: flex;
    align-items: center;
}

header .header-top .top-navigation .language-switch .lang-menu-content {
    background: #f5f7f7;
    border: solid 1px #2b4376;
    margin-top: 5px;
    position: absolute;
    z-index: 99999;
}

header .header-top .top-navigation .language-switch .lang-menu-content ul {
    display: block;
}

header .header-top .top-navigation .language-switch .lang-menu-content ul li {
    padding: 10px;
    border-bottom: solid 1px #2b4376;
}

header .header-top .top-navigation .language-switch .lang-menu-content ul li a {
    display: flex;
    align-items: center;
}

header .header-top .top-navigation .language-switch .lang-menu-content ul li a .flag {
    margin: 0 10px 0 0;
}

header .header-top .top-navigation .language-switch .lang-menu-content ul li a .flag img {
    height: 30px;
}

header .header-top .top-navigation .top-nav-mobile-accordion {
    padding-top: 0;
}

header .search-container .fields {
    display: flex;
    width: 100%;
}

.top-image.fullsize img {
    margin: 0 auto;
    max-height: 38vw;
    height: auto;
    object-fit: cover;
    object-position: center; /*0% 64%*/
}

.inner-background .top-image.fullsize img {
    max-height: 477px;
    height: 477px;
    width: 100%;
}

@media screen and (max-width: 575px) {
    .inner-background .top-image.fullsize img {
        max-height: 420px;
        height: 420px;
    }
}

@media screen and (max-width: 460px) {
    .inner-background .top-image.fullsize img {
        max-height: 600px;
        height: 150vw;
    }
}

.product-finder-container {
    position: relative;
}

.product-finder-container .product-finder-box {
    -webkit-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
}

.product-finder-container .product-finder-box .background {
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-finder-container .product-finder-box .background input {
    width: 100%;
}

.product-finder-container .product-finder-box .image {
    margin-bottom: 15px;
}

.product-finder-container .product-finder-box a {
    border-bottom: 2px solid transparent;
    border-bottom-color: #ffe00e;
    padding: 0 0 2px 0;
    font-weight: 700;
}

.product-finder-container .product-finder-box a:hover {
    border-color: #363636;
    text-decoration: none;
}

@media all and (min-width: 768px), print {
    .offset {
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .flex-col.row-inner {
        margin-left: -15px;
        margin-right: -15px;
    }

    .flex-col.content {
        padding-right: 15px;
        padding-left: 15px;
    }

    .flex-col .col {
        padding-right: 15px;
        padding-left: 15px;
    }

    .cookie-dialog {
        right: 0;
        width: 50%;
    }

    .tabber-region .resp-tabs-container .resp-accordion {
        margin-right: 15px;
        margin-left: 15px;
    }

    .image {
        margin: 0 0 30px;
    }

    .text-image.textpic-intext .image {
        width: 50%;
    }

    .text-image.textpic-intext.nowrap {
        display: flex;
    }

    .text-image.textpic-intext.nowrap.fullsize.align-left .image {
        text-align: right;
    }

    .text-image.textpic-intext.nowrap.fullsize.align-right {
        justify-content: flex-end;
    }

    .text-image.textpic-intext.nowrap.fullsize .text {
        max-width: 690px;
    }

    .text-image.textpic-intext.nowrap.fullsize .image img {
        display: inline-block;
    }

    .text-image.textpic-intext.nowrap.align-left .image {
        padding: 0 15px 0 0;
    }

    .text-image.textpic-intext.nowrap.align-left .text {
        padding: 0 0 0 15px;
    }

    .text-image.textpic-intext.nowrap.align-right .image {
        order: 2;
        padding: 0 0 0 15px;
    }

    .text-image.textpic-intext.nowrap.align-right .text {
        padding: 0 15px 0 0;
    }

    .text-image.textpic-intext.nowrap .text {
        width: 50%;
    }

    .text-image.textpic-intext.float:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .text-image.textpic-intext.float.align-left .image {
        float: left;
        padding: 0 15px 0 0;
        margin: 0 15px 15px 0;
    }

    .text-image.textpic-intext.float.align-left .text ul, .text-image.textpic-intext.float.align-left .text ol {
        list-style-position: inside;
    }

    .text-image.textpic-intext.float.align-right .image {
        float: right;
        padding: 0 0 0 15px;
        margin: 0 0 15px 15px;
    }

    .text-image.textpic-intext.float .text {
        width: 100%;
    }

    .text-image.textpic-above-text .image {
        margin: 0 0 15px;
    }

    .page-navigation {
        display: flex;
        justify-content: flex-end;
    }

    .list-view.result-list.locations {
        height: 580px;
        overflow: auto;
    }

    .list-view.result-list.locations.single {
        height: auto;
        overflow: visible;
    }

    .list-view.result-list.locations.single .teaser.image-contact {
        padding-bottom: 50px;
    }

    .list-view.result-list.locations.single .teaser.image-contact .teaser-text-box {
        width: 60%;
    }

    .list-view.result-list.locations.single .teaser.image-contact .teaser-text-box .title-box {
        margin: 0 0 10px 0;
    }

    .list-view.result-list.locations.single .teaser.image-contact .teaser-image {
        width: 40%;
    }

    .list-view.result-list.locations .teaser.image-contact .teaser-icon {
        width: 10%;
        margin: 0 15px 0 0;
    }

    .list-view.result-list.locations .teaser.image-contact .teaser-image {
        width: 30%;
        margin: 0 0 0 15px;
    }

    .google-maps iframe {
        height: 100%;
        width: 100%;
    }

    .contact-service-box button, .contact-service-box input[type=submit], .contact-service-box input[type=reset], .contact-service-box a.button, .contact-service-box a.button-inverted {
        margin: 0;
        width: 100%;
        text-align: center;
    }
}

@media all and (min-width: 1024px), print {
    .list-view.result-list.locations.single .teaser.image-contact {
        padding-bottom: 100px;
    }
}

@media all and (min-width: 1220px), print {
    .burger-icon-container {
        display: none;
    }

    .navigation-cell {
        background: #2b4376;
        position: relative;
    }

    .search-container-cell {
        order: 2;
        position: relative;
    }

    .close-icon-cell {
        display: none;
    }

    .main-navigation-cell {
        order: 1;
    }

    .main-navigation {
        display: flex;
        justify-content: flex-end;
        padding: 0;
    }

    .main-navigation ul {
        display: flex;
    }

    .main-navigation ul.level-2, .main-navigation ul.level-3, .main-navigation ul.level-4 {
        display: none;
    }

    .main-navigation ul li {
        padding: 0 42px 0 0;
        display: flex;
    }

    .main-navigation ul li a {
        color: #ffffff;
        font-family: 'Helvetica', sans-serif;
        font-size: 18px;
        line-height: 1.5;
        padding: 10px 0 10px;
        text-decoration: none;
        text-transform: none;
    }

    .main-navigation ul li .toggle-sub-menu {
        display: flex;
        justify-content: flex-end;
        width: 23px;
    }

    .main-navigation ul li .toggle-sub-menu:after {
        background: url('/local/templates/landing/../../../assets/images/icons/arrow-down-yellow.svg') no-repeat center right / 60% auto transparent;
        border: solid 1px #2b4376;
        content: ' ';
        cursor: pointer;
        display: block;
        height: 50px;
        width: 23px;
    }

    .main-navigation ul li.active {
        background: #2b4376;
    }

    .main-navigation ul li.active a {
        color: #ffe00e;
    }

    .main-navigation ul li:hover {
        background: #2b4376;
    }

    .main-navigation ul li:hover a {
        color: #ffe00e;
    }

    .main-navigation ul li .mega-menu {
        position: absolute;
        background: #5e85c6;
        width: 100%;
        left: 0;
        top: 50px;
        z-index: 99998;
    }

    .main-navigation ul li .mega-menu ul {
        justify-content: space-between;
        flex-wrap: wrap;
        width: auto;
    }

    .main-navigation ul li .mega-menu ul li {
        flex: 1 0 16.66666667%;
        display: block;
        text-align: center;
        background: transparent;
        padding: 20px 10px;
    }

    .main-navigation ul li .mega-menu ul li.has-children {
        align-items: center;
    }

    .main-navigation ul li .mega-menu ul li.has-children:after {
        display: none;
    }

    .main-navigation ul li .mega-menu ul li:hover a, .main-navigation ul li .mega-menu ul li.active a {
        color: #ffe00e;
        background-color: transparent;
    }

    .main-navigation ul li .mega-menu ul li .toggle-sub-menu {
        display: none;
    }

    .main-navigation ul li .mega-menu ul li a {
        padding: 5px 25px;
        color: #ffffff;
    }

    .main-navigation ul li.has-children:hover .mega-menu {
        display: block;
    }

    .header-top .top-navigation .icon {
        height: 30px;
        width: 30px;
        margin: 0 10px 0 0;
    }

    header.page-main {
        padding-top: 30px;
        padding-bottom: 0;
    }

    header .header-top {
        padding-bottom: 30px;
    }

    header .header-top .logo img {
        max-height: 100px;
        width: 208px;
    }

    header .header-top .top-navigation ul li {
        padding: 0 10px;
    }

    header .header-top .top-navigation .language-switch .lang-menu-label:after {
        background: url('/local/templates/landing/../../../assets/images/icons/arrow-down-blue.svg') no-repeat center center / 45% auto transparent;
        content: ' ';
        cursor: pointer;
        display: block;
        height: 20px;
        width: 30px;
    }

    header .header-top .top-navigation .language-switch .lang-menu-label .label {
        color: #2b4376;
    }

    header .header-top .top-navigation .language-switch .lang-menu-content {
        min-width: 300px;
    }

    header .header-top .top-navigation .language-switch .lang-menu-content ul li a .flag {
        width: 15%;
    }

    header .header-top .top-navigation .language-switch .lang-menu-content ul li a .label {
        width: 85%;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion .click {
        display: none;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion .detail {
        display: flex;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion .detail li:first-child {
        margin-left: 150px;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion .detail.with-login li:first-child {
        margin-left: 0;
        margin-right: 150px;
    }

    header .search-container {
        min-height: 50px;
    }

    header .search-container .search-click {
        display: block;
        cursor: pointer;
        padding: 10px;
        position: absolute;
        right: 15px;
        top: 0;
    }

    header .search-container .search-input-container {
        display: none;
        position: absolute;
        top: 0;
        right: 15px;
        width: 500px;
    }

    header .search-container .search-input-container form {
        justify-content: flex-end;
    }

    header .search-container .search-input-container form input {
        border: none;
    }

    header .search-container .search-input-container form input[type=submit] {
        padding: 0 25px;
    }

    .breadcrumb {
        padding: 30px 48px 10px 23px;
    }

    .background-anchor-linkbar {
        border-top: none;
    }

    .background-anchor-linkbar .anchor-links {
        justify-content: center;
    }

    .background-anchor-linkbar .anchor-links li {
        padding: 0 20px;
    }

    .glossary-navigation ul {
        justify-content: space-between;
    }
}

@media all and (min-width: 1440px), print {
    .cookie-dialog {
        width: 20%;
    }

    .fixed-anchor-linkbar .anchor-links {
        position: fixed;
        right: 0;
        bottom: 20%;
        z-index: 99999;
    }
}

@media all and (max-width: 1219px), print {
    .burger-icon-container, .close-icon-container {
        text-align: right;
    }

    .burger-icon-container .burger-icon, .close-icon-container .burger-icon, .burger-icon-container .close-overlay-navigation, .close-icon-container .close-overlay-navigation {
        display: inline-flex;
        padding: 18px 13px;
        cursor: pointer;
    }

    .navigation-cell {
        order: 3;
    }

    .burger-icon-cell {
        order: 2;
    }

    .navigation.nav-overlay {
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        -o-transition: all 0.35s;
        transition: all 0.35s;
        align-content: flex-start;
        background: #ffffff;
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        min-height: 100vh;
        overflow-y: auto;
        opacity: 0;
        -webkit-overflow-scrolling: touch;
        width: 0;
        z-index: 99999;
    }

    .navigation.nav-overlay.open {
        opacity: 1;
        width: 100vw;
    }

    .navigation.nav-overlay .main-navigation {
        width: 100%;
    }

    .navigation.nav-overlay .main-navigation > ul > li {
        border-bottom: 1px solid #d2d2d2;
    }

    .navigation.nav-overlay .main-navigation ul li {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 10px;
        min-height: 58px;
    }

    .navigation.nav-overlay .main-navigation ul li ul li {
        padding: 10px 0 5px 15px;
    }

    .navigation.nav-overlay .main-navigation ul li ul li .toggle-sub-menu:before {
        background: url('/local/templates/landing/../../../assets/images/icons/plus-yellow.svg') no-repeat center center / 50% auto #2b4376;
    }

    .navigation.nav-overlay .main-navigation ul li ul li .toggle-sub-menu.open:before {
        background: url('/local/templates/landing/../../../assets/images/icons/minus-yellow.svg') no-repeat center center / 50% auto #2b4376;
    }

    .navigation.nav-overlay .main-navigation ul li a {
        color: #2b4376;
        font-family: 'Helvetica', sans-serif;
        font-size: 16px;
        line-height: 1.5;
        padding: 10px 0;
        text-transform: uppercase;
        text-decoration: none;
    }

    .navigation.nav-overlay .main-navigation ul li a:hover {
        background: transparent;
        color: #5e85c6;
        text-decoration: underline;
    }

    .navigation.nav-overlay .main-navigation ul li .toggle-sub-menu:before {
        background: url('/local/templates/landing/../../../assets/images/icons/arrow-down-yellow.svg') no-repeat center center / 45% auto #2b4376;
        border: solid 1px #2b4376;
        content: ' ';
        cursor: pointer;
        display: block;
        height: 40px;
        width: 40px;
    }

    .navigation.nav-overlay .main-navigation ul li .toggle-sub-menu.open:before {
        background: url('/local/templates/landing/../../../assets/images/icons/arrow-up-yellow.svg') no-repeat center center / 45% auto #2b4376;
    }

    .navigation.nav-overlay .main-navigation ul li.active {
        background: #2b4376;
    }

    .navigation.nav-overlay .main-navigation ul li.active.has-children {
        padding-top: 15px;
    }

    .navigation.nav-overlay .main-navigation ul li.active a {
        color: #ffffff;
    }

    .navigation.nav-overlay .main-navigation ul li.active .toggle-sub-menu:before {
        border-color: #ffe00e;
    }

    .navigation.nav-overlay .main-navigation ul li.active ul li.active a {
        color: #ffe00e;
    }

    .navigation.nav-overlay .main-navigation ul li.active ul li.active ul li.active a {
        color: #ffe00e;
    }

    .navigation.nav-overlay .main-navigation ul li.active ul li.active ul li a {
        color: #ffffff;
    }

    .navigation.nav-overlay .main-navigation ul li.has-children a {
        width: 80%;
    }

    .navigation.nav-overlay .main-navigation ul li.has-children .mega-menu {
        display: none;
        width: 100%;
    }

    .navigation.nav-overlay .main-navigation ul li.has-children .mega-menu ul {
        width: 100%;
    }

    .navigation.nav-overlay .main-navigation ul li.has-children .mega-menu ul li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .navigation.nav-overlay .main-navigation ul li.has-children .mega-menu ul li ul {
        display: none;
    }

    .container-with-content-nav .content-navigation {
        display: none;
    }

    .main-navigation .mega-menu ul li .icon {
        display: none;
    }

    .header-top .top-navigation .icon {
        height: 40px;
        width: 40px;
        margin: 0 10px;
    }

    header.page-main {
        padding-top: 10px;
        padding-bottom: 0;
    }

    header.nav-overlay-main {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    header .header-top {
        border-bottom: solid 2px #2b4376;
        padding-bottom: 10px;
    }

    header .header-top .logo {
        padding-top: 8px;
    }

    header .header-top .logo img {
        max-height: 40px;
        width: 84px;
    }

    header .header-top .top-navigation {
        margin-top: 5px;
    }

    header .header-top .top-navigation ul li.lang .lang-menu-content .label {
        display: block;
    }

    header .header-top .top-navigation .language-switch .lang-menu-label .label {
        display: none;
    }

    header .header-top .top-navigation .language-switch .lang-menu-content {
        min-width: 220px;
        left: -20px;
    }

    header .header-top .top-navigation .language-switch .lang-menu-content ul li a .flag {
        width: 30%;
    }

    header .header-top .top-navigation .language-switch .lang-menu-content ul li a .label {
        width: 70%;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion {
        position: relative;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion .click {
        display: block;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion .detail {
        display: none;
        position: absolute;
        left: -80px;
        margin-top: 5px;
        min-width: 220px;
        background: #f5f7f7;
        border: solid 1px #2b4376;
        z-index: 99999;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion .detail ul {
        display: block;
    }

    header .header-top .top-navigation .top-nav-mobile-accordion .detail ul li {
        padding: 10px;
        border-bottom: solid 1px #2b4376;
    }

    header .search-container .search-click {
        display: none;
    }

    header .search-container .search-input-container {
        padding: 15px 0;
    }

    header .search-container .search-input-container form input[type=search], header .search-container .search-input-container form input[type=text] {
        border: solid 1px #d2d2d2;
    }

    .breadcrumb {
        padding: 20px 10px 0;
    }

    .background-anchor-linkbar {
        border-top: solid 1px #2b4376;
    }

    .background-anchor-linkbar .anchor-links {
        justify-content: space-around;
    }

    .background-anchor-linkbar .anchor-links li a span.label {
        display: none;
    }

    .glossary-navigation ul {
        justify-content: center;
    }

    .glossary-navigation ul li {
        border: solid 3px #ffffff;
        min-width: 50px;
    }

    .glossary-navigation ul li.inactive {
        display: none;
    }
}

@media all and (max-width: 1439px), print {
    .fixed-anchor-linkbar {
        display: none;
    }
}

#consentHint {
    background-color: #EBCCD1;
    display: none;
    width: 100%;
    padding: 20px;
}

.certificateFiledownload {
    width: 100%;
}

.certificateFiledownload .hidden {
    display: none;
}

.certificateFiledownload .responsive-table table td.positionHeader {
    padding-top: 26px;
    font-size: 20px;
    text-align: center;
}

.certificateFiledownload .form .submit {
    margin-bottom: 25px;
}

.certificateFiledownload .form label:hover {
    cursor: pointer;
}

.certificateFiledownload .actionbar {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.certificateFiledownload .actionbar div, .certificateFiledownload .actionbar input {
    margin: 6px;
}

.certificateFiledownload .buttonSelectAll {
    margin-right: 12px;
    flex-shrink: 0;
}

.certificateFiledownload .languageswitch select {
    padding-right: 35px;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #363636;
    opacity: 0.6;
    top: 0;
    left: 0;
}

.overlay.hidden {
    display: none;
}

.lds-spinner {
    color: white;
    display: inline-block;
    position: fixed;
    width: 80px;
    height: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
    z-index: 10005;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

html {
    min-height: 100%;
    overflow-y: scroll;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul, ol {
    list-style: none;
    margin: 0;
}

ul li, ol li {
    padding: 0;
}

img {
    height: auto;
    max-width: 100%;
    display: block;
}

@media only screen and (max-width: 639px) {
    footer .row .footer-link-list ul li {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 30px;
        line-height: 36px;
        text-transform: none;
        padding-bottom: 20px;
    }

    h2 {
        font-size: 20px;
        line-height: 24px;
        text-transform: none;
        padding-bottom: 20px;
    }

    h3 {
        font-size: 20px;
        line-height: 24px;
        text-transform: none;
        padding-bottom: 18px;
    }

    h4, h5, h6 {
        font-size: 18px;
        line-height: 22px;
        text-transform: none;
        padding-bottom: 18px;
    }

    .teaser.image-contact .teaser-content .teaser-image {
        margin: 0 0 15px;
    }

    .image-gallery.masonry-layout {
        column-count: 2;
    }

    .image-gallery.masonry-layout .masonry-layout__panel {
        padding-right: 5px;
        padding-left: 5px;
    }

    .tooltip-hover input:focus ~ span {
        visibility: visible;
    }

    .spare-parts .topbar .text {
        text-align: left;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 1023px) {
    .slick-slider .slider-text-container, .top-image .slider-text-container, .slick-slider .slider-text, .top-image .slider-text {
        background: #f5f7f7;
    }

    .slick-slider .slider-text, .top-image .slider-text {
        padding: 15px 15px 0;
    }

    .slick-prev, .slick-next {
        display: none;
    }

    .tabber .resp-tabs-list {
        display: none;
    }

    .tabber .resp-tabs-container {
        border-bottom: solid 2px #5e85c6;
    }

    .tabber .resp-tabs-container > h3, .tabber .resp-tabs-container > h4 {
        background: transparent;
        margin: 0;
        padding: 30px 50px 30px 0;
        position: relative;
        border-top: solid 2px #5e85c6;
    }

    .tabber .resp-tabs-container > h3 .resp-arrow, .tabber .resp-tabs-container > h4 .resp-arrow {
        background: url('/local/templates/landing/../../../assets/images/icons/arrow-down-blue.svg') no-repeat right center / 100% auto transparent;
        height: 22px;
        position: absolute;
        right: 0;
        width: 30px;
    }

    .tabber .resp-tabs-container > h3.resp-accordion, .tabber .resp-tabs-container > h4.resp-accordion {
        cursor: pointer;
    }

    .tabber .resp-tabs-container > h3.resp-accordion.resp-tab-active .resp-arrow, .tabber .resp-tabs-container > h4.resp-accordion.resp-tab-active .resp-arrow {
        background: url('/local/templates/landing/../../../assets/images/icons/arrow-up-blue.svg') no-repeat right center / 100% auto transparent;
    }

    .background.highlight.colored .tabber .resp-tabs-container > h3 .resp-arrow, .background.highlight.colored .tabber .resp-tabs-container > h4 .resp-arrow {
        background-image: url('/local/templates/landing/../../../assets/images/icons/arrow-down-white.svg');
    }

    .background.highlight.colored .tabber .resp-tabs-container > h3.resp-accordion.resp-tab-active .resp-arrow, .background.highlight.colored .tabber .resp-tabs-container > h4.resp-accordion.resp-tab-active .resp-arrow {
        background-image: url('/local/templates/landing/../../../assets/images/icons/arrow-up-white.svg');
    }

    .tabber.arguments-box .text {
        margin-top: 20px;
    }

    .tabber.arguments-box .resp-tabs-container > h3, .tabber.arguments-box .resp-tabs-container > h4 {
        align-items: center;
        display: flex;
        background: #2b4376;
        border: none;
        color: #ffffff;
        opacity: 0.95;
        padding: 30px 50px 30px 10px;
    }

    .tabber.arguments-box .resp-tabs-container > h3:nth-child(1), .tabber.arguments-box .resp-tabs-container > h4:nth-child(1) {
        background: #2b4376;
    }

    .tabber.arguments-box .resp-tabs-container > h3:nth-child(3), .tabber.arguments-box .resp-tabs-container > h4:nth-child(3) {
        background: #36579d;
    }

    .tabber.arguments-box .resp-tabs-container > h3:nth-child(5), .tabber.arguments-box .resp-tabs-container > h4:nth-child(5) {
        background: #5e85c6;
    }

    .tabber.arguments-box .resp-tabs-container > h3:nth-child(7), .tabber.arguments-box .resp-tabs-container > h4:nth-child(7) {
        background: #7ca1de;
    }

    .tabber.arguments-box .resp-tabs-container > h3 .resp-arrow, .tabber.arguments-box .resp-tabs-container > h4 .resp-arrow {
        top: 40%;
    }

    .tabber.arguments-box .resp-tabs-container > h3 .resp-arrow, .tabber.arguments-box .resp-tabs-container > h4 .resp-arrow {
        background: url('/local/templates/landing/../../../assets/images/icons/arrow-down-white.svg') no-repeat right center / 100% auto transparent;
        right: 20px;
    }

    .tabber.arguments-box .resp-tabs-container > h3.resp-accordion.resp-tab-active .resp-arrow, .tabber.arguments-box .resp-tabs-container > h4.resp-accordion.resp-tab-active .resp-arrow {
        background: url('/local/templates/landing/../../../assets/images/icons/arrow-up-white.svg') no-repeat right center / 100% auto transparent;
    }

    .tabber.arguments-box .resp-tabs-container .tab-content {
        padding-top: 15px;
    }

    .tabber-region .resp-tabs-container {
        border-bottom: none;
        margin-bottom: 25px;
    }

    .tabber-region .resp-tabs-container .resp-accordion:nth-last-of-type(1) {
        border-bottom: solid 2px #5e85c6;
    }

    .tabber-region .resp-tabs-container .resp-accordion:nth-last-of-type(1).resp-tab-active {
        border-bottom: none;
    }

    .spare-parts .detail .images-container {
        order: 2;
    }
}

@media all and (min-width: 640px) {
    footer .row .footer-link-list.vertical ul {
        display: flex;
    }
}

a {
    color: #2b4376;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #363636;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

.content-section a {
    border-bottom: 2px solid transparent;
    border-bottom-color: #ffe00e;
    padding: 0 0 2px 0;
    font-weight: 700;
}

.content-section a:hover {
    border-color: #363636;
    text-decoration: none;
}

.content-section h1 a, .content-section h2 a, .content-section h3 a, .content-section h4 a, .content-section h5 a, .content-section h6 a {
    border: none;
}

h1 {
    color: #2b4376;
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
}

h2 {
    color: #5e85c6;
    font-family: 'Helvetica', sans-serif;
    font-weight: 400;
}

h3 {
    color: #2b4376;
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
}

h4 {
    color: #5e85c6;
    font-family: 'Helvetica', sans-serif;
    font-weight: 400;
}

h5, h6 {
    color: #2b4376;
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
}

.responsive-table {
    overflow-x: auto;
}

.responsive-table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.responsive-table table th, .responsive-table table td {
    vertical-align: top;
}

.responsive-table table th {
    border-bottom: 2px solid #d3d3d3;
    color: #5e85c6;
    font-weight: 700;
    padding: 10px 20px;
    background: #f5f7f7;
    text-align: left;
    background: none;
}

.responsive-table table th:first-child {
    padding: 10px;
}

.responsive-table table td {
    border-bottom: 2px solid #5e85c6;
    padding: 10px 20px;
    text-align: left;
}

.responsive-table table td:first-child {
    font-weight: 700;
    padding: 10px;
}

.responsive-table table td ul {
    padding-bottom: 0;
}

.responsive-table table a {
    border: none;
}

.responsive-table table a:hover {
    border-bottom: solid 2px #363636;
}

.teaser {
    padding-top: 10px;
    padding-bottom: 30px;
}

.teaser.image-text .teaser-content .teaser-image {
    margin: 0 0 15px;
}

.teaser.image-text .teaser-content .teaser-text-box {
    padding: 0 20px;
}

.teaser.image-overlay .teaser-content {
    position: relative;
    overflow: hidden;
}

.teaser.image-overlay .teaser-content a {
    border-bottom: none;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    color: #ffffff;
    text-decoration: none;
}

.teaser.image-overlay .teaser-content a:hover {
    background: #2b4376;
}

.teaser.image-overlay .teaser-content h1, .teaser.image-overlay .teaser-content h2, .teaser.image-overlay .teaser-content h3, .teaser.image-overlay .teaser-content h4, .teaser.image-overlay .teaser-content h5, .teaser.image-overlay .teaser-content h6, .teaser.image-overlay .teaser-content p, .teaser.image-overlay .teaser-content span {
    color: #ffffff;
}

.teaser.image-overlay .teaser-content .teaser-image:before {
    content: '';
    display: block;
    background: #2b4376;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.teaser.image-overlay .teaser-content .teaser-text-box {
    position: absolute;
    bottom: 0;
    padding: 0 20px 25px;
}

.teaser.image-overlay .teaser-content .teaser-text-box .icon.none {
    display: none;
}

.teaser.image-overlay .teaser-content .teaser-text-box .title-box h1, .teaser.image-overlay .teaser-content .teaser-text-box .title-box h2, .teaser.image-overlay .teaser-content .teaser-text-box .title-box h3, .teaser.image-overlay .teaser-content .teaser-text-box .title-box h4, .teaser.image-overlay .teaser-content .teaser-text-box .title-box h5, .teaser.image-overlay .teaser-content .teaser-text-box .title-box h6 {
    margin-bottom: 15px;
    padding: 0;
}

.teaser.image-overlay .teaser-content .teaser-text-box .content-box p {
    padding: 0;
}

.teaser.image-overlay .teaser-content .teaser-text-box .content-box .link {
    text-decoration: none;
    color: #ffe00e;
    border-bottom: 2px solid transparent;
    border-bottom-color: #ffe00e;
    padding: 0 0 5px 0;
    font-weight: 700;
}

.teaser.image-overlay .teaser-content .teaser-text-box .content-box .link:hover {
    text-decoration: none;
}

.teaser.image-contact .teaser-content .teaser-text-box .title-box .dates.name {
    font-weight: 700;
}

.teaser.products .teaser-content {
    text-align: center;
    padding: 5px 25px 20px;
}

.teaser.products .teaser-content a {
    border-bottom: none;
}

.teaser.products .teaser-content .teaser-text-box > div > span {
    margin: 0 auto;
}

.teaser.products .teaser-content .teaser-text-box .title-box {
    margin-top: 20px;
}

.teaser.products .teaser-content .teaser-text-box .title-box h4 {
    margin: 0;
}

.image-gallery.masonry-layout {
    column-gap: 0;
    overflow: auto;
}

.image-gallery.masonry-layout .masonry-layout__panel {
    break-inside: avoid;
}

.image-gallery.masonry-layout .masonry-layout__panel .masonry-layout__panel-content figure {
    padding-top: 10px;
    padding-bottom: 10px;
}

input, select, textarea {
    background-color: #ffffff;
}

.form .form-field {
    padding-top: 5px;
    padding-bottom: 5px;
}

.form label {
    display: block;
    padding: 0 0 5px 0;
    width: 100%;
}

.form input, .form select, .form textarea {
    margin-bottom: 5px;
    background-color: #f5f7f7;
}

.form input[type="checkbox"], .form input[type="radio"] {
    margin-right: 15px;
}

.form .submit-button {
    text-align: right;
}

.form .submit-button input, .form .submit-button button, .form .submit-button .button {
    margin: 0;
}

.form .reset-button {
    float: left;
}

.form .vertical-radio-group {
    margin: 0 0 25px;
}

.form .vertical-radio-group span {
    display: inline-block;
    margin-right: 35px;
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
    font-family: 'Helvetica';
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #363636;
    border: none;
    padding: 6px 10px;
    width: 100%;
}

select {
    font-family: 'Helvetica';
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #363636;
    border: none;
    padding: 7px 10px 6px;
    width: 100%;
}

textarea {
    font-family: 'Helvetica';
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #363636;
    border: none;
    border-radius: 0;
    margin: 0;
    max-width: 100%;
    min-height: 150px;
    padding: 6px 10px;
    width: 100%;
    resize: vertical;
}

.form-field.checkbox {
    align-items: flex-start;
    display: flex;
    flex-direction: row-reverse;
    padding: 0 0 25px 0;
}

.form-field.checkbox label p {
    padding: 0;
}

.form-field.checkbox input {
    margin-top: 7px;
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="submit"], input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: url('/local/templates/landing/../../../assets/images/icons/arrow-down-blue.svg');
    background-size: auto 11px;
    background-position: right 10px center;
    background-repeat: no-repeat;
}

input, select, textarea {
    outline: 0;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

::-webkit-input-placeholder {
    color: #ababab;
    font-style: italic;
}

::-moz-placeholder {
    color: #ababab;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #ababab;
    font-style: italic;
}

:-moz-placeholder {
    color: #ababab;
    font-style: italic;
}

::placeholder {
    color: #ababab;
    font-style: italic;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: transparent !important;
}

.cookie-dialog {
    color: #ffffff;
    background-color: #2b4376;
    border: solid 2px #ffffff;
    bottom: 0;
    display: none;
    padding: 10px 5px;
    position: fixed;
    top: auto;
    z-index: 999999;
}

.cookie-dialog .cookie-text a {
    color: #ffffff;
    text-decoration: underline;
}

.cookie-dialog .cookie-text a:hover {
    text-decoration: none;
}

.cookie-dialog .cookie-button {
    text-align: right;
    margin-top: 10px;
}

.cookie-dialog .cookie-button button {
    color: #363636;
    background-color: #ffffff;
}

.cookie-dialog .cookie-button button:hover {
    text-decoration: underline;
}

.cookie-dialog .offset {
    padding-top: 25px;
    padding-bottom: 25px;
}

button, input[type=submit], input[type=reset], a.button, a.button-inverted, li.button {
    font-family: 'Helvetica';
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #2b4376;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    background: #ffe00e;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 10px 25px;
    margin: 0 20px 3px 0;
    text-decoration: none;
}

button:hover, input[type=submit]:hover, input[type=reset]:hover, a.button:hover, a.button-inverted:hover, li.button:hover {
    color: #ffffff;
    background-color: #2b4376;
}

a.button, li.button, a.button-inverted, li.button-inverted {
    display: inline-block;
}

a.button-inverted, li.button-inverted {
    border-color: #2b4376;
    background: #ffffff;
}

a.button-inverted:hover, li.button-inverted:hover {
    background: #ffe00e;
    color: #2b4376;
}

.accordion .item {
    border-bottom: solid 2px #5e85c6;
}

.accordion .item:first-child {
    border-top: solid 2px #5e85c6;
}

.accordion .item:last-child {
    padding: 0;
}

.accordion .item .item {
    border: none;
}

.accordion .item .item .item-content {
    border: none;
}

.accordion .item .item:first-child .item-content {
    border: none;
}

.accordion .item .item:nth-child(odd) .item-content {
    background: #f5f7f7;
}

.accordion .item .item:nth-child(even) .item-content {
    background: #ffffff;
}

.accordion .accordion-title-box {
    background: url('/local/templates/landing/../../../assets/images/icons/arrow-down-blue.svg') no-repeat right center / auto 12px transparent;
    color: #363636;
    padding: 30px 50px 30px 0;
    margin: 0;
}

.accordion .accordion-title-box.open {
    background: url('/local/templates/landing/../../../assets/images/icons/arrow-up-blue.svg') no-repeat right center / auto 12px transparent;
}

.accordion .accordion-title-box h3, .accordion .accordion-title-box h4 {
    margin: 0;
    padding: 0;
}

.accordion .accordion-content-box {
    background: transparent;
    color: #363636;
    padding: 0;
}

.accordion .click {
    cursor: pointer;
}

.accordion .detail {
    display: none;
    padding-bottom: 15px;
}

.tabber .resp-tabs-list {
    padding-left: 0;
}

.tabber .resp-tab-content {
    display: none;
    padding: 0;
}

.tabber .resp-tab-content.resp-tab-content-active {
    display: block;
}

.tabber .offset {
    padding-top: 0;
}

.tooltips {
    position: relative;
    display: inline;
}

.tooltips.position-bottom span {
    bottom: auto;
    top: 20px;
}

.tooltips.position-bottom span:after {
    top: auto;
    bottom: 100%;
    border-top: none;
    border-bottom: 8px solid #000000;
}

.tooltips label {
    border-bottom: 1px dotted;
    cursor: help;
}

.tooltips span {
    background: #000000;
    bottom: 20px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    left: 50%;
    margin-left: -120px;
    opacity: 0.9;
    padding: 5px 8px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    width: 250px;
    z-index: 999;
}

.tooltips span:after {
    border-top: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: '';
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
}

.tooltips span a {
    color: #ffffff;
}

.tooltips input {
    left: -99999px;
    position: absolute;
    top: 0;
}

.tooltip-checked input:checked ~ span {
    visibility: visible;
}

.tooltip-focus input:focus ~ span {
    visibility: visible;
}

span.icon {
    content: '';
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 10px 0 0;
}

.header-top .top-navigation .icon {
    background-size: 90% auto;
}

.header-top .top-navigation .icon.suppliers {
    background-size: 100% auto;
}

.header-top .top-navigation .icon.career {
    background-size: 95% auto;
}

.header-top .top-navigation .icon.fanshop {
    background-size: 97% auto;
}

header .search-container .icon {
    background-color: #ffe00e;
    background-size: 60% auto;
    margin: 0;
    padding: 0;
}

header .search-input-container form {
    display: flex;
}

header .search-input-container form input[type=submit] {
    background-color: #ffe00e;
}

header .search-input-container form .icon {
    background: url('/local/templates/landing/../../../assets/images/icons/search-blue.svg') center center / 60% auto no-repeat;
    height: 50px;
    width: 50px;
}

.background-anchor-linkbar .anchor-links li .icon {
    background-size: 80% auto;
    height: 40px;
    width: 40px;
}

.background-anchor-linkbar .anchor-links li .icon.equipment {
    background-size: 79% auto;
}

.fixed-anchor-linkbar .anchor-links li .icon {
    background-size: 60% auto;
    height: 60px;
    width: 60px;
}

.fixed-anchor-linkbar .anchor-links li .icon.equipment {
    background-size: 59% auto;
}

.dates {
    display: flex;
    align-items: center;
}

.dates.icon:before {
    content: '';
    display: block;
    height: 50px;
    width: 30px;
    margin: 0 10px 0 0;
}

.teaser.products .icon {
    height: 120px;
    width: 210px;
    margin: 0 0 10px 0;
    background-size: 30% auto;
    background-position: center bottom;
}

.teaser.products .icon.none {
    background-size: 52% auto;
}

.teaser.products .icon.contact-tel {
    background-size: 25% auto;
}

.teaser.products .icon.contact-form {
    background-size: 32% auto;
}

.teaser.products .icon.subscribe-newsletter {
    background-size: 42% auto;
}

.teaser.products .icon.news {
    background-size: 42% auto;
}

.teaser.products .icon.suppliers {
    background-size: 38% auto;
}

.teaser.products .icon.fanshop {
    background-size: 38% auto;
}

.teaser.products .icon.vehicle-equipment {
    background-size: 36% auto;
}

.teaser.products .icon.sales {
    background-size: 35% auto;
}

.teaser.products .icon.customer-service {
    background-size: 32% auto;
}

.teaser.products .icon.customer-profiles {
    background-size: 42% auto;
}

.teaser.products .icon.about-meiller {
    background-size: 52% auto;
}

.teaser.products .icon.meiller-tippers {
    background-size: 52% auto;
}

.teaser.products .icon.eco-kupplung {
    background-size: 60% auto;
}

.teaser.products .icon.three-way-tippers {
    background-size: 60% auto;
}

.teaser.products .icon.three-way-builder-kipper {
    background-size: 60% auto;
}

.teaser.products .icon.asphalt-tipper-bodies {
    background-size: 65% auto;
}

.teaser.products .icon.centre-axle-trailers {
    background-size: 40% auto;
}

.teaser.products .icon.rear-tippers-normal {
    background-size: 71% auto;
}

.teaser.products .icon.rear-tippers {
    background-size: 73% auto;
}

.teaser.products .icon.rock-tippers {
    background-size: 68% auto;
}

.teaser.products .icon.roll-off-tippers {
    background-size: 77% auto;
}

.teaser.products .icon.skip-handlers {
    background-size: 65% auto;
}

.teaser.products .icon.tipping-semi-trailers {
    background-size: 85% auto;
}

.teaser.products .icon.change-over-systems {
    background-size: 60% auto;
}

.teaser.products .icon.container-trailer {
    background-size: 66% auto;
}

.teaser.products .icon.control {
    background-size: 47% auto;
}

.teaser.products .icon.hydraulic {
    background-size: 40% auto;
}

.teaser.products .icon.hydraulic-system {
    background-size: 84% auto;
}

.teaser.products .icon.hydraulic-system-for-municipal-services {
    background-size: 66% auto;
}

.teaser.products .icon.tarpaulin-systems {
    background-size: 60% auto;
}

.teaser.products .icon.cat2 {
    background-size: 35% auto;
}

.teaser.products .icon.fire-protection {
    background-size: 30% auto;
}

.teaser.products .icon.heavy-duty {
    background-size: 58% auto;
}

.teaser.products .icon.intense {
    background-size: 33% auto;
}

.teaser.products .icon.midrive {
    background-size: 34% auto;
}

.teaser.products .icon.rail {
    background-size: 41% auto;
}

.teaser.products .icon.repkit {
    background-size: 32% auto;
}

.teaser.products .icon.scooter-guard {
    background-size: 38% auto;
}

.teaser.products .icon.speed {
    background-size: 40% auto;
}

.teaser.products .icon.swing-door {
    background-size: 33% auto;
}

.teaser.products .icon.swing-door2 {
    background-size: 55% auto;
}

.teaser.products .icon.fingerguard {
    background-size: 35% auto;
}

.teaser.products .icon.system-f {
    background-size: 30% auto;
}

.teaser.products .icon.vertical-door {
    background-size: 37% auto;
}

.teaser.products .icon.vertical-door-genius {
    background-size: 37% auto;
}

.teaser.products .icon.vision {
    background-size: 32% auto;
}

.teaser.products .icon.zenith {
    background-size: 50% auto;
}

.teaser.products .icon.industryguard {
    background-size: 45% auto;
}

.teaser.products .icon.kaempfer {
    background-size: 45% auto;
}

.teaser.products .icon.laufrollen {
    background-size: 45% auto;
}

.teaser.products .icon.schwellen {
    background-size: 47% auto;
}

.teaser.products .icon.sillight {
    background-size: 43% auto;
}

.teaser.products .icon.tuerblattfuehrung {
    background-size: 45% auto;
}

.teaser.products .icon.verdeckte-untere-fuehrung {
    background-size: 36% auto;
}

.teaser.products .icon.explosion-proof-doors {
    background-size: 45% auto;
}

.teaser.products .icon.type {
    background-size: 45% auto;
}

footer .social-icons a .icon {
    background-size: auto 100%;
    height: 30px;
    width: 30px;
}

footer .social-icons a .icon.youtube-logo {
    width: 70px;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #363636;
    opacity: 0.6;
    top: 0;
    left: 0;
}

.overlay.hidden {
    display: none;
}

.lds-spinner {
    color: white;
    display: inline-block;
    position: fixed;
    width: 80px;
    height: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
    z-index: 10005;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

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

body {
    background: #ffffff;
    height: 100%;
    min-width: 320px;
    font-family: 'Helvetica';
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #363636;
}

.main-content {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

/*--------------------------------------------*/

#header .phone {
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 16px;
}

@media only screen and (min-width: 1200px) {
    #header .phone {
        gap: 16px;
    }
}

#header .socials {
    display: flex;
    align-items: center;
    gap: 10px;
}

#header .socials a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    box-shadow: 0 0 0 0 transparent;
    transition: 0.18s;
}

#header .socials a svg {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1199px) {
    #header .socials a {
        width: 30px;
        height: 30px;
    }
}

#models .main-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 50px;
    gap: 20px;
}

#models h4 {
    font-weight: 600;
    color: #2b4376;
    text-align: center;
    line-height: 130%;
    min-height: 55px;
    padding-bottom: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 20px;
}

/*-----models-filter-----*/

.models_wrapper {
    position: relative;
}

#models .models_filter_box.main-content {
    padding: 20px 15px;
    row-gap: 10px;
    font-size: 15px;
    line-height: 130%;
}

.models_filter_box {
    max-width: 1440px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 30px;
    -webkit-box-shadow: 0px 0px 9px 6px rgba(34, 60, 80, 0.15);
    box-shadow: 0px 0px 9px 6px rgba(34, 60, 80, 0.15);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#models .models_filter_box.fixed {
    max-width: 100%;
    position: sticky;
    top: 70px;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #FFFFFF;
    z-index: 1;
    -webkit-box-shadow: 0px 10px 9px 0px rgba(34, 60, 80, 0.15);
    box-shadow: 0px 10px 9px 0px rgba(34, 60, 80, 0.15);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (min-width: 1900px) {
    #models .models_filter_box.fixed {
        padding: 12px 12%;
    }
}

@media only screen and (max-width: 992px) {
    #models .models_filter_box.fixed {
        top: 54px;
    }
}

.filter_item a {
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.filter_item a:hover {
    color: #5e85c6;
    text-decoration: none;
    border-bottom: 1px solid #5e85c6;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.filter-mob-accordion {
    height: 0;
    opacity: 0;
    visibility: hidden;
    top: -60px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

@media only screen and (max-width: 992px) {
    .filter-mob-accordion {
        top: -80px;
    }
}

@media only screen and (max-width: 1400px) {
    #models .models_filter_box.main-content:not(.fixed) {
        width: 97%;
    }
}

@media only screen and (max-width: 1199px) {
    #models .models_filter_box.main-content {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1024px) {
    #models .models_filter_box.main-content:not(.fixed) {
        row-gap: 10px;
    }

    .models_filter_box {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media only screen and (max-width: 992px) {
    .filter-mob-accordion.visible {
        height: auto;
        opacity: 1;
        visibility: visible;
        width: 100%;
        position: fixed;
        background: #FFFFFF;
        z-index: 1;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(34, 60, 80, 0.15);
        box-shadow: 0px 5px 5px 0px rgba(34, 60, 80, 0.15);
        -webkit-transform: translateY(134px);
        -ms-transform: translateY(134px);
        transform: translateY(134px);
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

    .filter-mob-accordion_header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 21px;
    }

    .filter-mob-accordion_header span {
        color: #2b4376;
        font-weight: 600;
        letter-spacing: 0.4px;
    }

    .filter-mob-accordion_header .filter-mob-accordion_expand {
        -webkit-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }

    .filter-mob-accordion_header.active .filter-mob-accordion_expand {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
    }

    .filter-mob-accordion_content {
        display: none;
        padding: 0 0 10px 21px;
    }

    .filter-mob-accordion_content .filter_item {
        text-align: left;
    }

    .filter-mob-accordion_content .filter_item a {
        text-transform: unset;
        font-size: 17px;
        line-height: 200%;
    }
}

@media only screen and (max-width: 576px) {
    #models .models_filter_box.main-content {
        font-size: 12px;
        padding: 15px;
    }

    /*.filter_item {*/
    /*    width: 100%;*/
    /*    text-align: center;*/
    /*}*/
}

/*-----end models-filter-----*/

.product-model-item {
    position: relative;
    width: calc(20% - 17px);
    /*height: 790px;*/
    height: auto;
    padding: 16px 12px 18px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 9px 6px rgba(34, 60, 80, 0.15);
    -moz-box-shadow: 0px 0px 9px 6px rgba(34, 60, 80, 0.15);
    box-shadow: 0px 0px 9px 6px rgba(34, 60, 80, 0.15);
}

#models .product-model-item .text-only {
    width: 100%;
}

#models .product-model-item .text {
    text-align: left;
}

#models .image-only .image {
    width: 100%;
    height: 240px;
    margin: 0 0 16px;
}

#models .image-only .image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    /*object-fit: cover;*/
}

.read-more {
    display: block;
    margin: auto;
    margin-bottom: 60px;
}

.read-more-btn {
    width: 96%;
    height: 44px;
    border-radius: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    text-transform: lowercase;
    text-decoration: none;
    background: #2b4376;
    color: #FFFFFF;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.read-more-btn:hover {
    background: #5e85c6;
    color: #FFFFFF;
    text-decoration: none;
}

.make-request-btn {
    position: absolute;
    bottom: 15px;
    width: 90%;
    height: 44px;
    border-radius: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    text-transform: lowercase;
    background: -webkit-linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background: -moz-linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background: linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.make-request-btn a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
}

.make-request-btn:hover {
    background: #2b4376;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.make-request-btn:hover a {
    color: #FFFFFF;
}

#about .offset {
    padding-top: 25px;
}

#about .text p {
    padding: 0 0 15px 0;
}

#servise.offset {
    padding-bottom: 0;
}

#servise .service-block-title {
    display: block;
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #2b4376;
    text-transform: none;
    padding-bottom: 25px;
}

#servise .service-images {
    /*display: -ms-grid;*/
    /*display: grid;*/
    /*-ms-grid-columns: 1fr 15px 4fr 15px 1fr;*/
    /*grid-template-columns: 1fr 4fr 1fr;*/
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*height: 270px;*/
    /*max-width: 1440px;*/
    overflow: hidden;
    gap: 8px;
    margin-bottom: 15px;
}

#servise .service-images img {
    display: block;
    /*width: 100%;*/
    /*min-height: 270px;*/
    /*height: 100%;*/
    width: 24.5%;
    height: 270px;
    -o-object-fit: cover;
    object-fit: cover;
}

#contacts .contacts {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}

#contacts .contacts-block.offset {
    padding: 25px 0;
}

#contacts .contacts-block h2 {
    padding-bottom: 0;
}

#contacts .contacts-block__certificate,
#contacts .contacts-block__contacts {
    width: 47%;
    height: 520px;
    /*margin-bottom: 10px;*/
}

#contacts .contacts-block__certificate {
    -webkit-box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
    -moz-box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
    box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
}

/*#contacts .contacts-block__certificate img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

#contacts .contacts-block__contacts {
    padding: 15px 0;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
    -moz-box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
    box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
}

#contacts .contacts-block__contacts h2 {
    text-align: center;
    padding-bottom: 15px;
}

#contacts #map_cont_ya {
    width: 100%;
    height: 93%;
    /*margin-bottom: 10px;*/
}

#contacts .contacts-block__info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: 100%;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#contacts .contacts-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(33% - 11px);
    height: auto !important;
    position: relative;
    padding: 15px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
    -moz-box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
    box-shadow: 0px 0px 10px 5px rgba(34, 60, 80, 0.15);
}

#contacts .item-contact {
    width: 100%;
}

#contacts .make-request-btn {
    position: absolute;
    bottom: 15px;
    width: 90%;
    height: 54px;
    border-radius: 27px;
}

#form_feedback.background.highlight.colored {
    background: #D7AC4A;
}

#form_feedback .offset {
    padding-bottom: 50px;
}

#form_feedback .form-feedback__title {
    display: block;
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #FFFFFF;
    text-transform: none;
    padding-bottom: 25px;
}

.product-item-modal {
    background: #ffffff;
    z-index: -1;
    padding-right: 0px !important;
    display: none !important;
}

.product-item-modal.show {
    z-index: 1040;
    padding-right: 17px !important;
    padding-left: 17px !important;
    display: block !important;
    overflow-y: auto;
    padding-bottom: 30px;
}

.product-item-modal .modal-close {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 15px;
    cursor: pointer;
}

.product-item-modal .modal-close svg {
    width: 50px;
    height: 50px;
}

.product-item-modal-content {
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-ms-flex-pack: distribute;*/
    /*justify-content: space-around;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/
    /*position: relative;*/
    /*top: 13%;*/
}

.product-item-modal-left {
    width: 90%;
    margin: auto;
}

.product-item-modal-slider {
    overflow-x: clip;
    overflow-y: unset;

    float: left;
    width: 45%;
    margin: 0 45px 20px 0;
    height: 500px;
}

.product-item-modal-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-item-modal-text {
    /*margin-left: 100px;*/
    width: 90%;
    margin: auto;
    margin-top: 15px;
}

.product-item-modal table tr:first-child {
    background: #2b4376;
    color: #FFFFFF;
    font-size: 15px;
}

.product-item-modal table thead + tbody tr:first-child {
    background: #FFFFFF;
    color: #363636;
    font-size: 18px;
}

.product-item-modal table tr {
    border-bottom: 1px solid rgba(43, 67, 118, 0.3);
}

.product-item-modal table tr td,
.product-item-modal table tr th {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.product-item-modal-btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    /*margin-top: 20px;*/
    margin-bottom: 20px;
}

.product-item-modal-btns .modal-request-btn {
    width: 180px;
    position: unset;
}

.product-item-modal-btns .catalog-download svg {
    display: inline-block;
    margin-bottom: 0px;
}

.product-item-modal-text .detail_text img {
    width: 50%;
    margin: 13px 0;
}

.modal-backdrop {
    z-index: -1;
}

.modal-backdrop.show {
    z-index: 1000;
}

@media only screen and (max-width: 1400px) {
    .product-item-modal.show {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }

    /*.product-item-modal-text .detail_text {*/
    /*    overflow-x: scroll;*/
    /*}*/

}

@media only screen and (max-width: 1200px) {
    /*.product-item-modal-content {*/
    /*    top: 0%;*/
    /*}*/
    .product-item-modal table {
        width: 130%;
    }
}

@media only screen and (max-width: 1024px) {
    /*.product-item-modal-content {*/
    /*    -ms-flex-wrap: wrap;*/
    /*    flex-wrap: wrap;*/
    /*    -webkit-box-pack: center;*/
    /*    -ms-flex-pack: center;*/
    /*    justify-content: center;*/
    /*    top: 5%;*/
    /*}*/
    .product-item-modal-text {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .product-item-modal.show {
        padding-right: 12px !important;
        padding-left: 12px !important;

    }

    /*.product-item-modal-left {*/
    /*    width: 65%;*/
    /*}*/
    .product-item-modal-content > div img {
        width: 100%;
    }
}

/*-----request modal form-----*/

.request-modal,
.modal-block {
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    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;
    -webkit-transition: linear 0.3s, opacity 0.3s;
    -o-transition: linear 0.3s, opacity 0.3s;
    transition: linear 0.3s, opacity 0.3s;
    z-index: 1050;
}

.request-modal.active,
.modal-block.active {
    visibility: visible;
    opacity: 1;
    -webkit-transition: linear 0.3s, opacity 0.3s;
    -o-transition: linear 0.3s, opacity 0.3s;
    transition: linear 0.3s, opacity 0.3s;
}

.request-modal-wrapper {
    position: relative;
    width: 420px;
    padding: 40px;
    background: #FFFFFF;
    z-index: 11000;
}

.bg-modal .request-modal-wrapper {
    background: #D7AC4A;
}

.lg-modal .request-modal-wrapper {
    width: calc(100% - 20px);
    max-width: 920px;
    padding: 54px 110px 39px;
    overflow-y: auto;
    max-height: calc(100% - 20px);
    scrollbar-width: thin;
}

@media screen and (max-width: 991px) {
    .lg-modal .request-modal-wrapper {
        padding: 54px 54px 39px;
    }
}

@media screen and (max-width: 576px) {
    .lg-modal .request-modal-wrapper {
        padding: 54px 12px 39px;
    }
}

.request-modal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
}

.request-modal-close svg {
    width: 100%;
    height: 100%;
}

.request-modal-close svg line {
    stroke-width: 3;
}

.bg-modal .request-modal-close svg line {
    stroke: #FFFFFF;
}

.request-modal-close:hover {
    transform: scale(105%);
    transition: 0.2s;
}

.request-modal-form {
    margin-top: 20px;
}

.lg-modal .request-modal-form {
    margin-top: 0;
}

.request-modal-title {
    display: block;
    font-weight: 700;
    font-size: 27px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 16px;
}

.bg-modal .request-modal-title {
    color: #FFFFFF;
}

.lg-modal .request-modal-title {
    font-size: 24px;
    margin-bottom: 24px;
}

@media screen and (min-width: 461px) {
    .lg-modal .request-modal-title {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .lg-modal .request-modal-title {
        font-size: 40px;
        margin-bottom: 40px;
    }
}

.request-modal-field {
    width: 100%;
    height: 50px;
    padding: 15px;
    margin-bottom: 10px;
    background: #FFFFFF;
    border: 1px solid #E1E1E3 !important;
    font-size: 16px;
    transition: border-color 0.3s;
}

.lg-modal .request-modal-field {
    height: 40px;
    background: #F5F7F7;
    padding: 10px 10px 9px;
    font-size: 17px;
    line-height: 115%;
    border-color: #F5F7F7 !important;
}

.request-modal-field:last-child {
    margin-bottom: 0px;
}

.request-modal-field:focus {
    border-color: #2b4376 !important;
}

input.request-modal-field::placeholder,
textarea.request-modal-field::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #000000;
    opacity: 0.4;
}

.lg-modal input.request-modal-field::placeholder,
.lg-modal textarea.request-modal-field::placeholder {
    font-size: 17px;
    color: #ABABAB;
    opacity: 1;
    line-height: 115%;
}

textarea.request-modal-field {
    min-height: 111px;
}

.request-modal-btn {
    position: relative;
    width: 100%;
    margin: 10px 0;
    bottom: 0;
}

.lg-modal .request-modal-btn {
    margin: 0 auto;
    height: 54px;
    max-width: 350px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 27px;
    transition: background-position 0.4s ease-in-out;
}

.lg-modal .request-modal-btn:hover {
    background: linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background-position: 150px;
    color: #363636;
}

.request-modal-form p {
    margin-top: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    color: #74808E;
}

.lg-modal .request-modal-form p {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    padding: 0 0 20px;
}

@media screen and (max-width: 767px) {
    .lg-modal .request-modal-form p {
        font-size: 11px;
        line-height: 1.3;
    }
}

.bg-modal .request-modal-form p {
    color: #FFFFFF;
}

.request-modal-form p a {
    text-decoration: none;
    color: #74808E;
}

.bg-modal .request-modal-form p a {
    color: #FFFFFF;
}

.request-modal-form p a,
.request-modal-form p a:hover {
    border-bottom: 1px solid #74808E;
}

.bg-modal .request-modal-form p a,
.bg-modal .request-modal-form p a:hover {
    border-bottom: 1px solid #ffffff;
}

@media only screen and (max-width: 576px) {
    .request-modal,
    .modal-block {
        width: 100%;
        padding: 8px;
    }

    .request-modal-wrapper {
        width: 100%;
        padding: 20px;
    }

    .request-modal-close {
        top: 15px;
        right: 15px;
        width: 24px;
        height: 24px;
    }

    .request-modal-title {
        font-size: 24px;
    }

    .lg-modal .request-modal-field {
        font-size: 16px;
    }

    .lg-modal input.request-modal-field::placeholder,
    .lg-modal textarea.request-modal-field::placeholder {
        font-size: 16px;
    }

    .request-modal-btn {
        margin: 0 0 10px;
    }

    .lg-modal .request-modal-btn {
        margin: 0 auto;
    }

    .request-modal-form p {
        font-size: 12px;
    }
}

/*-----end request modal form-----*/

/*--------------------------------------------*/

.content-section ul {
    padding: 0 0 25px 25px;
    list-style: none outside url('/local/templates/landing/../../../assets/images/icons/square-list.svg');
}

.content-section ol {
    list-style: decimal outside none;
    padding: 0 0 25px 25px;
}

.content-section ul li ul, .content-section ol li ul, .content-section ul li ol, .content-section ol li ol {
    padding-bottom: 0;
}

.content-section ul.sitemap li ul {
    padding-bottom: 25px;
}

.content-section ul.sitemap li ul li ul {
    padding-bottom: 0;
}

.content-section ul.typo3-messages {
    padding: 0;
    list-style: none inside none;
}

.alert {
    padding-bottom: 0;
}

.alert.alert-danger {
    color: red;
}

.alert.alert-success, .alert.alert-info {
    color: green;
}

.alert h4 {
    padding: 0;
    margin: 0;
}

#mc_embed_signup div.mce_inline_error {
    color: red !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

#mc_embed_signup #mce-success-response {
    color: green;
}

figcaption, .figcaption, .caption {
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    color: #4f5050;
}

p {
    padding: 0 0 25px 0;
}

.background {
    background: #ffffff;
}

.background.highlight {
    background: #f5f7f7;
}

.background.highlight.colored {
    background: #2b4376;
    color: #ffffff;
}

.background.highlight.colored.middle {
    background: #29426e;
}

.background.highlight.colored.dark {
    background: #0f2958;
}

.background.highlight.colored h1, .background.highlight.colored h2, .background.highlight.colored h3, .background.highlight.colored h4, .background.highlight.colored h5, .background.highlight.colored h6, .background.highlight.colored a {
    color: #ffffff;
}

.background.highlight.colored h2 {
    color: #5e85c6;
}

.background.highlight.colored button, .background.highlight.colored input[type=submit], .background.highlight.colored input[type=reset], .background.highlight.colored .button {
    color: #2b4376;
}

.background.highlight.colored button:hover, .background.highlight.colored input[type=submit]:hover, .background.highlight.colored input[type=reset]:hover, .background.highlight.colored .button:hover {
    background: #2b4376;
    border-color: #000000;
    color: #ffffff;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-right input, .text-right button, .text-right .button {
    margin: 0;
}

.text-only.background.highlight {
    padding: 40px 30px;
    -webkit-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
}

.text-only.background.highlight .text p, .text-only.background.highlight .text ul, .text-only.background.highlight .text ol {
    color: #5e85c6;
}

.text-only.background.highlight .text p:last-child, .text-only.background.highlight .text ul:last-child, .text-only.background.highlight .text ol:last-child {
    padding-bottom: 0;
}

.text-only.background.highlight .text ul, .text-only.background.highlight .text ol {
    padding-left: 0;
}

.text-only.background.highlight .text ul li, .text-only.background.highlight .text ol li {
    margin-bottom: 10px;
    display: flex;
}

.text-only.background.highlight .text ul li:before, .text-only.background.highlight .text ol li:before {
    content: '';
    display: block;
    background: url('/local/templates/landing/../../../assets/images/icons/check-blue.svg') transparent center center / 100% auto no-repeat;
    height: 18px;
    margin: 7px 10px 0 0;
    width: 20px;
    min-width: 20px;
}

.text-only.background.highlight .text ul li:last-child, .text-only.background.highlight .text ol li:last-child {
    margin-bottom: 0;
}

.text-only.background.highlight .text h1, .text-only.background.highlight .text h2, .text-only.background.highlight .text h3, .text-only.background.highlight .text h4, .text-only.background.highlight .text h5, .text-only.background.highlight .text h6 {
    text-align: center;
}

.image {
    overflow: auto;
}

.text-image.textpic-below-text {
    display: flex;
    flex-direction: column;
}

.text-image.textpic-below-text .image {
    order: 2;
}

.image-only > a {
    border: none;
    padding: 0;
}

.image-only .image {
    overflow: hidden;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container.ratio4x3 {
    padding-bottom: 75%;
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.video iframe, .video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.top-image {
    overflow: hidden;
}

.top-image.home .slick-list, .top-image.campaign .slick-list {
    height: auto !important;
}

.top-image .top-image-item {
    overflow: hidden;
}

.top-image .slick-list {
    height: auto !important;
}

.breadcrumb {
    font-family: 'Helvetica';
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #363636;
    opacity: 0.5;
}

.breadcrumb ul {
    padding: 0;
}

.breadcrumb ul li {
    display: inline-block;
}

.breadcrumb ul li:first-child a:before, .breadcrumb ul li:first-child span:before {
    content: '';
}

.breadcrumb ul li a {
    text-decoration: none;
    color: #363636;
}

.breadcrumb ul li a:before, .breadcrumb ul li span:before {
    content: '/';
    padding: 0 3px;
}

.breadcrumb ul li a:hover {
    color: #5e85c6;
    text-decoration: none;
}

.anchor-links li {
    list-style-type: none;
}

.anchor-links li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #363636;
    font-weight: 600;
}

.background-anchor-linkbar .anchor-links {
    padding: 15px 0;
    display: flex;
}

.fixed-anchor-linkbar .anchor-links {
    padding: 0;
    -webkit-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    background: #e1e1e1;
}

.fixed-anchor-linkbar .anchor-links li {
    background: #f5f7f7;
    margin: 1px 0;
}

.fixed-anchor-linkbar .anchor-links li:first-child {
    margin-top: 0;
}

.page-navigation {
    margin-top: 25px;
}

.page-navigation p {
    padding: 0 0 5px;
}

.page-navigation ul {
    padding: 0;
}

.page-navigation ul li {
    display: inline-block;
    list-style-type: none;
    border: solid 1px #5e85c6;
    margin: 0 0 5px 10px;
}

.page-navigation ul li:first-child {
    margin: 0;
}

.page-navigation ul li.current {
    padding: 5px 10px;
    color: #ffffff;
    background: #2b4376;
}

.page-navigation ul li.current a {
    padding: 0;
    color: #ffffff;
}

.page-navigation ul li.fill-up {
    border: none;
}

.page-navigation ul li a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    border: none;
}

.page-navigation ul li a:hover {
    color: #ffe00e;
}

.list-view .item .item-content {
    padding: 20px 0px;
    border-bottom: 2px solid transparent;
    border-bottom-color: #5e85c6;
}

.list-view .item:first-child .item-content {
    border-top: 2px solid transparent;
    border-top-color: #5e85c6;
}

.list-view .item p {
    padding-bottom: 0;
}

.list-view.download-list .item .item-content {
    align-items: center;
}

.list-view.download-list .item .item-content a {
    display: block;
}

.list-view .image {
    padding-bottom: 0;
}

.glossary-navigation ul {
    display: flex;
    flex-wrap: wrap;
}

.glossary-navigation ul li {
    list-style-type: none;
    text-align: center;
}

.glossary-navigation ul li.inactive a, .glossary-navigation ul li.inactive span {
    background: #f5f7f7;
    color: #363636;
}

.glossary-navigation ul li.active a {
    background-color: #0f2958;
    color: #ffffff;
}

.glossary-navigation ul li a, .glossary-navigation ul li span {
    background: #2b4376;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    color: #ffffff;
}

.glossary-navigation ul li a:hover {
    background: #0f2958;
    color: #ffffff;
}

.list-view.result-list.locations a {
    font-weight: 400;
    color: #363636;
}

.list-view.result-list.locations .item .item-content {
    border-top: none;
    border-bottom-color: #d2d2d2;
}

.list-view.result-list.locations .item .item-content:hover {
    -webkit-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    border: none;
}

.list-view.result-list.locations .item .item-content span.icon {
    height: 30px;
    width: 20px;
}

.list-view.result-list.locations .item .item-content .distance {
    font-size: 13px;
}

.list-view.result-list.locations .teaser.image-contact .teaser-icon span.icon {
    height: 50px;
    width: 35px;
}

.list-view.result-list.locations .teaser.image-contact .teaser-icon span.distance {
    font-size: 13px;
}

.list-view.result-list.locations .teaser.image-contact .teaser-text-box .title-box {
    margin: 0 0 30px 0;
}

.list-view.result-list.locations .teaser.image-contact .teaser-text-box .title-box p, .list-view.result-list.locations .teaser.image-contact .teaser-text-box .content-box p {
    padding: 0;
    margin: 0;
}

.google-maps {
    height: 100%;
}

.news-single .teaser-text {
    font-weight: 700;
}

.news-single .background .offset .background .offset {
    padding-bottom: 5px;
    padding-top: 5px;
}

.list-view .news-teaser-head h3 {
    font-size: 20px;
    color: #d2d2d2;
}

.list-view .title-box .footer {
    margin: 5px 0;
}

.list-view .title-box .footer .news-list-date {
    color: #5e85c6;
    font-size: 18px;
}

.list-view .page-navigation {
    margin-top: 0;
}

.contact-service-box .col {
    align-self: center;
}

.contact-service-box h4 {
    margin: 0;
    padding: 0;
    display: flex;
}

.spare-parts {
    padding-bottom: 25px;
}

.spare-parts .topbar-search .form, .spare-parts .home-quicksearch .form {
    display: flex;
}

.spare-parts .topbar-search .form input, .spare-parts .home-quicksearch .form input {
    margin: 0;
}

.spare-parts .topbar-search .form input[type="search"], .spare-parts .home-quicksearch .form input[type="search"], .spare-parts .topbar-search .form input[type="text"], .spare-parts .home-quicksearch .form input[type="text"] {
    width: auto;
    background: #ffffff;
    height: 40px;
}

.spare-parts .topbar-search .form input[type=submit], .spare-parts .home-quicksearch .form input[type=submit] {
    background: url('/local/templates/landing/../../../assets/images/icons/search-blue.svg') center center / 40% auto no-repeat #ffe00e;
    height: 40px;
}

.spare-parts .category-list .item {
    height: 100%;
    text-align: center;
}

.spare-parts .category-list .item:hover a {
    -webkit-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
}

.spare-parts .category-list .item p {
    height: 100%;
}

.spare-parts .category-list .item p a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #f5f7f7;
    padding: 30px 20px;
    height: 100%;
}

.spare-parts .list-view .item .button, .spare-parts .list-view .item input[type=submit] {
    display: block;
    text-align: center;
    width: 100%;
}

.spare-parts .list-view .item .amount-row {
    padding-top: 25px;
}

.spare-parts .list-view .item .amount {
    padding-top: 25px;
}

.spare-parts .list-view .item .amount input {
    width: 50px;
    text-align: center;
}

.spare-parts .detail .button, .spare-parts .detail input[type=submit] {
    display: block;
    text-align: center;
    width: 100%;
}

.spare-parts .detail .amount input {
    width: 50px;
    text-align: center;
}

.spare-parts .basket-container a {
    position: relative;
}

.spare-parts .basket-container a .indicator:before {
    content: "!";
    display: block;
    width: 20px;
    height: 20px;
    color: #ffffff;
    background: #2b4376;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: -5px;
    right: -16px;
    z-index: 20;
    font-size: 14px;
    text-align: center;
}

.integration-form .form #tabs ul {
    padding: 25px 0;
}

.integration-form .form #tabs ul li {
    margin: 0;
}

.integration-form .form .form-group {
    margin-bottom: 25px;
}

.integration-form .form .sub {
    margin-left: 30px;
}


footer .row {
    padding-top: 30px;
    padding-bottom: 5px;
}

footer .row .footer-link-list ul li a {
    color: #363636;
}

footer .row .footer-link-list ul li a:hover {
    color: #2b4376;
}

footer .row .footer-link-list.vertical ul li {
    padding-right: 20px;
}

footer .row .footer-link-list.vertical ul li a {
    color: #ffffff;
}

footer .row .footer-link-list.with-icons ul li a {
    display: flex;
    align-items: center;
    color: #ffffff;
}

footer .row .footer-link-list.social-icons ul {
    display: flex;
}

footer .row .footer-link-list.group-icons ul li img {
    max-width: 100px;
    max-height: 50px;
}

.scrollup-btn {
    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;
    position: fixed;
    right: 20px;
    bottom: 93px;
    width: 66px;
    height: 66px;
    border-radius: 34px;
    background-color: #5e85c6;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    z-index: 1000;
    opacity: 0;
}

.scrollup-btn:hover {
    background-color: #2b4376;
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-transform: scale(108%);
    -ms-transform: scale(108%);
    transform: scale(108%);
}

@media only screen and (max-width: 767px) {
    .scrollup-btn {
        right: 8px;
        bottom: 85px;
        width: 63px;
        height: 63px;
    }
}

@media all and (min-width: 768px), print {
    h1 {
        font-size: 40px;
        line-height: 52px;
        text-transform: none;
        padding-bottom: 25px;
    }

    h2 {
        font-size: 26px;
        line-height: 34px;
        text-transform: none;
        padding-bottom: 25px;
    }

    h3 {
        font-size: 26px;
        line-height: 34px;
        text-transform: none;
        padding-bottom: 22px;
    }

    h4, h5, h6 {
        font-size: 22px;
        line-height: 32px;
        text-transform: none;
        padding-bottom: 20px;
    }

    .teaser.image-contact .teaser-content {
        display: flex;
    }

    .teaser.image-contact .teaser-content .teaser-image {
        width: 35%;
        margin: 0 15px 0 0;
    }

    .teaser.image-contact .teaser-content .teaser-text-box {
        width: 60%;
    }

    .image-gallery.masonry-layout {
        column-count: 4;
    }

    .image-gallery.masonry-layout .masonry-layout__panel {
        padding-right: 15px;
        padding-left: 15px;
    }

    footer .image-gallery.masonry-layout {
        column-count: 2;
    }

    footer .image-gallery.masonry-layout .masonry-layout__panel {
        padding-right: 5px;
        padding-left: 5px;
    }

    .accordion {
        padding-top: 35px;
    }

    .tooltip-hover:hover span {
        visibility: visible;
    }

    .tooltips.position-left span {
        top: -50%;
        bottom: auto;
        left: auto;
        right: 100%;
    }

    .tooltips.position-left span:after {
        top: 10%;
        bottom: auto;
        right: auto;
        left: 100%;
        margin-left: 0;
        border-right: 8px solid transparent;
        border-left: 8px solid #000000;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    .tooltips.position-right span {
        top: -50%;
        bottom: auto;
        right: auto;
        left: 195%;
    }

    .tooltips.position-right span:after {
        top: 10%;
        bottom: auto;
        left: auto;
        right: 100%;
        margin-left: 0;
        border-right: 8px solid #000000;
        border-left: 8px solid transparent;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
    }

    .spare-parts .topbar-search .form, .spare-parts .topbar-search .form {
        justify-content: center;
    }

    footer .row .footer-link-list ul li {
        margin-bottom: 15px;
    }

    footer .row .footer-link-list.vertical ul {
        display: block;
    }

    footer .row .footer-link-list.social-icons ul {
        display: flex;
    }
}

@media all and (min-width: 1024px), print {
    .slick-slider.fullsize .slider-text-container .flex-col, .top-image.fullsize .slider-text-container .flex-col {
        justify-content: flex-end;
    }

    .slick-slider.fullsize .slider-text-container, .top-image.fullsize .slider-text-container {
        align-items: center;
        display: flex;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .slick-slider .slick-slide, .top-image .slick-slide {
        position: relative;
    }

    .slick-slider .slider-text, .top-image .slider-text {
        background: none;
        color: #ffffff;
        padding: 0;
        margin: 0 5% 0 0;
        text-align: center;
        max-width: 90%;
    }

    .slick-slider .slider-text h1, .top-image .slider-text h1, .slick-slider .slider-text h2, .top-image .slider-text h2, .slick-slider .slider-text a, .top-image .slider-text a {
        color: #ffffff;
    }

    .slick-slider .slider-text a.button, .top-image .slider-text a.button {
        color: #363636;
    }

    .slick-slider .slider-text a.button:hover, .top-image .slider-text a.button:hover {
        color: #ffffff;
    }

    .slick-slider .slider-text h1, .top-image .slider-text h1, .slick-slider .slider-text h2, .top-image .slider-text h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .tabber h3.resp-accordion, .tabber h4.resp-accordion {
        display: none;
    }

    .tabber .resp-tabs-list {
        display: flex;
    }

    .tabber .resp-tabs-list .resp-tab-item {
        font-family: 'Helvetica', sans-serif;
    }

    .tabber .resp-tabs-list li {
        cursor: pointer;
        color: #5e85c6;
        border-bottom: solid 2px #5e85c6;
        font-weight: 600;
        list-style: none;
        margin: 0 25px 0 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tabber .resp-tabs-list li:hover, .tabber .resp-tabs-list li.resp-tab-active {
        color: #2b4376;
        border-bottom-color: #2b4376;
    }

    .background.highlight.colored .tabber .resp-tabs-list li {
        color: #ffffff;
        border-bottom: solid 2px #ffffff;
    }

    .background.highlight.colored .tabber .resp-tabs-list li:hover, .background.highlight.colored .tabber .resp-tabs-list li.resp-tab-active {
        color: #ffe00e;
        border-bottom-color: #ffe00e;
    }

    .tabber.resp-vtabs {
        display: flex;
    }

    .tabber.resp-vtabs ul.resp-tabs-list {
        display: block;
        width: 30%;
    }

    .tabber.resp-vtabs .resp-tabs-container {
        width: 70%;
    }

    .tabber.arguments-box .resp-tabs-list {
        padding: 0;
    }

    .tabber.arguments-box .resp-tabs-list li {
        align-items: center;
        display: flex;
        background: #2b4376;
        color: #ffffff;
        border: none;
        font-size: 20px;
        height: 25%;
        padding: 30px 35px;
        margin: 0;
    }

    .tabber.arguments-box .resp-tabs-list li:hover {
        border: none;
        color: #ffe00e;
    }

    .tabber.arguments-box .resp-tabs-list li:nth-of-type {
        background: #2b4376;
    }

    .tabber.arguments-box .resp-tabs-list li:nth-of-type(2) {
        background: #36579d;
    }

    .tabber.arguments-box .resp-tabs-list li:nth-of-type(3) {
        background: #5e85c6;
    }

    .tabber.arguments-box .resp-tabs-list li:nth-of-type(4) {
        background: #7ca1de;
    }

    .tabber.arguments-box .tab-content {
        background: #2b4376;
        height: 100%;
        padding: 50px 50px 35px;
    }

    .tabber.arguments-box .tab-content:nth-of-type(2) {
        background: #36579d;
    }

    .tabber.arguments-box .tab-content:nth-of-type(3) {
        background: #5e85c6;
    }

    .tabber.arguments-box .tab-content:nth-of-type(4) {
        background: #7ca1de;
    }

    .tabber.arguments-box .tab-content h1, .tabber.arguments-box .tab-content h2, .tabber.arguments-box .tab-content h3, .tabber.arguments-box .tab-content h4, .tabber.arguments-box .tab-content h5, .tabber.arguments-box .tab-content h6, .tabber.arguments-box .tab-content p, .tabber.arguments-box .tab-content a {
        color: #ffffff;
    }

    .tabber.arguments-box .tab-content img {
        max-height: 365px;
    }

    .tabber.arguments-box .tab-content a:hover {
        border-color: #ffffff;
    }

    .top-image.fullsize.home picture:after {
        display: none;
    }

    .top-image.fullsize.home .slider-text-container .flex-col {
        justify-content: flex-start;
    }

    .top-image.fullsize.home .slider-text-container .slider-text {
        text-align: left;
        margin: 0;
        background: rgba(255, 255, 255, 0.9);
        padding: 30px 30px 5px;
    }

    .top-image.fullsize.home .slider-text-container .slider-text h1, .top-image.fullsize.home .slider-text-container .slider-text h2, .top-image.fullsize.home .slider-text-container .slider-text a {
        color: #2b4376;
    }

    .top-image.fullsize.home .slider-text-container .slider-text a.button {
        color: #363636;
    }

    .top-image.fullsize.home .slider-text-container .slider-text a.button:hover {
        color: #ffffff;
    }

    .top-image.fullsize.home .slider-text-container .slider-text p {
        color: #363636;
    }

    .top-image.fullsize.campaign picture:after {
        display: none;
    }

    .top-image.fullsize.campaign .slider-text-container .flex-col {
        justify-content: flex-start;
    }

    .top-image.fullsize.campaign .slider-text-container .slider-text {
        text-align: left;
        margin: 0;
        background: none;
        padding: 0;
        position: relative;
    }

    .top-image.fullsize.campaign .slider-text-container .slider-text .eye-catcher picture {
        max-width: 212px;
        position: absolute;
        right: -110px;
        top: -45px;
        z-index: 10;
    }

    .top-image.fullsize.campaign .slider-text-container .slider-text h1 {
        padding: 30px 80px 30px 30px;
    }

    .top-image.fullsize.campaign .slider-text-container .slider-text h2 {
        padding: 30px;
    }

    .top-image.fullsize.campaign .slider-text-container .slider-text h1, .top-image.fullsize.campaign .slider-text-container .slider-text h2 {
        background: rgba(255, 255, 255, 0.9);
        color: #2b4376;
        margin-bottom: 4px;
    }

    .top-image.fullsize.campaign .slider-text-container .slider-text p {
        background: rgba(43, 67, 118, 0.9);
        padding: 30px;
        color: #ffffff;
        font-size: 20px;
    }

    .top-image.fullsize.campaign .slider-text-container .slider-text a.button:hover {
        background: #000000;
    }

    .top-image.home .slick-list, .top-image.campaign .slick-list {
        max-height: 400px !important;
    }

    .top-image.home .slick-list .slider-text-container, .top-image.campaign .slick-list .slider-text-container {
        max-height: 400px;
    }

    .top-image .slick-list {
        max-height: 400px !important;
    }

    .top-image .slick-list .slider-text-container {
        max-height: 400px;
    }

    footer .row .footer-link-list.group-icons ul {
        display: flex;
    }

    footer .row .footer-link-list.group-icons ul li img {
        position: relative;
        top: -10px;
    }
}

@media all and (min-width: 1220px), print {
    .slick-slider.fullsize picture:after, .top-image.fullsize picture:after {
        content: '';
        display: block;
        background: #000000;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .inner-background .top-image.fullsize picture:after {
        display: none;
    }

    .slick-slider.fullsize .slider-text-container .slider-text, .top-image.fullsize .slider-text-container .slider-text {
        margin: 0 18% 0 0;
    }

    .teaser.image-text .teaser-content:hover {
        -webkit-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    }

    .teaser.products .teaser-content:hover {
        -webkit-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    }

    .fullsize-tabber-with-background-image .image {
        margin: 0;
    }

    .fullsize-tabber-with-background-image .image img {
        margin: 0 auto;
    }

    .fullsize-tabber-with-background-image .image-overlap {
        margin-top: -282px;
        margin-bottom: 25px;
    }

    .tabber.arguments-box .resp-tabs-list, .tabber.arguments-box .resp-tabs-container {
        z-index: 99999;
    }

    .top-image.fullsize.campaign .slider-text-container .slider-text .eye-catcher picture {
        position: absolute;
        right: -130px;
        top: -70px;
    }

    .product-finder-container .main-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .product-finder-container .product-finder-box .background {
        padding: 30px 30px 5px;
    }

    .product-finder-container .product-finder-box .background.box-padding-0 {
        padding: 0;
    }

    .product-finder-container .product-finder-box .background.box-padding-0 .text {
        padding: 10px 30px 5px;
    }

    footer .row {
        padding-top: 50px;
        padding-bottom: 25px;
    }

    footer .row .footer-link-list.vertical.align-right ul {
        justify-content: flex-end;
    }

    footer .row .footer-link-list.vertical ul {
        display: flex;
    }

    footer .row .footer-link-list.vertical ul li {
        margin-right: 30px;
    }

    footer .row .footer-link-list.social-icons ul li .icon {
        position: relative;
        top: 10px;
    }
}

@media all and (min-width: 1440px), print {
    .product-finder-container {
        top: -120px;
    }

    .top-image.home .slick-list, .top-image.campaign .slick-list {
        max-height: 700px !important;
    }

    .top-image.home .slick-list .slider-text-container, .top-image.campaign .slick-list .slider-text-container {
        max-height: 700px;
    }

    .top-image .slick-list {
        max-height: 500px !important;
    }

    .top-image .slick-list .slider-text-container {
        max-height: 700px;
    }
}

@media all and (min-width: 1940px), print {
    .top-image.home .slick-list, .top-image.campaign .slick-list {
        max-height: 1000px !important;
    }

    .top-image.home .slick-list .slider-text-container, .top-image.campaign .slick-list .slider-text-container {
        max-height: 1000px;
    }

    .top-image .slick-list {
        max-height: 660px !important;
    }

    .top-image .slick-list .slider-text-container {
        max-height: 1000px;
    }
}

@media all and (max-width: 1219px), print {
    .teaser.products .teaser-content {
        border: solid 1px #2b4376;
    }

    .fullsize-tabber-with-background-image .image {
        margin: 0;
    }

    .fullsize-tabber-with-background-image .image-overlap .offset {
        padding: 10px 0 25px;
    }

    footer .row .footer-box {
        margin-bottom: 25px;
    }
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #363636;
    opacity: 0.6;
    top: 0;
    left: 0;
}

.overlay.hidden {
    display: none;
}

.lds-spinner {
    color: white;
    display: inline-block;
    position: fixed;
    width: 80px;
    height: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
    z-index: 10005;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media only screen and (max-width: 1180px) {
    #header .phone {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 992px) {
    .burger_hide + div ul, #footer ul.left-menu {
        flex-direction: column;
        padding-top: 20px;
    }

    .burger_hide + div {
        display: none;
    }

    .burger_hide + div ul li {
        width: 100%;
        text-align: center;
    }

    .burger_hide + div ul li a {
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
    }

    .burger_hide + div + .phone {
        display: none;
    }

    .header-menu {
        width: 100%;
        background: #FFFFFF;
    }

    .burger_hide.active + div + .phone {
        display: block !important;
    }

    #header .phone {
        display: none;
        text-align: center;
        width: 100%;
        right: 0;
    }

    #header .col.phone {
        background: #ffffff;
        padding: 15px 0 20px;
        margin: 0;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    }

    #header .socials {
        justify-content: center;
        margin-top: 10px;
    }
}

.banner-image img {
    width: 100%;
}

.text-only.background.highlight .text ul li:before, .text-only.background.highlight .text ol li:before {
    background: url(/local/templates/landing/img/check-blue.svg) transparent center center / 100% auto no-repeat;
}

#content-wrapper ul {
    list-style: none outside url(/local/templates/landing/img/square-list.svg);
    padding: 0 0 25px 25px;
}

.accordion .accordion-title-box.open {
    background: url(/local/templates/landing/img/arrow-up-blue.svg) no-repeat right center / auto 12px transparent;
}

.accordion .accordion-title-box {
    background: url(/local/templates/landing/img/arrow-down-blue.svg) no-repeat right center / auto 12px transparent;
}

span.icon.download {
    background: url(/local/templates/landing/img/download-blue.svg) center center / 98% auto no-repeat;
}

.contact-service-box .icon.contact-tel {
    background-image: url(/local/templates/landing/img/contact-tel-yellow.svg);
}

span.icon.contact-tel {
    background: url(/local/templates/landing/img/contact-tel-blue.svg) center center / 100% auto no-repeat;
}

.contact-service-box .icon.contact-form {
    background-image: url(/local/templates/landing/img/contact-form-yellow.svg);
}

span.icon.contact-form {
    background: url(/local/templates/landing/img/contact-form-blue.svg) center center / 100% auto no-repeat;
}

span.icon.type {
    background: url(/local/templates/landing/img/type-blue.svg) center center / 100% auto no-repeat;
}

select {
    background-image: url(/local/templates/landing/img/arrow-down-blue.svg);
}

#header {
    height: 70px;
    padding: 8px;
    position: fixed;
    width: 100%;
    z-index: 2;
    background: white;
    top: 0;
    border-bottom: 1px solid #f5f7f7;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

#header + div {
    margin-top: 70px;
}

ul.left-menu {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    justify-content: flex-end;
    font-size: 16px;
}

ul.left-menu li {
    padding: 0;
    background: none;
}

ul.left-menu li a {
    margin: 10px 12px;
    color: #2b4376;
    display: block;
    text-align: center;
    font-weight: 600;
}

@media only screen and (max-width: 1380px) {
    ul.left-menu li a {
        margin: 10px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    ul.left-menu li a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1024px) {
    ul.left-menu li a {
        margin: 10px 5px;
    }
}

ul.left-menu li a:hover {
    color: #5e85c6;
}

.first {
    background: #2b4376;
    padding: 30px;
    text-align: center;
}

.first > div {
    text-align: center;
}

.first h5 {
    text-align: center;
    padding: 0;
    font-size: 40px;
    color: #ffe00e;
}

ul.tabs {
    padding-left: 0 !important;
}

.tabs__content:not(.active), .tab-content:not(.active) {
    display: none !important;
}

.tabs__content.active, .tab-content.active {
    display: block;
}

#copyright {
    background: #0f2958;
}

#copyright p {
    text-align: center;
    color: white;
    padding-top: 25px;
}

.tabber .resp-tabs-list li.active {
    border-color: #2b4376;
}

.tabber .resp-tabs-list li.active span {
    color: #2b4376;
}

#footer #bottom-menu {
    /*background: #2b4376;*/
    background: #D7AC4A;
}

#footer .left-menu a {
    color: white !important;
    padding: 10px 40px;
}

.burger_hide {
    display: none;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
}

.burger_hide.active {
    top: 40%;
}

.burger_hide svg path {
    fill: #2b4376;
}

.menu_hide.active {
    display: block;
}

.burger_hide span {
    width: 100%;
    max-width: 30px;
    height: 2px;
    background: #2b4376;
    display: block;
    transition: all .3s;
    position: relative;
    transform: rotate(0);
}

.burger_hide span:nth-child(2) {
    margin: 7px 0;
}

.burger_hide.active span:nth-child(2) {
    display: none;
}

.burger_hide.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 7px;
}

.burger_hide.active span:nth-child(3) {
    transform: rotate(-45deg);
    top: 5px;
}

#footer ul.left-menu {
    padding-bottom: 20px;
    padding-top: 20px;
}

#footer .left {
    text-align: left;
}

@media only screen and (min-width: 1461px) {
    #footer .left {
        padding-left: 0;
    }
}

#footer .right {
    text-align: right;
}

#footer .footer_contacts {
    padding: 20px 0;
    color: white;
}

.background.highlight.colored .tabber .resp-tabs-list li.active {
    color: #ffe00e;
    border-bottom-color: #ffe00e;
}

.background.highlight.colored .tabber .resp-tabs-list li:not(.active) {
    color: white;
    border-bottom-color: white;
}

.accordion-content-box .text a {
    border-bottom: 2px solid transparent;
    border-bottom-color: #ffe00e;
    padding: 0 0 2px 0;
    font-weight: 700;
    text-decoration: none;
}

.accordion-content-box .text a:hover {
    border-bottom-color: #2b4376;
}

.equipment .accordion, .gallery .gallery, .video {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.equipment .accordion .image-only, .gallery .gallery .image-only {
    max-width: 25%;
    flex-basis: 25%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.video .item {
    max-width: 33%;
    flex-basis: 33%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.equipment .accordion .image-only .image img, .gallery .gallery .image-only .image img {
    transition: all .3s;
    opacity: 1;
    height: 220px;
    object-fit: cover;
    width: 100%;
}

.equipment .accordion .image-only .image picture, .gallery .gallery .image-only .image picture {
    height: 220px;
    display: block;
    overflow: hidden;
}

.equipment .accordion .image-only .image {
    oveflow: hidden;
}

.equipment .accordion .image-only .image:hover img, .gallery .gallery .image-only .image:hover img {
    transform: scale(1.1);
    opacity: .8;
}

@media only screen and (max-width: 992px) {
    .logo-cell {
        height: 54px;
        display: flex;
        align-items: center;
        margin-left: 3%;
    }
}

#logo {
    width: auto;
    display: flex;
    align-items: center;
    /*height: 52px;*/
}

#logo img {
    width: auto;
    max-width: 350px;
    -o-object-fit: contain;
    object-fit: contain;
}

#logo > img,
#logo > a img {
    height: 24px;
}

#logo .logo-image img {
    height: 48px;
}

@media only screen and (max-width: 1280px) {
    #logo > img,
    #logo > a img {
        height: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    #logo .logo-image img {
        height: 36px;
    }

    #logo > img,
    #logo > a img {
        height: 16px;
    }
}

@media only screen and (max-width: 992px) {
    #logo > img,
    #logo > a img {
        height: 18px;
    }
}

#logo .logo-image {
    position: relative;
    padding-right: 7px;
    margin-right: 7px;
}

#logo .logo-image::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    max-height: 25px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #F2671B;
}

@media only screen and (max-width: 1199px) {
    #logo .logo-image::after {
        max-height: 20px;
    }
}

.call-order-btn {
    background: #F2671B;
    padding: 6px 12px;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s;
}

.call-order-btn:hover {
    text-decoration: none;
    color: #202020;
}

@media only screen and (min-width: 1200px) {
    .call-order-btn {
        padding: 8px 24px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 992px) {
    .call-order-btn {
        margin: 0 auto 10px;
        max-width: 280px;
        width: 95%;

    }
}

.catalog-download a,
.catalog-download-mobile a {
    font-size: 13px;
    text-transform: uppercase;
}

.catalog-download a:hover {
    color: #5e85c6;
    text-decoration: none;
}

.catalog-download svg,
.catalog-download-mobile svg {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}

.header-menu .catalog-download-mobile {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .catalog-download a {
        font-size: 12px;
        text-transform: none;
    }

    .catalog-download svg {
        width: 26px;
        height: 26px;
        margin-bottom: 0px;
    }

    .product-item-modal-content .catalog-download a {
        font-size: 18px;
    }

    .product-item-modal-content .catalog-download a {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width: 992px) {
    .catalog-download {
        display: none;
    }

    .header-menu .catalog-download-mobile {
        display: block;
        text-align: center;
    }

    .product-item-modal-btns .catalog-download {
        display: inline-block;
    }
}

.main-content > .video {
    padding-bottom: 0;
}

.main-content > .video .video + p {
    padding: 20px 0 40px 0;
}

#feedback_form {
    max-width: 700px;
    width: 100%;
    margin: auto;
    text-align: center;
}

#feedback_form .subm-form.btn {
    /*font-size: 18px;*/
    /*line-height: 20px;*/
    /*font-weight: 700;*/
    /*color: #2b4376;*/
    /*-webkit-transition: all 0.35s;*/
    /*-moz-transition: all 0.35s;*/
    /*-o-transition: all 0.35s;*/
    /*transition: all 0.35s;*/
    /*background: #ffe00e;*/
    /*border: 2px solid transparent;*/
    /*cursor: pointer;*/
    /*padding: 10px 25px;*/
    /*margin: 20px 0 40px 0;*/
    /*display: inline-block;*/
    /*text-decoration: none;*/
    width: 50%;
    height: 54px;
    border-radius: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 20px;
    text-transform: lowercase;
    background: -webkit-linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background: -moz-linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background: linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#feedback_form .subm-form.btn:hover {
    background: #2b4376;
    border-color: transparent;
    color: #ffffff;
}

#footer #bottom-menu {
    /*background: #0f2958;*/
    background: #202020;
    padding: 20px 0;
    color: white;
}

#copyright {
    background: #202020;
}

#footer .logo svg {
    width: 145px;
    height: auto;
    margin-bottom: 15px;
}

#footer .logo img {
    width: 20vw;
    max-width: 350px;
    object-fit: contain;
}

@media only screen and (max-width: 1199px) {
    #footer .logo img {
        width: 23vw;
    }
}

@media only screen and (max-width: 992px) {
    #footer .logo img {
        width: 33vw;
    }
}

@media only screen and (max-width: 768px) {
    #footer .logo img {
        width: 43vw;
        margin: 6px auto 0;
    }
}

@media only screen and (max-width: 576px) {
    #footer .logo img {
        width: 80vw;
    }
}

#footer .dev {
    margin-left: auto;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: right;
}

#footer .dev .pict {
    border: none;
    margin-left: 0.65625em;
    font-size: 2em;
}

#footer .dev a {
    color: rgba(171, 171, 171, .45);
}

.phone {
    text-align: right;
    font-weight: bold;
    position: relative;
    margin-top: 10px;
}

.phone.col {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
}

#copyright .flex-col {
    align-items: center;
}

#header .main-content.flex-col {
    justify-content: space-between;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0;
}

ul.left-menu {
    align-items: center;
}

#header .phone a {
    white-space: nowrap;
}

#header .phone > div a:hover {
    text-decoration: none;
    color: #5e85c6;
}

.btn_form {
    text-align: center;
    margin-bottom: 40px;
}

.contacts-block .phone {
    text-align: left;
}

.contacts-block .phone span {
    font-weight: normal;
    margin-right: 3px;
}

.contacts-block p {
    padding-bottom: 0px;
}


@media (max-width: 1170px) {
    .equipment .accordion .image-only, .gallery .gallery .image-only {
        max-width: 50%;
        flex-basis: 50%;
    }
}

@media (max-width: 992px) {
    .phone {
        text-align: center;
        right: 35px;
        position: relative;
    }

    #contacts .phone {
        position: unset;
    }

    .equipment .accordion .image-only, .gallery .gallery .image-only, .video .item {
        max-width: 100%;
        flex-basis: 100%;
    }

    #bottom-menu .flex-col {
    / / flex-direction: column-reverse;
    }

    #footer .left-menu a {
        padding: 15px 0;
    }

    .resp-accordion.tab-id {
        margin-top: 30px;
    }

    .burger_hide {
        display: block;
        width: 30px;
        height: auto;
        max-height: 30px;
        z-index: 1111;
    }

    .burger_hide + div {
        display: none;
    }

    .burger_hide + div ul, #footer ul.left-menu {
        flex-direction: column;
        padding-top: 20px;
    }

    #footer ul.left-menu {
        padding-bottom: 0;
    }

    .burger_hide + div ul li {
        width: 100%;
        text-align: center;
    }

    .burger_hide + div ul li a {
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
    }

    .tabs__content:not(.active), .tab-content:not(.active) {
        display: block !important;
    }

    .first h5 {
        font-size: 30px;
        line-height: 1.2;
    }

    #banner-image img {
        height: 200px;
        object-fit: cover;
    }

    #header + div {
        margin-top: 89px;
    }

    #header .main-content.flex-col {
        position: relative;
        left: -3%;
        width: 106%;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .burger_hide {
        right: 3.5%;
    }

    .phone {
        right: 0;
        /*margin-top: 15px;*/
    }

    .phone {
        margin-top: 0;
    }

    #contacts .phone {
        margin-top: 10px;
    }

    .contacts-block .item-contact:not(:last-child) {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #f5f7f7;
    }

    #contacts .phone {
        margin-top: 10px;
    }

    .burger_hide + div + .phone {
        display: none;
    }

    .burger_hide.active + div + .phone {
        display: block;
    }

    #footer * {
        text-align: center;
    }

    #footer .left,
    #footer .left > * {
        text-align: center !important;
    }

    #footer .dev {
        margin: 0 auto 20px auto;
        width: 100%;
        justify-content: center;
    }

    #footer .right {
        text-align: center !important;
    }
}

@media only screen and (max-width: 576px) {
    #footer .dev {
        margin: 0 auto;
        font-size: 12px;
    }

    #copyright p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 360px) {
    .burger_hide {
        width: 26px;
    }
}

.background {
    background: #ffffff;
}

.inner-background {
    position: relative;
}

@media screen and (max-width: 992px) {
    .inner-background {
        margin-top: -23px;
        margin-bottom: -23px;
    }

    .inner-background .top-image {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .inner-background {
        margin-top: -3px;
        margin-bottom: -3px;
    }
}

.background.highlight {
    background: #f5f7f7;
}

.background.highlight.colored {
    background: #2b4376;
    color: #ffffff;
}

.background.highlight.colored.middle {
    background: #29426e;
}

.background.highlight.colored.dark {
    background: #0f2958;
}

.background.highlight.colored h1,
.background.highlight.colored h2,
.background.highlight.colored h3,
.background.highlight.colored h4,
.background.highlight.colored h5,
.background.highlight.colored h6,
.background.highlight.colored a {
    color: #ffffff;
}

.background.highlight.colored h2 {
    color: #5e85c6;
}

.background.highlight.colored button,
.background.highlight.colored input[type=submit],
.background.highlight.colored input[type=reset],
.background.highlight.colored .button {
    color: #2b4376;
}

.background.highlight.colored button:hover,
.background.highlight.colored input[type=submit]:hover,
.background.highlight.colored input[type=reset]:hover,
.background.highlight.colored .button:hover {
    background: #2b4376;
    border-color: #000000;
    color: #ffffff;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-right input,
.text-right button,
.text-right .button {
    margin: 0;
}

.text-only.background.highlight {
    padding: 40px 30px;
    -webkit-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.2);
}

.text-only.background.highlight .text p,
.text-only.background.highlight .text ul,
.text-only.background.highlight .text ol {
    color: #5e85c6;
}

.text-only.background.highlight .text p:last-child,
.text-only.background.highlight .text ul:last-child,
.text-only.background.highlight .text ol:last-child {
    padding-bottom: 0;
}

.text-only.background.highlight .text ul,
.text-only.background.highlight .text ol {
    padding-left: 0;
}

.text-only.background.highlight .text ul li,
.text-only.background.highlight .text ol li {
    margin-bottom: 10px;
    display: flex;
}

.text-only.background.highlight .text ul li:before,
.text-only.background.highlight .text ol li:before {
    content: '';
    display: block;
    background: url(/local/templates/landing/img/check-blue.svg) transparent center center / 100% auto no-repeat;
    height: 18px;
    margin: 7px 10px 0 0;
    width: 20px;
    min-width: 20px;
}

.text-only.background.highlight .text ul li:last-child,
.text-only.background.highlight .text ol li:last-child {
    margin-bottom: 0;
}

.text-only.background.highlight .text h1,
.text-only.background.highlight .text h2,
.text-only.background.highlight .text h3,
.text-only.background.highlight .text h4,
.text-only.background.highlight .text h5,
.text-only.background.highlight .text h6 {
    text-align: center;
}

.image {
    overflow: auto;
}

.text-image.textpic-below-text {
    display: flex;
    flex-direction: column;
}

.text-image.textpic-below-text .image {
    order: 2;
}

.image-only > a {
    border: none;
    padding: 0;
}

.image-only .image {
    overflow: hidden;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container.ratio4x3 {
    padding-bottom: 75%;
}

.video {
    position: relative;
    padding-bottom: 43%;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.video iframe,
.video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-image {
    overflow: hidden;
    margin-top: 0;
}

.top-image.home .slick-list,
.top-image.campaign .slick-list {
    height: auto !important;
}

.top-image .top-image-item {
    overflow: hidden;
    height: auto;
    padding-bottom: 8px;
}

.inner-background .top-image .top-image-item {
    padding-bottom: 0;
}

.top-image .slick-list {
    height: auto !important;
}

.news_item {
    flex-basis: 33% !important;
}

.item-contact:hover {
    color: tomato;
}

.home-background {
	position: relative;
}

.home-background .top-image .top-image-item {
	padding-bottom: 0;
}

.background__abs-content.home-page-title {
	padding: 20px 0;
}

.background__abs-content.home-page-title .dark-yellow-bg-block {
	max-width: 780px;
}

@media only screen and (min-width: 1601px) {
	.background__abs-content.home-page-title .dark-yellow-bg-block {
		max-width: 50vw;
	}
}

.background__abs-content.home-page-title .content-wrapper {
	max-width: 670px;
}

.background__abs-content.home-page-title h1 {
	padding-bottom: 0;
}

/*----------------------adaptive-----------------------*/

@media only screen and (max-width: 1467px) {
    #about,
    #contacts,
    #service {
        padding: 0 11px;
    }

    #about .main-content,
    #contacts .main-content,
    #service .main-content {
        padding: 0;
    }

    .product-item-modal-text .detail_text img {
        width: 85%;
    }
}

@media only screen and (max-width: 1380px) {
    #models .models_list {
        width: 97%;
    }

    #about,
    #contacts,
    #service {
        padding: 0 2%;
    }

    #about .main-content,
    #contacts .main-content,
    #service .main-content {
        padding: 0;
    }

    #models .image-only .image {
        height: 16vw;
        max-height: 260px;
    }

    #contacts .contacts-block__certificate, #contacts .contacts-block__contacts {
        height: 494px;
    }

    #header .phone {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1280px) {
    .top-image {
        margin-top: 0;
    }

    .product-item-modal-slider {
        width: 55%;
    }

    .product-item-modal-text .detail_text img {
        width: 100%;
    }

    #contacts .contacts-block__certificate, #contacts .contacts-block__contacts {
        padding: 8px 0;
        width: 49%;
        height: 474px;
    }

    #contacts .contacts-block__certificate {
        background: #FFFFFF;
    }

    #contacts .contacts-block__certificate img {
        height: 100%;
    }

    #contacts .contacts-block__contacts h2 {
        padding-bottom: 8px;
    }

    #servise .service-images img {
        width: 49%;
        height: 350px;
    }
}

@media only screen and (max-width: 1199px) {
    #copyright .left,
    #copyright .right {
        width: 50%;
    }

    #bottom-menu .left,
    #bottom-menu .right {
        width: 50%;
    }

    .product-model-item {
        width: calc(25% - 16px);
    }

    .read-more-btn {
        font-size: 14px;
    }

    #models .make-request-btn {
        font-size: 14px;
    }

    #contacts .contacts-block__item {
        font-size: 16px;
    }

	.background__abs-content.home-page-title .dark-yellow-bg-block {
    	max-width: 660px;
	}

	.background__abs-content.home-page-title .content-wrapper {
   	 	max-width: 580px;
	}
}

@media only screen and (max-width: 1170px) {
    #models h4 {
        font-size: 17px;
        min-height: 45px;
    }
}

@media only screen and (max-width: 1024px) {
    #header + div {
        margin-top: 58px;
    }

    #header .phone {
        font-size: 14px;
    }

    .top-image {
        margin-top: 70px;
    }

    .top-image.fullsize img {
        height: 50vw;
    }

    #contacts .contacts {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 35px;
    }

    #contacts .contacts-block__certificate,
    #contacts .contacts-block__contacts {
        width: 60%;
    }

    #contacts .contacts-block__certificate {
        height: auto;
    }

    #contacts .contacts-block__contacts {
        height: 520px;
    }

    #contacts .contacts-block__certificate img {
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 992px) {
    #header {
        padding: 0 8px;
        height: 54px;
        overflow-x: clip;
    }

    .bottom-logo-text {
        text-align: left !important;
        padding-left: 30px;
    }

    #header + div {
        margin-top: 77px;
    }

    .top-image {
        margin-top: -23px;
    }

    #contacts .col.xsb-12 > .contacts.flex-col {
        flex-direction: column;
        flex-wrap: wrap;
    }

    #contacts .col.xsb-12 > .contacts.flex-col > * {
        width: 100% !important;
    }

    #contacts .contacts-block__contacts {
        height: 780px;
    }

    #contacts .contacts-block__item {
        width: calc(50% - 10px);
    }

    #contacts .col.xsb-12 > .contacts.flex-col .phone {
        right: 0;
    }

    .main-content .video .item.news_item {
        flex-basis: 100% !important;
    }

    .product-item-modal-text {
        font-size: 16px;
    }

    #servise .contacts-block > .col {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    #servise .contacts-block > .col img {
        width: 100%;
    }

    .product-model-item {
        width: calc(33% - 12px);
    }

	.background__abs-content.home-page-title {
    	position: absolute;
	}
}

@media only screen and (max-width: 912px) {
    #servise .service-images img {
        height: 240px;
    }
}

@media only screen and (max-width: 820px) {
    .product-item-modal-slider {
        float: unset;
        width: 100%;
        margin: 0 45px 30px 0;
    }

    .product-item-modal-text {
        width: 90%;
    }
}

@media only screen and (max-width: 768px) {
    #servise .service-block-title {
        font-size: 30px;
    }

    .contacts-block .item-contact.mb-6 {
        width: 100%;
    }

    .contacts-block .item-contact:not(:last-child) {
        margin-bottom: 0;
    }

    #form_feedback .form-feedback__title {
        font-size: 30px;
    }

    .product-model-item {
        width: calc(50% - 10px);
    }

    #models .image-only .image {
        height: 30vw;
    }

	.background__abs-content.home-page-title {
    	position: static;
	}

	.background__abs-content.home-page-title .dark-yellow-bg-block {
		display: none;
	}

	.background__abs-content.home-page-title .content-wrapper {
    	max-width: 100%;
	}

	.background__abs-content.home-page-title .content-wrapper h1 {
		color: #002D72 !important;
		font-size: 32px;
	}
}

@media only screen and (max-width: 640px) {
    .product-item-modal-left {
        width: 100%;
    }

    .product-item-modal-text {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .bottom-logo-text {
        margin-top: 0px;
        padding-left: 17px;
    }

    #header + div {
        margin-top: 57px;
    }

    .top-image {
        margin-top: -2px;
    }

    .video {
        height: 270px;
    }

    #models .read-more-btn {
        margin-bottom: 0;
        width: 100%;
    }

    #models .make-request-btn {
        position: relative;
        bottom: 0;
        margin-top: 16px;
        width: 100%;
    }

    #servise .service-images img {
        height: 200px;
    }

    #contacts .make-request-btn {
        height: 44px;
        border-radius: 22px;
    }

    #feedback_form .subm-form.btn {
        width: 100%;
        height: 44px;
        border-radius: 22px;
    }

    #copyright .left,
    #copyright .right {
        width: 100%;
    }

    #bottom-menu .left,
    #bottom-menu .right {
        width: 100%;
        flex: unset;
    }

    #contacts .contacts-block__item {
        width: 100%;
    }
}

@media only screen and (max-width: 460px) {
    #servise .service-images img {
        width: 100%;
        height: 264px;
    }

    #contacts .contacts-block__item {
        width: 100%;
    }

    .product-model-item {
        width: 100%;
        padding: 16px 8px 18px;
    }

    #models .image-only .image {
        height: 40vw;
    }

    #models h4 {
        min-height: auto;
    }
}


/* cookies */
.cookies-section {
    display: none;
    padding: 12px 20px 12px 12px;
    position: fixed;
    bottom: 12px;
    width: 100%;
    max-width: 600px;
    right: 12px;
    z-index: 100001;
    background-color: #D7AC4A;
    box-shadow: 0 0 16px 0 rgba(46, 41, 41, 0.2);
}

.cookies-section__close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 18px;
    height: 18px;
    display: flex;
    cursor: pointer;
    z-index: unset;
    color: #ffffff;
    opacity: 0.8;
    transition: opacity 0.3s;
}

.cookies-section__close:hover {
    opacity: 1;
}

.cookies-section__close svg {
    color: currentColor;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cookies-section__close svg path {
    fill: currentColor;
}

.cookies-section__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.cookies-section__row .col {
    padding-right: 15px;
    flex-grow: 1;
    width: 60%;
}

.cookies-section__txt {
    font-size: 12px;
    line-height: 1.2;
	color: #ffffff;
}

.cookies-section__txt a {
    text-decoration: none;
   	border-bottom: 1px solid;
	transition: color 0.2s;
}

.cookies-section__txt a:not(:hover) {
	color: #ffffff;
}

.cookies-section__txt a:hover {
    text-decoration: none;
}

.cookies-section .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    color: #2b4376;
    padding: 10px 24px;
    cursor: pointer;
    border: 0;
    font-size: 13px;
    border-radius: 27px;
    margin: 0;
    transition: all 0.3s;
}

.cookies-section .btn:hover {
    background: #2b4376;
    color: #ffffff;
}

@media screen and (max-width: 650px) {
	.cookies-section {
		max-width: 96%;
		right: 2%;
	}
}

@media screen and (max-width: 575px) {
	.cookies-section {
		padding: 12px 25px 12px 12px;
	}

	.cookies-section__row .col {
		width: 100%;
		padding-right: 0;
		flex: unset;
	}
}

.checkbox-wrap {
    width: 100%;
	margin-top: 15px;
}

.request-modal .checkbox-wrap {
	margin-bottom: 15px;
}

.checkbox-wrap .checkbox {
    display: flex;
    position: relative;
    justify-content: flex-start;
}

.checkbox-wrap .checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.checkbox-wrap .checkbox-inner {
    font-size: 0.8em;
    line-height: 1.28;
    position: relative;
    padding-left: 32px;
    padding-top: 3px;
    text-align: left;
    cursor: pointer;
}

.bg-modal .checkbox-wrap .checkbox-inner {
	color: #ffffff;
}

.bg-modal .checkbox-wrap .checkbox-inner a {
	color: #ffffff;
}

.checkbox-wrap .checkbox-inner::before {
    content: "";
    background: #ffffff;
    border-radius: 0;
    border: 2px solid #ffffff;
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
}

.checkbox-wrap .checkbox-inner a {
    text-decoration: underline;
    text-decoration-skip-ink: none;
}

.checkbox-wrap .checkbox-inner a:hover {
    text-decoration: none;
}

.checkbox-wrap .checkbox input[type=checkbox]:checked ~ span::before {
    background: url(/local/templates/landing/img/check-icon.svg) no-repeat, #ffffff;
    background-position: center;
    background-size: 15px;
}

.checkbox-wrap .checkbox input[type=checkbox]:disabled ~ * {
    opacity: 0.45;
    pointer-events: none;
}

.checkbox-wrap .checkbox input[type=checkbox].error ~ span::before {
    border-color: rgba(255, 0, 0, 0.8);
}

form button[type="submit"]:disabled {
	opacity: 0.7;
	pointer-events: none;
}

/* End */


/* Start:/local/templates/landing/fancybox/jquery.fancybox.css?16704054584863*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/local/templates/landing/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/local/templates/landing/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/local/templates/landing/fancybox/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(/local/templates/landing/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url(/local/templates/landing/fancybox/fancybox_sprite@2x.png);
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/local/templates/landing/fancybox/fancybox_loading@2x.gif);
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* End */


/* Start:/local/templates/landing/css/styles.css?174366704919638*/
.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
    overflow-y: clip;
    scrollbar-width: none;
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        scrollbar-width: thin;
    }
}

.breadcrumbs a {
    padding-right: 8px;
    margin-right: 14px;
    position: relative;
    color: #ACAEAC;
    font-size: 16px;
    line-height: 162.5%;
    letter-spacing: 1px;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

@media screen and (max-width: 575px) {
    .breadcrumbs a {
        font-size: 14px;
    }
}

.breadcrumbs a::after {
    content: "/";
    font-size: 16px;
    line-height: 162.5%;
    letter-spacing: 1px;
    color: #2B4376;
    position: absolute;
    right: -6px;
}

.breadcrumbs a:hover {
    text-decoration: none;
    color: #2B4376;
}

.breadcrumbs span {
    color: #2B4376;
    font-size: 16px;
    line-height: 162.5%;
    letter-spacing: 1px;
}

@media screen and (max-width: 575px) {
    .breadcrumbs span {
        font-size: 14px;
    }
}

.catalog {
    margin-top: 40px;
}

@media screen and (max-width: 1467px) {
    .main-content {
        padding: 0 11px;
    }
}

@media screen and (max-width: 1380px) {
    .main-content {
        padding: 0 2%;
    }
}

.catalog h2, .catalog .h2 {
    color: #002D72;
    font-size: 48px;
    line-height: 115%;
    padding-bottom: 0;
}

@media screen and (max-width: 1199px) {
    .catalog h2, .catalog .h2 {
        font-size: 32px;
    }
}

.catalog-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 30px 0 60px;
}

@media screen and (max-width: 991px) {
    .catalog-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .catalog-list {
        grid-template-columns: repeat(3, 1fr);
        margin: 20px 0 40px;
    }
}

@media screen and (max-width: 575px) {
    .catalog-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.catalog-list__item {
    position: relative;
    padding: 20px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 1370px) {
    .catalog-list__item {
        padding: 20px;
    }
}

.catalog-list__item::before,
.catalog-list__item::after {
    content: "";
    background-color: #E5E5E7;
    position: absolute;
}

.catalog-list__item::before {
    left: 30px;
    width: calc(100% - 60px);
    height: 1px;
    bottom: 0;
}

@media screen and (max-width: 991px) {
    .catalog-list__item::before {
        left: 20px;
        width: calc(100% - 40px);
    }
}

.catalog-list__item::after {
    right: 0;
    width: 1px;
    height: calc(100% - 40px);
    top: 20px;
}

.catalog-list__item:nth-child(5n)::after {
    display: none;
}

.catalog-list__item:nth-child(5n + 1) {
    padding-left: 20px;
}

@media screen and (max-width: 991px) {
    .catalog-list__item:nth-child(5n)::after {
        display: block;
    }

    .catalog-list__item:nth-child(4n)::after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .catalog-list__item:nth-child(4n)::after {
        display: block;
    }

    .catalog-list__item:nth-child(3n)::after {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .catalog-list__item:nth-child(3n)::after {
        display: block;
    }

    .catalog-list__item:nth-child(2n)::after {
        display: none;
    }
}

.abs-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.catalog-list__item-img {
    max-width: 146px;
    max-height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

@media screen and (max-width: 575px) {
    .catalog-list__item-img {
        max-width: 100px;
    }
}

.catalog-list__item:hover .catalog-list__item-img {
    -webkit-transform: scale(1.06) translate(5px, -5px);
    -ms-transform: scale(1.06) translate(5px, -5px);
    transform: scale(1.06) translate(5px, -5px);
}

.catalog-list__item-ttl {
    color: #6C6D74;
    font-size: 18px;
    line-height: 160%;
    margin-top: 20px;
    -webkit-transition: color 0.4s ease-out;
    -o-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
}

@media screen and (max-width: 1199px) {
    .catalog-list__item-ttl {
        font-size: 16px;
    }
}

@media screen and (max-width: 400px) {
    .catalog-list__item-ttl {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        word-break: break-word;
    }
}

.catalog-list__item:hover .catalog-list__item-ttl {
    color: #F2671B;
}

.primary-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 22px;
    background-color: #2B4376;
    padding: 10px 53px 9px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    -webkit-transition: background-color 0.3s, color 0.3s;
    -o-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .primary-btn {
        font-size: 15px;
    }
}

.primary-btn:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #5e85c6; /*#F2671B*/
}

.primary-btn.rect-btn {
    border-radius: 0;
}

.catalog .primary-btn {
    margin-bottom: 100px;
}

@media screen and (max-width: 991px) {
    .catalog .primary-btn {
        margin-bottom: 60px;
    }
}

.dark-yellow-bg-block {
    background: #D7AC4A;
    color: #FFFFFF;
}

.dark-blue-bg-block {
    background: #002D72;
    color: #FFFFFF;
}

.background__abs-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 60px 0;
}

@media screen and (max-width: 1199px) {
    .background__abs-content {
        padding: 60px 0 45px;
    }
}

@media screen and (max-width: 992px) {
    .background__abs-content {
        position: static;
    }
}

.background__abs-content .dark-yellow-bg-block {
    max-width: 1150px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1199px) {
    .background__abs-content .dark-yellow-bg-block {
        max-width: 780px;
    }
}

@media screen and (max-width: 992px) {
    .background__abs-content .dark-yellow-bg-block {
        max-width: 100%;
    }
}

.background__abs-content .content-wrapper {
    max-width: 850px;
    position: relative;
}

@media screen and (max-width: 1199px) {
    .background__abs-content .content-wrapper {
        max-width: 740px;
    }
}

.background__abs-content .dark-yellow-bg-block ~ .content-wrapper,
.background__abs-content .dark-yellow-bg-block ~ .content-wrapper h1 {
    color: #FFFFFF;
}

.background__abs-content .dark-yellow-bg-block ~ .content-wrapper .breadcrumbs a:not(:hover) {
    color: #EEEEEE;
}

.background__abs-content h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
}

@media screen and (max-width: 1199px) {
    .background__abs-content h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 575px) {
    .background__abs-content h1 {
        font-size: 24px;
    }
}

.about-text-wrapper {
    margin-bottom: 72px;
}

.about-text {
    padding: 80px 0;
    font-size: 21px;
    line-height: 1.5;
    max-width: 750px;
}

@media screen and (max-width: 991px) {
    .about-text {
        padding: 60px 0;
        font-size: 18px;
    }
}

.about-text p {
    padding: 0;
}

.about-text p:not(:last-child) {
    margin-bottom: 20px;
}

.products-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 8px;
    margin: 80px 0;
}

@media screen and (max-width: 767px) {
    .products-list {
        margin: 50px 0;
    }
}

@media screen and (max-width: 439px) {
    .products-list {
        gap: 30px 8px;
        position: relative;
        width: 104%;
        left: -2%;
    }
}

.products-list__item {
    width: calc(20% - 7px);
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1199px) {
    .products-list__item {
        width: calc(25% - 6px);
    }
}

@media screen and (max-width: 991px) {
    .products-list__item {
        width: calc(33.3% - 6px);
    }
}

@media screen and (max-width: 767px) {
    .products-list__item {
        width: calc(50% - 4px);
    }
}

@media screen and (max-width: 439px) {
    .products-list__item {
        width: 100%;
    }
}

.product-model-item__ttl {
    font-size: 18px;
    line-height: 140%;
    font-weight: 700;
    text-align: center;
    padding-bottom: 12px;
    color: #2B4376;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.products-list__item:hover .product-model-item__ttl {
    color: #F2671B;
}

.product-model-item__info {
    width: 100%;
}

.products-list__item .image {
    margin: 0 auto 16px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
}

.products-list__item .image .picture {
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 190px;
    width: 100%;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

.products-list__item:hover .image .picture {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

.products-list__item .image-label {
    position: absolute;
    top: 0;
    right: 8px;
    background-color: #FCFEFF;
    width: 49px;
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.products-list__item .image-label img {
    width: 45px;
    height: 41px;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-model-item__btns {
    padding: 0 5px;
    z-index: 1;
    position: relative;
}

.product-model-item__btns .read-more-btn {
    width: 100%;
    border-radius: 22px 22px 0 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 168%;
    text-transform: uppercase;
    margin-bottom: 6px;
    padding: 10px 22px 8px;
}

@media screen and (max-width: 1380px) {
    .product-model-item__btns .read-more-btn {
        font-size: 15px;
    }
}

.product-model-item__btns .make-request-btn {
    position: static;
    width: 100%;
    border-radius: 0 0 22px 22px;
    font-weight: 700;
    font-size: 16px;
    line-height: 168%;
    text-transform: uppercase;
    color: #2B4376;
    padding: 10px 22px 8px;
    cursor: pointer;
    -webkit-transition: background-position 0.4s ease-in-out;
    -o-transition: background-position 0.4s ease-in-out;
    transition: background-position 0.4s ease-in-out;
}

@media screen and (max-width: 1380px) {
    .product-model-item__btns .make-request-btn {
        font-size: 15px;
    }
}

.product-model-item__btns .make-request-btn:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgb(234, 192, 66)), color-stop(50%, rgb(255, 255, 255)), to(rgb(234, 192, 66)));
    background: -o-linear-gradient(left, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background: linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background-position: 115px;
    -webkit-transition: background-position 0.4s ease-in-out;
    -o-transition: background-position 0.4s ease-in-out;
    transition: background-position 0.4s ease-in-out;
}

.catalog .offer-modal-btn {
    max-width: 100%;
    width: 400px;
    height: 69px;
    margin: 40px 0 30px auto;
    padding: 9px 12px;
    text-transform: none;
}

@media screen and (max-width: 767px) {
    .catalog .offer-modal-btn {
        margin: 40px auto 30px;
    }
}

.product-detail {
    margin-top: 40px;
    font-size: 16px;
    line-height: 156%;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .product-detail {
        margin-top: 20px;
    }
}

.product__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product__col {
    width: 50%;
}

.product__col:nth-child(2) {
    padding: 0 0 0 60px;
}

@media screen and (max-width: 1199px) {
    .product__col:nth-child(2) {
        padding: 0 0 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .product__col {
        width: 100%;
    }

    .product__col:nth-child(2) {
        padding: 20px 0 0 0;
    }
}

.product .product-item-modal-slider {
    float: unset;
    width: 100%;
    margin: 0 0 24px;
    height: 30vw;
    max-height: 400px;
}

@media screen and (max-width: 767px) {
    .product .product-item-modal-slider {
        height: 60vw;
    }
}

.product-img-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.product-img-wrapper .image-label {
    position: absolute;
    top: 0;
    right: 10px;
    background-color: #FCFEFF;
    width: 7vw;
    max-width: 85px;
    height: auto;
    max-height: 100px;
    padding: 15px 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .product-img-wrapper .image-label {
        width: 16vw;
    }
}

.product__col-text {
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .product__col-text {
        margin-bottom: 30px;
    }
}

.product__col-text p:last-child {
    padding: 0;
}

.product h1, .product .h1 {
    letter-spacing: 1px;
    line-height: 110%;
    font-size: 28px;
}

.product__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
}

.product__btn {
    width: calc(50% - 6px);
    text-transform: lowercase;
    height: 44px;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: normal;
}

@media screen and (max-width: 991px) {
    .product__btn {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .product__btns {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .product__btn {
        max-width: 295px;
    }
}

@media screen and (max-width: 460px) {
    .product__btns {
        gap: 20px;
    }

    .product__btn {
        width: 100%;
    }
}

.product__btns .make-request-btn {
    position: static;
    -webkit-transition: background-position 0.4s ease-in-out;
    -o-transition: background-position 0.4s ease-in-out;
    transition: background-position 0.4s ease-in-out;
}

.product__btns .make-request-btn a {
    padding: 10px 8px 9px;
    color: #2b4376;
    letter-spacing: normal;
}

.product__btns .make-request-btn:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgb(234, 192, 66)), color-stop(50%, rgb(255, 255, 255)), to(rgb(234, 192, 66)));
    background: -o-linear-gradient(left, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background: linear-gradient(90deg, rgb(234, 192, 66), rgb(255, 255, 255) 50%, rgb(234, 192, 66) 100%);
    background-position: 150px;
    -webkit-transition: background-position 0.4s ease-in-out;
    -o-transition: background-position 0.4s ease-in-out;
    transition: background-position 0.4s ease-in-out;
}

.product__descr {
    margin: 50px 0 20px;
    max-width: 1040px;
}

.product__descr-item {
    padding-bottom: 50px;
}

.product__descr-ttl {
    margin-bottom: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 162.5%;
    color: #2B4376;
    padding: 17px 0;
    height: 60px;
    max-width: 390px;
    border: 1px solid #2B4376;
    border-left: 0;
    position: sticky;
    top: 70px;
    z-index: 1;
    background: #fff;
}

@media screen and (max-width: 992px) {
    .product__descr-ttl {
        top: 54px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
        padding: 13px 0 12px;
    }
}

@media screen and (max-width: 767px) {
    .product__descr-ttl {
        max-width: 330px;
    }
}

@media screen and (max-width: 374px) {
    .product__descr-ttl {
        font-size: 15px;
    }
}

.product__descr-ttl::before,
.product__descr-ttl::after {
    content: "";
    height: 1px;
    width: 100%;
    min-width: 24vw;
    position: absolute;
    left: 0;
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%);
    background-color: #2B4376;
}

.product__descr-ttl::before {
    top: -1px;
}

.product__descr-ttl::after {
    bottom: -1px;
}

#content-wrapper .product__descr-item ul {
    list-style: none;
    padding: 0;
}

.product__descr-item ul {
    margin-top: 12px;
}

.product__descr-item li {
    position: relative;
    padding-left: 42px;
}

.product__descr-item li:not(:last-child) {
    margin-bottom: 20px;
}

.product__descr-item li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: url("/local/templates/landing/img/check-icon.svg") no-repeat;
    background-size: contain;
}

.product-chars {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.product-chars-block {
    padding-right: 70px;
}

@media screen and (max-width: 1199px) {
    .product-chars {
        gap: 25px;
    }

    .product-chars-block {
        padding-right: 25px;
    }
}

@media screen and (max-width: 575px) {
    .product-chars {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .product-chars-block {
        padding-right: 0;
    }
}

.product-chars-block .ttl {
    color: #2B4376;
    font-weight: 700;
}

.product-chars-block li {
    padding: 0;
    line-height: 140%;
}

.product-chars-block li:not(:last-child) {
    margin-bottom: 8px;
}

.product-chars-block li::before {
    display: none;
}

/* End */
/* /local/templates/landing/components/bitrix/menu/top_menu/style.min.css?1670405458490 */
/* /local/templates/landing/components/bitrix/news.list/social/style.css?1664311073241 */
/* /local/templates/landing/template_styles.css?1749562093152016 */
/* /local/templates/landing/fancybox/jquery.fancybox.css?16704054584863 */
/* /local/templates/landing/css/styles.css?174366704919638 */