/* Start:/local/templates/.default/assets/src/build/css/styles.min.css?1757339162680281*/ @charset "UTF-8"; @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap); .header-navigation .btn-toggle, .main-footer .primary-col, .nav-tab.secondary li .nav-tab__item, .popup-header .top-menu, .swiper-container-multirow-column>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, to { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @keyframes bounce { 0%, 20%, 50%, 80%, to { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @-webkit-keyframes jello { 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39062deg) skewY(.39062deg); transform: skewX(.39062deg) skewY(.39062deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } @keyframes jello { 11.1%, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39062deg) skewY(.39062deg); transform: skewX(.39062deg) skewY(.39062deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } @-webkit-keyframes rubberBand { 0%, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } } @keyframes rubberBand { 0%, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes shake { 0%, to { -webkit-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, to { -webkit-transform-origin: top center; transform-origin: top center } 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0); transform: rotate(0) } } @keyframes swing { 20%, 40%, 60%, 80%, to { -webkit-transform-origin: top center; transform-origin: top center } 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0); transform: rotate(0) } } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } to { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } to { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @-webkit-keyframes wobble { 0%, to { -webkit-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } } @keyframes wobble { 0%, to { -webkit-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); transform: scale(.9) } to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); transform: scale(.9) } to { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } to { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); transform: translateY(10px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); transform: translateY(10px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) } to { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) } to { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scale(1); transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @-webkit-keyframes flipInX { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg) } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } to { opacity: 1; -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0) } } @keyframes flipInX { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg) } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } to { opacity: 1; -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0) } } @-webkit-keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg) } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } to { opacity: 1; -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0) } } @keyframes flipInY { 0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg) } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } to { opacity: 1; -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0) } } @-webkit-keyframes flipOutX { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0) } to { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg) } } @keyframes flipOutX { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0) } to { opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg) } } @-webkit-keyframes flipOutY { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0) } to { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg) } } @keyframes flipOutY { 0% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0) } to { opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg) } } @-webkit-keyframes lightSpeedIn { 0% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg) } 60% { opacity: 1; -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg) } 80% { opacity: 1; -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg) } to { opacity: 1; -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0) } } @keyframes lightSpeedIn { 0% { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg) } 60% { opacity: 1; -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg) } 80% { opacity: 1; -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg) } to { opacity: 1; -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0) } } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0) } to { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg) } } @keyframes lightSpeedOut { 0% { opacity: 1; -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0) } to { opacity: 0; -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg) } } @-webkit-keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; transform-origin: center center } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center } } @keyframes rotateIn { 0% { opacity: 0; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); -webkit-transform-origin: center center; transform-origin: center center } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center } } @-webkit-keyframes rotateInDownLeft { 0% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @keyframes rotateInDownLeft { 0% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @-webkit-keyframes rotateInDownRight { 0% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @keyframes rotateInDownRight { 0% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @-webkit-keyframes rotateInUpLeft { 0% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @keyframes rotateInUpLeft { 0% { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @-webkit-keyframes rotateInUpRight { 0% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @keyframes rotateInUpRight { 0% { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom } to { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @-webkit-keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center } to { opacity: 0; -webkit-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; transform-origin: center center } } @keyframes rotateOut { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center center; transform-origin: center center } to { opacity: 0; -webkit-transform: rotate(200deg); transform: rotate(200deg); -webkit-transform-origin: center center; transform-origin: center center } } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom } to { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @keyframes rotateOutDownLeft { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom } to { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom } to { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @keyframes rotateOutDownRight { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom } to { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom } to { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @keyframes rotateOutUpLeft { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: left bottom; transform-origin: left bottom } to { opacity: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom } } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom } to { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @keyframes rotateOutUpRight { 0% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: right bottom; transform-origin: right bottom } to { opacity: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom } } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left } 20%, 60% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left } 40% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left } 80% { opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left } to { opacity: 0; -webkit-transform: translateY(700px); transform: translateY(700px) } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left } 20%, 60% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left } 40% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left } 80% { opacity: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left } to { opacity: 0; -webkit-transform: translateY(700px); transform: translateY(700px) } } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } to { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } to { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0) } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0) } } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0) } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0) } } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom } } @-webkit-keyframes progressiveReveal { 0% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes progressiveReveal { 0% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes lg-play-stroke { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px } to { stroke-dasharray: 89, 200; stroke-dashoffset: -124px } } @keyframes lg-play-stroke { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px } to { stroke-dasharray: 89, 200; stroke-dashoffset: -124px } } @-webkit-keyframes lg-play-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes lg-play-rotate { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } 30%, 70% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px) } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } 30%, 70% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px) } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } 30% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px) } 30% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes pulse { 0%, 20% { -webkit-transform: scale(1); transform: scale(1) } 10% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes pulse { 0%, 20% { -webkit-transform: scale(1); transform: scale(1) } 10% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @-webkit-keyframes move-light { 0% { -webkit-transform: translateX(-4em) skewX(-45deg); transform: translateX(-4em) skewX(-45deg) } to { -webkit-transform: translateX(25em) skewX(-45deg); transform: translateX(25em) skewX(-45deg) } } @keyframes move-light { 0% { -webkit-transform: translateX(-4em) skewX(-45deg); transform: translateX(-4em) skewX(-45deg) } to { -webkit-transform: translateX(25em) skewX(-45deg); transform: translateX(25em) skewX(-45deg) } } @-webkit-keyframes fadeRight { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeRight { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fadeleft { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeleft { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fly-rt { 0% { -webkit-transform: scale(.8) translate(80px, -80px); transform: scale(.8) translate(80px, -80px) } to { -webkit-transform: scale(1) translate(0); transform: scale(1) translate(0) } } @keyframes fly-rt { 0% { -webkit-transform: scale(.8) translate(80px, -80px); transform: scale(.8) translate(80px, -80px) } to { -webkit-transform: scale(1) translate(0); transform: scale(1) translate(0) } } @-webkit-keyframes fly-lb { 0% { -webkit-transform: scale(.8) translate(-100px, 100px); transform: scale(.8) translate(-100px, 100px) } to { -webkit-transform: scale(1) translate(0); transform: scale(1) translate(0) } } @keyframes fly-lb { 0% { -webkit-transform: scale(.8) translate(-100px, 100px); transform: scale(.8) translate(-100px, 100px) } to { -webkit-transform: scale(1) translate(0); transform: scale(1) translate(0) } } @-webkit-keyframes fly-center-b { 0% { opacity: 0; -webkit-transform: translate(0, 100px); transform: translate(0, 100px) } to { opacity: 1; -webkit-transform: translate(0); transform: translate(0) } } @keyframes fly-center-b { 0% { opacity: 0; -webkit-transform: translate(0, 100px); transform: translate(0, 100px) } to { opacity: 1; -webkit-transform: translate(0); transform: translate(0) } } @-webkit-keyframes zoomInLight { 0% { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes zoomInLight { 0% { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes slideLinesBannersLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: left; transform-origin: left } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: left; transform-origin: left } } @keyframes slideLinesBannersLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: left; transform-origin: left } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: left; transform-origin: left } } @-webkit-keyframes slideLinesBannersLeft3 { 0% { -webkit-transform: translateX(-300%); transform: translateX(-300%); -webkit-transform-origin: left; transform-origin: left } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: left; transform-origin: left } } @keyframes slideLinesBannersLeft3 { 0% { -webkit-transform: translateX(-300%); transform: translateX(-300%); -webkit-transform-origin: left; transform-origin: left } to { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-origin: left; transform-origin: left } } @-webkit-keyframes slideLinesBannersTop { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: top; transform-origin: top } to { -webkit-transform: translateY(1); transform: translateY(1); -webkit-transform-origin: top; transform-origin: top } } @keyframes slideLinesBannersTop { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform-origin: top; transform-origin: top } to { -webkit-transform: translateY(1); transform: translateY(1); -webkit-transform-origin: top; transform-origin: top } } @-webkit-keyframes slideLinesBannersTop2 { 0% { -webkit-transform: translateY(300%); transform: translateY(300%); -webkit-transform-origin: bottom; transform-origin: bottom } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: bottom; transform-origin: bottom } } @keyframes slideLinesBannersTop2 { 0% { -webkit-transform: translateY(300%); transform: translateY(300%); -webkit-transform-origin: bottom; transform-origin: bottom } to { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: bottom; transform-origin: bottom } } @-webkit-keyframes slideLinesBannersBottom { 0% { -webkit-transform: translateY(200%); transform: translateY(200%); -webkit-transform-origin: bottom; transform-origin: bottom } to { -webkit-transform: translateY(1); transform: translateY(1); -webkit-transform-origin: bottom; transform-origin: bottom } } @keyframes slideLinesBannersBottom { 0% { -webkit-transform: translateY(200%); transform: translateY(200%); -webkit-transform-origin: bottom; transform-origin: bottom } to { -webkit-transform: translateY(1); transform: translateY(1); -webkit-transform-origin: bottom; transform-origin: bottom } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(-20%); transform: translateX(-20%); -webkit-transform-origin: left; transform-origin: left; opacity: 0 } to { -webkit-transform: translateX(1); transform: translateX(1); opacity: 1 } } @keyframes slideLeft { 0% { -webkit-transform: translateX(-20%); transform: translateX(-20%); -webkit-transform-origin: left; transform-origin: left; opacity: 0 } to { -webkit-transform: translateX(1); transform: translateX(1); opacity: 1 } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(20%); transform: translateX(20%); -webkit-transform-origin: right; transform-origin: right; opacity: 0 } to { -webkit-transform: translateX(1); transform: translateX(1); opacity: 1 } } @keyframes slideRight { 0% { -webkit-transform: translateX(20%); transform: translateX(20%); -webkit-transform-origin: right; transform-origin: right; opacity: 0 } to { -webkit-transform: translateX(1); transform: translateX(1); opacity: 1 } } @keyframes slideInUp { 0% { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transform-origin: bottom; transform-origin: bottom; opacity: 0 } to { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0 } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0); transform: perspective(140px) rotateX(0); opacity: 1 } 90%, to { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0 } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0 } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0); transform: perspective(140px) rotateX(0); opacity: 1 } 90%, to { -webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0 } } @-webkit-keyframes lg-right-end { 0%, to { left: 0 } 50% { left: -30px } } @keyframes lg-right-end { 0%, to { left: 0 } 50% { left: -30px } } @-webkit-keyframes lg-left-end { 0%, to { left: 0 } 50% { left: 30px } } @keyframes lg-left-end { 0%, to { left: 0 } 50% { left: 30px } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .popup-header .row, .right-side .video-gallery, .search-page .nav-tab__item, .section-page .nav-tab__item, .static-page .nav-tab__item, .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-slide, .swiper-wrapper { width: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: transform, -webkit-transform } .swiper-wrapper { height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: content-box; box-sizing: content-box } .lg-outer.lg-comment-active .lg-comment-box, .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .filter-panel, .flex-box, .flex-wrap, .over-filter, .pagination-buttons ul, .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-multirow-column>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0 } .swiper-slide-invisible-blank { visibility: hidden } .company-block .swiper-wrapper, .popup-header .top-menu ul, .popup-header .top-menu ul li a, .second-level-navigation .nav-tab .swiper-wrapper, .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide, .treasure-top .swiper-wrapper { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: transform, height, -webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent) } .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr } .mCSB_container { overflow: hidden; width: auto; height: auto } .excerpt-tails:last-child, .filter-panel-grid__item:last-of-type, .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, .mCSB_inside>.mCSB_container, .over-filter-grid__item:last-of-type, .over-filter_item .filter-panel-grid__item:only-child, .over-filter_item .over-filter-grid__item:only-child, .second-level-navigation .nav-tab .swiper-wrapper li:last-child { margin-right: 0 } .mCS-dir-rtl>.mCSB_inside>.mCSB_container, .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { margin-right: 0; margin-left: 30px } .excerpt-tails:first-child, .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden, .second-level-navigation .nav-tab .swiper-wrapper li:first-child { margin-left: 0 } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_outside+.mCSB_scrollTools { right: -26px } .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools { right: auto; left: 0 } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { right: auto; left: -26px } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0 } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1 } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px } .lg-show.photo-full-gallery .lg-object .lg-image, .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100% } .lg-outer .lg-dropdown>li:last-child, .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden, .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 } .mCSB_container_wrapper, .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 } .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px } .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0 } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .select2-container--open .select2-dropdown, .treasure-top .controls .swiper-button-prev { left: 0 } .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight, .main-events .announce .description.text-right { right: 0 } .mCSB_container_wrapper { position: absolute; height: auto; overflow: hidden; top: 0; margin-right: 30px; margin-bottom: 30px } .mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px } .lg-next, .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0 } .lg-prev, .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0 } .lg-outer.lg-can-toggle .lg-item, .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0 } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0 } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" } .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" } .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, .4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, .75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(255, 255, 255, .85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(255, 255, 255, .9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-image: url(/local/templates/.default/assets/src/build/css/mCSB_buttons.png); background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; background-position: 0 -20px } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .85) } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .9) } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp, .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0 } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown, .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft, .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight, .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px } .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: rgba(255, 255, 255, .1); border-radius: 1px } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: rgba(255, 255, 255, .75); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(255, 255, 255, .85) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(255, 255, 255, .9) } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0 } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, .1); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .75); border-radius: 1px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0 } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px } .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: rgba(255, 255, 255, .1); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: rgba(0, 0, 0, .1); border-radius: 2px } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: rgba(255, 255, 255, .75); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: rgba(0, 0, 0, .75); border-radius: 2px } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0 } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0 } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0 } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, .1) } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px } #panel, .company-block .two_thirds .perspektive .title ul li, .company-block .two_thirds h4 ul li, .contacts-block__map iframe, .lg-progress-bar.lg-start .lg-progress, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .main-partners, .main-teaser__01 img, .main-teaser__02 img, .narrow-width__content .two_thirds .perspektive .title ul li, .narrow-width__content .two_thirds h4 ul li, .perspektive .company-block .two_thirds .title ul li, .perspektive .narrow-width__content .two_thirds .title ul li, .production-announce .two-rows .nav-tab, .two-rows .container, .two-rows .main-events, .two-rows .production-announce .nav-tab, .video-announce a, .video-announce img, .width-100, .wrapper, header .menu ul>li .level-2 .sub-menu { width: 100% } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, .15) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .75) } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, .15) } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0 } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0 } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0 } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-repeat: repeat-y; opacity: .3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=) } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%) } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)" } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { border-radius: 16px } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: rgba(0, 0, 0, .2); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2) } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555 } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp, .mCS-3d.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown, .mCS-3d.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft, .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight, .mCS-3d.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, .1); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1) } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1) } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4); box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5); box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) } .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5) } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: rgba(0, 0, 0, .05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent } .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2); box-shadow: inset 0 0 14px rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2) } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777 } .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0 } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px } .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(255, 255, 255, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)" } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, .5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)" } .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: rgba(0, 0, 0, .2) } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0 } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0 } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, .1) } .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: rgba(0, 0, 0, .2) } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0 } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0 } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border: 1px solid rgba(255, 255, 255, .2); -webkit-box-sizing: border-box; box-sizing: border-box } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: rgba(0, 0, 0, .2) } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, .6) } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, .6) } .select2-container .select2-selection--multiple .select2-selection__clear, .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; font-size: 1em; border: 0 } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, .75) } .progressive { position: relative; display: block; overflow: hidden; outline: 0 } .progressive img { display: block; width: 100%; max-width: none; height: auto; border: 0 } .progressive img.preview { -webkit-filter: blur(2vw); filter: blur(2vw); -webkit-transform: scale(1.05); transform: scale(1.05) } .progressive img.reveal { position: absolute; left: 0; top: 0; -webkit-animation: 1s linear progressiveReveal; animation: 1s linear progressiveReveal } .select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--multiple, .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single { height: 28px } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { min-height: 32px } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0 } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button, .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .dropzone .dz-preview .dz-image img, .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-success .dz-success-mark, .lead-grid .production-announce .title span, .production-announce .lead-grid .title span, .production-announce h2 span, .row.row-block, .select2-results, .swiper-container.swiper-container-initialized+.controls, .treasure-top__name { display: block } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear, .select2-search--dropdown.select2-search--hide { display: none } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } .dropzone.dz-clickable, .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *, .product-gallery .swiper-container .swiper-wrapper .swiper-slide, .select2-results__option--selectable { cursor: pointer } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-results__option--disabled, .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; height: 26px; margin-right: 20px; padding-right: 0 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--classic .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px } .select2-container--default .select2-selection--multiple { cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: 700; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0 0 0 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap } .select2-container--classic .select2-results>.select2-results__options, .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: 0; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: 700; padding: 0 4px; position: absolute; left: 0; top: 0 } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background-color: #f1f1f1; color: #333; outline: 0 } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-radius: 0 4px 4px 0 } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #000; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: 0 0; border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--group { padding: 0 } .select2-container--default .select2-results__option--selected { background-color: #ddd } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: #fff } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; height: 26px; margin-right: 20px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: 0; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: 0; border-right: 1px solid #aaa; border-radius: 4px 0 0 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: 0 0; border: 0 } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0, #eee 50%); background-repeat: repeat-x } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } #panel:empty, .block-collapsed.collapsed, .breadcrumbs:empty, .dropzone.dz-started .dz-message, .hide, .lg-outer.lg-single-item .lg-pager-outer, .lg-outer.lg-single-item .lg-thumb-outer, .select2-container--classic .select2-selection--multiple .select2-selection__clear, .sprites, .swiper-button-next.thin-arrow.swiper-button-disabled, .swiper-button-prev.thin-arrow.swiper-button-disabled { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0 } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: 700; padding: 0 4px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: 0 } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-radius: 0 4px 4px 0 } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .breadcrumbs, .division-info+.divider-expand+.contacts-block, .mass-media .container, .mass-media .main-events, .mass-media .production-announce .nav-tab, .nav-tab+.nav-tab.secondary, .production-announce .mass-media .nav-tab, .select2-container--classic .select2-results__option--group, header .menu ul>li .level-2 .sub-menu li .title, header .menu ul>li .sub-menu li .title { padding: 0 } .select2-container--classic .select2-results__option--disabled { color: gray } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } @font-face { font-family: lg; src: url(/local/templates/.default/assets/src/build/css/../fonts/lg.ttf?io9a6k) format("truetype"), url(/local/templates/.default/assets/src/build/css/../fonts/lg.woff?io9a6k) format("woff"), url(/local/templates/.default/assets/src/build/css/../fonts/lg.svg?io9a6k#lg) format("svg"); font-weight: 400; font-style: normal; font-display: block } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; display: inline-block; width: 100%; max-height: 350px } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item, .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item, .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .lg-container.lg-dragging-vertical .lg-backdrop, .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current, .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb, .lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition-duration: 0s !important; transition-duration: 0s !important } .lg-outer .lg-thumb-outer.lg-thumb-align-middle, .management__title, .page-404 p, h2, h3, h4, h5, h6 { text-align: center } .lg-outer .lg-thumb-outer.lg-thumb-align-left { text-align: left } .lg-outer .lg-thumb-outer.lg-thumb-align-right { text-align: right } .lg-outer .lg-thumb { padding: 5px 0; height: 100%; margin-bottom: -5px; display: inline-block; vertical-align: middle } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border-radius: 2px; margin-bottom: 5px; will-change: border-color } @media (min-width:768px) { .lg-outer .lg-thumb { padding: 10px 0 } .lg-outer .lg-thumb-item { border-radius: 4px; border: 2px solid #fff; -webkit-transition: border-color .25s; transition: border-color .25s } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707 } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block } .lg-outer .lg-toggle-thumb:after { content: '\e1ff' } .lg-outer.lg-animate-thumb .lg-thumb { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1) } .lg-outer .lg-video-cont { text-align: center; display: inline-block; vertical-align: middle; position: relative } .lg-outer .lg-video-cont .lg-object { width: 100% !important; height: 100% !important } .lg-outer .lg-has-iframe .lg-video-cont { -webkit-overflow-scrolling: touch; overflow: auto } .lg-outer .lg-video-object { position: absolute; left: 0; right: 0; width: 100%; height: 100%; top: 0; bottom: 0; z-index: 3 } .lg-inline .lg-backdrop, .lg-outer .lg-video-poster { z-index: 1 } .lg-outer .lg-has-video .lg-video-object { opacity: 0; will-change: opacity; -webkit-transition: opacity .3s ease-in; transition: opacity .3s ease-in } .lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button, .lg-outer .lg-has-video.lg-video-loaded .lg-video-poster { opacity: 0 !important } .custom-checkbox input:checked+.custom-checkbox-item .checkbox-item i, .custom-radio input:checked+.custom-radio-item .radio-item::before, .dropzone .dz-preview.dz-file-preview .dz-details, .dropzone .dz-preview:hover .dz-details, .lg-backdrop.in, .lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-current, .lg-outer .lg-has-video.lg-video-loaded .lg-video-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play-button, .lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button, .lg-outer.lg-visible, .lg-outer.lg-zoom-from-image, .lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item, .lg-show-autoplay .lg-progress-bar, .lg-show-in .lg-next, .lg-show-in .lg-pager-outer, .lg-show-in .lg-prev, .lg-show-in .lg-toolbar, .lg-show-in.lg-hide-sub-html .lg-sub-html, .lg-toolbar .lg-sub-html, .lg-video-play-button:hover .lg-video-play-icon, .lg-video-play-button:hover .lg-video-play-icon-bg, .main-footer .footer_menu .sub_menu>li a:hover, .popup-window.active form, .video-announce a.active:hover .romb_icon, body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object, header .menu ul>li.active>a::after, header .menu ul>li:hover>a::after { opacity: 1 } .lg-video-play-button { width: 18%; max-width: 140px; position: absolute; top: 50%; left: 50%; z-index: 2; cursor: pointer; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); will-change: opacity, transform; -webkit-transition: opacity .1s, -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28); transition: transform .25s cubic-bezier(.17, .88, .32, 1.28), opacity .1s, -webkit-transform .25s cubic-bezier(.17, .88, .32, 1.28) } .lg-video-play-icon-bg { fill: none; stroke-width: 3%; stroke: #fcfcfc; opacity: .6; will-change: opacity; -webkit-transition: opacity .12s ease-in; transition: opacity .12s ease-in } .lg-video-play-icon-circle { position: absolute; top: 0; left: 0; bottom: 0; right: 0; fill: none; stroke-width: 3%; stroke: rgba(30, 30, 30, .9); stroke-opacity: 1; stroke-linecap: round; stroke-dasharray: 200; stroke-dashoffset: 200 } .lg-video-play-icon { position: absolute; width: 25%; max-width: 120px; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); opacity: .6; will-change: opacity; -webkit-transition: opacity .12s ease-in; transition: opacity .12s ease-in } .lg-video-play-icon .lg-video-play-icon-inner { fill: #fcfcfc } .lg-video-loading .lg-video-play-icon-circle { -webkit-animation: 2s linear .25s infinite lg-play-rotate, 1.5s ease-in-out .25s infinite lg-play-stroke; animation: 2s linear .25s infinite lg-play-rotate, 1.5s ease-in-out .25s infinite lg-play-stroke } .lg-video-loaded .lg-video-play-button { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(.7); transform: translate(-50%, -50%) scale(.7) } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; will-change: opacity; -webkit-transition: opacity .08s; transition: opacity .08s } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0 } .lg-autoplay-button:after { content: '\e01d' } .lg-show-autoplay .lg-autoplay-button:after { content: '\e01a' } .lg-outer.lg-first-slide-loading .lg-actual-size, .lg-outer.lg-first-slide-loading .lg-zoom-in, .lg-outer.lg-first-slide-loading .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-actual-size, .lg-outer[data-lg-slide-type=iframe] .lg-download, .lg-outer[data-lg-slide-type=iframe] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-flip-ver, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-right, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer[data-lg-slide-type=video] .lg-actual-size, .lg-outer[data-lg-slide-type=video] .lg-download, .lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=video] .lg-flip-ver, .lg-outer[data-lg-slide-type=video] .lg-rotate-left, .lg-outer[data-lg-slide-type=video] .lg-rotate-right, .lg-outer[data-lg-slide-type=video] .lg-zoom-in, .lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-single-item .lg-autoplay-button { opacity: .75; pointer-events: none } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { will-change: transform; -webkit-transition: -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19); transition: transform .5s cubic-bezier(.12, .415, .01, 1.19); transition: transform .5s cubic-bezier(.12, .415, .01, 1.19), -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) } .lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap { will-change: transform; -webkit-transition: -webkit-transform .8s cubic-bezier(0, 0, .25, 1); transition: transform .8s cubic-bezier(0, 0, .25, 1); transition: transform .8s cubic-bezier(0, 0, .25, 1), -webkit-transform .8s cubic-bezier(0, 0, .25, 1) } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img, .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); will-change: opacity, transform; -webkit-transition: opacity .15s, -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) !important; transition: transform .5s cubic-bezier(.12, .415, .01, 1.19), opacity .15s, -webkit-transform .5s cubic-bezier(.12, .415, .01, 1.19) !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .lg-icon.lg-zoom-in:after { content: '\e311' } .lg-icon.lg-actual-size { font-size: 20px } .lg-icon.lg-actual-size:after { content: '\e033' } .lg-icon.lg-zoom-out { opacity: .5; pointer-events: none } .lg-icon.lg-zoom-out:after { content: '\e312' } .dropzone .dz-preview.dz-error:hover .dz-error-message, .lg-zoomed .lg-icon.lg-zoom-out { opacity: 1; pointer-events: auto } .lg-outer .lg-pager-outer { text-align: center; z-index: 1080; height: 10px; margin-bottom: 10px } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; will-change: transform, opacity; -webkit-transition: opacity .15s, -webkit-transform .15s; transition: opacity .15s, transform .15s, -webkit-transform .15s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } .lg-outer .lg-pager-thumb-cont img, .logo svg, .swiper-button-next.thin-arrow .ui-icon, .swiper-button-prev.thin-arrow .ui-icon { width: 100%; height: 100% } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, .5); border-radius: 50%; -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset; box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset; display: block; height: 12px; -webkit-transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; width: 12px } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { -webkit-box-shadow: 0 0 0 8px #fff inset; box-shadow: 0 0 0 8px #fff inset } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0 } .lg-fullscreen:after { content: "\e20c" } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d" } .lg-outer .lg-dropdown-overlay { background-color: rgba(0, 0, 0, .25); bottom: 0; cursor: default; left: 0; position: absolute; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; will-change: visibility, opacity; -webkit-transition: visibility 0s linear .18s, opacity .18s linear; transition: visibility 0s linear .18s, opacity .18s linear } .lg-outer.lg-comment-active .lg-comment-overlay, .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active .lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible } .lg-comment-box .lg-comment-close:hover, .lg-outer.lg-comment-active .lg-comment-toggle, .lg-outer.lg-dropdown-active .lg-share { color: #fff } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); will-change: visibility, opacity, transform; -webkit-transition: visibility 0s linear .5s, opacity .18s linear, -webkit-transform .18s linear; transition: transform .18s linear, visibility 0s linear .5s, opacity .18s linear, -webkit-transform .18s linear } .lg-outer .lg-dropdown:after { content: ''; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px } .lg-outer .lg-dropdown>li:hover a { color: #333 } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, .07) } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto } .ex-layer, .lg-outer .lg-share, .popup-header .container, .popup-header .main-events, .popup-header .production-announce .nav-tab, .production-announce .popup-header .nav-tab { position: relative } .lg-outer .lg-share:after { content: '\e80d' } .lg-outer .lg-share-facebook .lg-icon { color: #3b5998 } .lg-outer .lg-share-facebook .lg-icon:after { content: '\e904' } .lg-outer .lg-share-twitter .lg-icon { color: #00aced } .lg-outer .lg-share-twitter .lg-icon:after { content: '\e907' } .lg-outer .lg-share-pinterest .lg-icon { color: #cb2027 } .lg-outer .lg-share-pinterest .lg-icon:after { content: '\e906' } .lg-comment-box { width: 420px; max-width: 100%; position: absolute; right: 0; top: 0; bottom: 0; z-index: 9999; background-color: #fff; will-change: transform; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform .4s cubic-bezier(0, 0, .25, 1); transition: transform .4s cubic-bezier(0, 0, .25, 1); transition: transform .4s cubic-bezier(0, 0, .25, 1), -webkit-transform .4s cubic-bezier(0, 0, .25, 1) } .lg-comment-box .lg-comment-title { margin: 0; color: #fff; font-size: 18px } .lg-comment-box .lg-comment-header { background-color: #000; padding: 12px 20px; position: absolute; left: 0; right: 0; top: 0 } .lg-comment-box .lg-comment-body { height: 100% !important; padding-top: 43px !important; width: 100% !important } .lg-comment-box .fb-comments { height: 100%; width: 100%; background: url(/local/templates/.default/assets/src/build/css/../images/loading.gif) center center no-repeat #fff; overflow-y: auto; display: inline-block } .lg-comment-box .fb-comments[fb-xfbml-state=rendered], .lg-outer .lg-item.lg-complete { background-image: none } .complect-item .product-detail__image .image img, .lead-grid .image-cover, .lg-comment-box .fb-comments>span { max-width: 100% } .lg-comment-box .lg-comment-close { position: absolute; right: 5px; top: 12px; cursor: pointer; font-size: 20px; color: #999; will-change: color; -webkit-transition: color .2s linear; transition: color .2s linear } .lg-comment-box .lg-comment-close:after, .lg-toolbar .lg-close:after { content: '\e070' } .lg-comment-box iframe { max-width: 100% !important; width: 100% !important } .lg-comment-box #disqus_thread { padding: 0 20px } .lg-outer .lg-comment-overlay { background-color: rgba(0, 0, 0, .25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; will-change: visibility, opacity; -webkit-transition: visibility 0s linear .18s, opacity .18s linear; transition: visibility 0s linear .18s, opacity .18s linear } .lg-outer .lg-comment-toggle:after { content: '\e908' } .lg-outer .lg-img-rotate { position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: -webkit-transform .4s cubic-bezier(0, 0, .25, 1); transition: transform .4s cubic-bezier(0, 0, .25, 1); transition: transform .4s cubic-bezier(0, 0, .25, 1), -webkit-transform .4s cubic-bezier(0, 0, .25, 1) } .lg-rotate-left:after { content: '\e900' } .lg-rotate-right:after { content: '\e901' } .lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver { font-size: 26px } .lg-flip-ver:after { content: '\e903' } .lg-flip-hor:after { content: '\e902' } .lg-medium-zoom-item { cursor: -webkit-zoom-in; cursor: zoom-in } .lg-medium-zoom .lg-outer, .lg-medium-zoom .lg-outer.lg-grab img.lg-object, .lg-medium-zoom .lg-outer.lg-grabbing img.lg-object { cursor: -webkit-zoom-out; cursor: zoom-out } .lg-relative-caption .lg-outer .lg-sub-html { white-space: normal; bottom: auto; padding: 0; background-image: none } .lg-relative-caption .lg-outer .lg-relative-caption-item { opacity: 0; padding: 16px 0; -webkit-transition: opacity .5s; transition: opacity .5s } #map, #mapMain, .lg-closing .lg-next, .lg-closing .lg-prev, .lg-closing .lg-sub-html, .lg-closing .lg-toolbar, .lg-css3.lg-fade .lg-item, .lg-css3.lg-slide.lg-use-css3 .lg-item, .lg-hide-sub-html .lg-sub-html, .lg-next, .lg-pager-outer, .lg-prev, .perspektive .description.collapsed.active:before, .popup-window form, .special-content-1 hr { opacity: 0 } .dropzone { position: relative; min-height: 150px; border: 2px solid rgba(0, 0, 0, .3); background: #fff; padding: 20px } .dropzone .dz-preview .dz-progress { display: block; border: 1px solid #aaa } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { width: 54px; height: 58px } .dropzone, .dropzone *, .lg-outer * { -webkit-box-sizing: border-box; box-sizing: border-box } .dropzone.dz-clickable * { cursor: default } .dropzone.dz-drag-hover { border-style: solid } .dropzone.dz-drag-hover .dz-message, .main-footer .footer_menu ul>li a:hover { opacity: .5 } .dropzone .dz-message { text-align: center; margin: 2em 0 } .dropzone .dz-message .dz-button { background: 0 0; color: inherit; border: 0; padding: 0; font: inherit; cursor: pointer; outline: inherit } .dropzone .dz-preview.dz-image-preview, .header-push header, .news-detail .main-events, header { background: #fff } .dropzone .dz-preview { width: 120px; position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px } .dropzone .dz-preview:hover { z-index: 1000 } .dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); background: linear-gradient(to bottom, #eee, #ddd) } .dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: 0 } .dropzone .dz-preview .dz-remove:hover, .lg-sub-html a:hover { text-decoration: underline } .breadcrumbs__item a, .btn, .nav-panel .lang-block__item a, a { text-decoration: none } .dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, .9); line-height: 150% } .dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px } .dropzone .dz-preview .dz-details .dz-filename, .js-animate-digit { white-space: nowrap } .dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, .8); background-color: rgba(255, 255, 255, .8) } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, .4); padding: 0 .4em; border-radius: 3px } .dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px) } .dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10 } .dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: 3s cubic-bezier(.77, 0, .175, 1) passing-through; animation: 3s cubic-bezier(.77, 0, .175, 1) passing-through } .dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: 3s cubic-bezier(.77, 0, .175, 1) slide-in; animation: 3s cubic-bezier(.77, 0, .175, 1) slide-in } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px } .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg { display: block; width: 54px; height: 54px } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: .2s linear; transition: .2s linear } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity .4s ease-in; transition: opacity .4s ease-in } .dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: 6s infinite pulse; animation: 6s infinite pulse } .dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, .9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden } .dropzone .dz-preview .dz-progress .dz-upload { display: block; height: 100%; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width .3s ease-in-out; transition: width .3s ease-in-out } .dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: none; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222)); background: linear-gradient(to bottom, #be2626, #a92222); padding: .5em 1.2em; color: #fff } .btn, .main-header .nav-panel .lang-block__item, .news-detail h1, .perspektive .title .pos-a.small-more.active, h1, h2, h3, h3 .pos-a.small-more.active, h4, h4 .pos-a.small-more.active, h5, h6 { color: #262626 } .dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626 } .delay-1 { -webkit-animation-delay: .1s !important; animation-delay: .1s !important } .delay-2 { -webkit-animation-delay: .2s !important; animation-delay: .2s !important } .delay-3 { -webkit-animation-delay: .3s !important; animation-delay: .3s !important } .delay-4 { -webkit-animation-delay: .4s !important; animation-delay: .4s !important } .delay-5 { -webkit-animation-delay: .5s !important; animation-delay: .5s !important } .delay-6 { -webkit-animation-delay: .6s !important; animation-delay: .6s !important } .delay-7 { -webkit-animation-delay: .7s !important; animation-delay: .7s !important } .delay-8 { -webkit-animation-delay: .8s !important; animation-delay: .8s !important } .delay-9 { -webkit-animation-delay: .9s !important; animation-delay: .9s !important } .delay-10 { -webkit-animation-delay: 1s !important; animation-delay: 1s !important } .delay-11 { -webkit-animation-delay: 1.1s !important; animation-delay: 1.1s !important } .delay-12 { -webkit-animation-delay: 1.2s !important; animation-delay: 1.2s !important } .delay-13 { -webkit-animation-delay: 1.3s !important; animation-delay: 1.3s !important } .width-80, .width-90 { width: 90% !important; margin-left: auto; margin-right: auto } .w-80, .width-80 { width: 80% !important } .width-40, .width-50, .width-60, .width-70 { width: 70% !important; margin-left: auto; margin-right: auto } .w-60, .width-40, .width-50, .width-60 { width: 60% !important } .w-50, .width-40, .width-50 { width: 50% !important } .w-40, .width-40 { width: 40% !important } .w-10 { width: 10% !important } .w-20 { width: 20% !important } .w-30 { width: 30% !important } .w-70 { width: 70% !important } .w-90 { width: 90% !important } .w-100 { width: 100% !important } .container, .main-events, .popup-window .status-success .ui-icon, .production-announce .nav-tab { margin: 0 auto } @media (min-width:2161px) { .container, .main-events, .production-announce .nav-tab { max-width: 1440px; padding: 0 .75rem } body { font-size: 1rem } } @media (min-width:1921px) and (max-width:2560px) { .container, .main-events, .production-announce .nav-tab { max-width: 1440px; padding: 0 .75rem } } .production-announce .two-rows .nav-tab .right-side, .two-rows .container .right-side, .two-rows .main-events .right-side, .two-rows .production-announce .nav-tab .right-side { position: absolute; top: 0; right: 0; z-index: 1 } .d-flex, .flex-box, .flex-rows, .menu ul, .row, .scroll-up, .top-navigation__item, .top-navigation__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .right-side { padding: 2rem 2rem 4rem; position: relative; height: 100% } .right-side.dark-bg h3 { text-align: left; color: #fff; margin: 0 0 1.8rem } .two-rows { position: relative; min-height: calc(100% - 13.5rem) } .production-announce .two-rows .nav-tab .wrapper, .two-rows .container .wrapper, .two-rows .main-events .wrapper, .two-rows .production-announce .nav-tab .wrapper { width: 70%; padding: 4rem 0 6rem } .fluid-container { max-width: inherit; padding: 0 } .full-width, .one_half, .one_quarter, .two_quarter { max-width: inherit !important } .one_thirds, .two_thirds, .w-auto { width: auto !important } .one_thirds .mosaic-inner__image { width: auto; min-height: 17rem } .one_half { width: 50% !important } .one_quarter { width: 30% !important } .two_quarter { width: 60% !important } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 } .sprites { position: absolute; top: -200% } .digits-block ul, .menu ul, menu, ol, ul { list-style-type: none } .pt-0 { padding-top: 0 !important } .pb-0 { padding-bottom: 0 !important } .pl-0, .product-gallery-empty .product-headline { padding-left: 0 !important } .pr-0 { padding-right: 0 !important } .mt-0 { margin-top: 0 !important } .mb-0 { margin-bottom: 0 !important } .ml-0 { margin-left: 0 !important } .mr-0 { margin-right: 0 !important } .px-1 { padding-left: 1.5rem !important; padding-right: 1.5rem !important } .px-2 { padding-left: .75rem !important; padding-right: .75rem !important } .px-3 { padding-left: .5rem !important; padding-right: .5rem !important } .py-1 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important } .py-2 { padding-top: .75rem !important; padding-bottom: .75rem !important } .py-3 { padding-top: .5rem !important; padding-bottom: .5rem !important } .news-detail h1, h1 { text-align: center } .lead-grid .title, .perspektive .title { color: #262626; letter-spacing: -.04em } .lead-grid .title b, .lead-grid .title strong, .news-detail h1 b, .news-detail h1 strong, .perspektive .title b, .perspektive .title strong, h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong { color: #52bbb5; font-weight: 600 } .lead__slogan b, .lead__slogan strong { font-weight: 600 } .company-block__info p, .default_text, .detail-text, .detail-text p, .evolution-block__item .text, .lead-grid .description, .lead-grid .description p, .narrow-width__content p, .news-detail h1, h1, h2, h3, h4, h5, h6 { letter-spacing: -.04em } @media (min-width:2161px) { .pt-1, .pt-xxl-1 { padding-top: 1.5rem !important } .pb-1, .pb-xxl-1 { padding-bottom: 1.5rem !important } .pl-1, .pl-xxl-1 { padding-left: 1.5rem !important } .pr-1, .pr-xxl-1 { padding-right: 1.5rem !important } .mt-1, .mt-xxl-1 { margin-top: 1.5rem !important } .mb-1, .mb-xxl-1 { margin-bottom: 1.5rem !important } .ml-1, .ml-xxl-1 { margin-left: 1.5rem !important } .mr-1, .mr-xxl-1 { margin-right: 1.5rem !important } .pt-2, .pt-xxl-2 { padding-top: .75rem !important } .pb-2, .pb-xxl-2 { padding-bottom: .75rem !important } .pl-2, .pl-xxl-2 { padding-left: .75rem !important } .pr-2, .pr-xxl-2 { padding-right: .75rem !important } .mt-2, .mt-xxl-2 { margin-top: .75rem !important } .mb-2, .mb-xxl-2 { margin-bottom: .75rem !important } .ml-2, .ml-xxl-2 { margin-left: .75rem !important } .mr-2, .mr-xxl-2 { margin-right: .75rem !important } .pt-3, .pt-xxl-3 { padding-top: .5rem !important } .pb-3, .pb-xxl-3 { padding-bottom: .5rem !important } .pl-3, .pl-xxl-3 { padding-left: .5rem !important } .pr-3, .pr-xxl-3 { padding-right: .5rem !important } .mt-3, .mt-xxl-3 { margin-top: .5rem !important } .mb-3, .mb-xxl-3 { margin-bottom: .5rem !important } .ml-3, .ml-xxl-3 { margin-left: .5rem !important } .mr-3, .mr-xxl-3 { margin-right: .5rem !important } .pt-xxl-0 { padding-top: 0 !important } .pb-xxl-0 { padding-bottom: 0 !important } .pl-xxl-0 { padding-left: 0 !important } .pr-xxl-0 { padding-right: 0 !important } .mt-xxl-0 { margin-top: 0 !important } .mb-xxl-0 { margin-bottom: 0 !important } .ml-xxl-0 { margin-left: 0 !important } .mr-xxl-0 { margin-right: 0 !important } .lead__slogan, .news-detail h1, h1 { font: 600 2.6rem/1.08 Montserrat, sans-serif; margin: 0 0 2.15rem } .lead__slogan+.nav-tab, .news-detail h1+.nav-tab, h1+.nav-tab { margin: 2.15rem 0 0 } } .btn, .division-description__text:last-of-type, .header-navigation .btn-toggle span:last-child, .headline .lead__slogan, .headline h1, .nav-tab.secondary, .popup-header .top-menu ol li:last-child, .teaser-block .video-gallery, header .menu ul>li:first-of-type { margin: 0 } @media (min-width:2161px) { .lead-grid .title, h2 { font: 600 2.4rem/1.08 Montserrat, sans-serif; margin: 0 0 2.15rem } h3 { font: 600 1.6rem/1.14 Montserrat, sans-serif; margin: 0 0 2.15rem } } @media (min-width:1921px) and (max-width:2560px) { .production-announce .two-rows .nav-tab .wrapper, .two-rows .container .wrapper, .two-rows .main-events .wrapper, .two-rows .production-announce .nav-tab .wrapper { width: 75% } body { font-size: 1rem } .pt-1, .pt-xl-1 { padding-top: 1.5rem !important } .pb-1, .pb-xl-1 { padding-bottom: 1.5rem !important } .pl-1, .pl-xl-1 { padding-left: 1.5rem !important } .pr-1, .pr-xl-1 { padding-right: 1.5rem !important } .mt-1, .mt-xl-1 { margin-top: 1.5rem !important } .mb-1, .mb-xl-1 { margin-bottom: 1.5rem !important } .ml-1, .ml-xl-1 { margin-left: 1.5rem !important } .mr-1, .mr-xl-1 { margin-right: 1.5rem !important } .pt-2, .pt-xl-2 { padding-top: .75rem !important } .pb-2, .pb-xl-2 { padding-bottom: .75rem !important } .pl-2, .pl-xl-2 { padding-left: .75rem !important } .pr-2, .pr-xl-2 { padding-right: .75rem !important } .mt-2, .mt-xl-2 { margin-top: .75rem !important } .mb-2, .mb-xl-2 { margin-bottom: .75rem !important } .ml-2, .ml-xl-2 { margin-left: .75rem !important } .mr-2, .mr-xl-2 { margin-right: .75rem !important } .pt-3, .pt-xl-3 { padding-top: .5rem !important } .pb-3, .pb-xl-3 { padding-bottom: .5rem !important } .pl-3, .pl-xl-3 { padding-left: .5rem !important } .pr-3, .pr-xl-3 { padding-right: .5rem !important } .mt-3, .mt-xl-3 { margin-top: .5rem !important } .mb-3, .mb-xl-3 { margin-bottom: .5rem !important } .ml-3, .ml-xl-3 { margin-left: .5rem !important } .mr-3, .mr-xl-3 { margin-right: .5rem !important } .pt-xl-0 { padding-top: 0 !important } .pb-xl-0 { padding-bottom: 0 !important } .pl-xl-0 { padding-left: 0 !important } .pr-xl-0 { padding-right: 0 !important } .mt-xl-0 { margin-top: 0 !important } .mb-xl-0 { margin-bottom: 0 !important } .ml-xl-0 { margin-left: 0 !important } .mr-xl-0 { margin-right: 0 !important } .lead__slogan, .news-detail h1, h1 { font: 600 2.4rem/1.08 Montserrat, sans-serif; margin: 0 0 2.15rem } .lead__slogan+.nav-tab, .news-detail h1+.nav-tab, h1+.nav-tab { margin: 2.15rem 0 0 } .lead-grid .title, h2 { font: 600 2rem/1.08 Montserrat, sans-serif; margin: 0 0 2.15rem } h3 { font: 600 1.5rem/1.14 Montserrat, sans-serif; margin: 0 0 2.15rem } } .perspektive .title .pos-a.small-more, h3 .pos-a.small-more, h4 .pos-a.small-more { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; color: #52bbb5 } @media (min-width:2161px) { .perspektive .title, h4 { font: 600 1.4rem/38px Montserrat, sans-serif; margin: 0 0 2.15rem } .btn { font: 600 .6rem/1.25 Montserrat; padding: .75rem 1.5rem } } @media (min-width:1921px) and (max-width:2560px) { .perspektive .title, h4 { font: 600 1.2rem/38px Montserrat, sans-serif; margin: 0 0 2.15rem } .btn { font: 600 .6rem/1.25 Montserrat; padding: .75rem 1.5rem } } .flex-rows { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .align-items-center, .breeding-block .breading-navigation li, .category-list-item, .category-list-item .swiper-container .swiper-wrapper, .company-block .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .category-list.active .category-list-item .swiper-wrapper, .justify-content-center, .nav-tab .swiper-wrapper, .nav-tab li .nav-tab__item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .justify-content-start, .section_litsenzii-i-sertifikaty .secondary .swiper-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .breeding-block .row, .company-block .row, .contacts-list .row, .justify-content-between, .section-group .product-list-wrapper, .section-group .section-list-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .flex-center, .geography-description .close-btn, .header-navigation .btn-toggle, .lg-toolbar .lg-close, .main-footer .social-block .social-icon, .popup-window .popup-toggle, .product-gallery .swiper-container .swiper-wrapper .swiper-slide, .video-announce, .video-announce a.active .ui-icon { 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 } .romb, .romb_icon.solid { -webkit-box-align: center } .clearfix::after { content: ''; clear: both; display: block } .pos-a { position: absolute !important } .pos-r { position: relative !important } .pos-f { position: fixed !important } .pv-2 { padding: .75rem 0 !important } .btn { cursor: pointer; display: block; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: .1s linear; transition: .1s linear; background: #fcfcfc; border-radius: 0; padding: .75rem 1.5rem; -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, .1); box-shadow: -1px 1px 5px rgba(0, 0, 0, .1); border: 1px solid rgba(218, 218, 218, .525213); text-transform: uppercase } .btn:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px) } .btn.btn-colored.solid { background-color: #52bbb5; color: #fff } .btn.btn-colored.light { border: 1px solid #52bbb5; background-color: transparent; color: #52bbb5 } .btn.light { border: 1px solid #d8d8d8; -webkit-box-shadow: none; box-shadow: none; border-radius: 0 } @media (min-width:768px) and (max-width:2560px), (min-width:2161px) { .lg-block { display: block } .xs-block { display: none } .main-header .nav-panel .ui-icon svg { -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, .7)); filter: drop-shadow(0 0 2px rgba(0, 0, 0, .7)) } } .romb, .romb_svg { margin: 0 16px 0 0 } .romb { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center } .romb::before, .romb_svg { display: inline-block } .romb::before, .romb_icon.solid { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .romb::before { content: ''; border: 1px solid #52bbb5 } @media (min-width:2161px) { .romb::before { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .romb_svg { width: 4.8rem; height: 2.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 4.8rem; flex: 0 0 4.8rem } } @media (min-width:1921px) and (max-width:2560px) { .romb::before { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } } @media (min-width:1921px) and (max-width:2560px) { .romb_svg { width: 4.8rem; height: 2.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 4.8rem; flex: 0 0 4.8rem } } .romb_svg svg, .ui-icon svg { height: 100%; width: 100% } .romb_pure::before, .social-block .social-icon::before { display: block; position: absolute; left: 50%; top: 50%; border: 1px solid #52bbb5; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% } @media (min-width:2161px) { .romb_pure::before, .social-block .social-icon::before { width: 1.55rem; height: 1.55rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.55rem; flex: 0 0 1.55rem; margin: .75rem 0 .5rem } } @media (min-width:1921px) and (max-width:2560px) { .romb_pure::before, .social-block .social-icon::before { width: 1.55rem; height: 1.55rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.55rem; flex: 0 0 1.55rem; margin: .75rem 0 .5rem } } .romb_icon { -webkit-transition: .1s linear; transition: .1s linear } .romb_icon.solid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #52bbb5 } .romb_icon.solid .ui-icon, .romb_icon.solid.pos-a .ui-icon { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .controls .swiper-button-next svg, .romb_icon.solid.pos-a, .romb_solid::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) } .lg-inline .lg-outer, .romb_icon.solid.pos-a { z-index: 2 } .romb_solid, .romb_solid .ui-icon { position: relative; 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 (min-width:2161px) { .romb_solid .ui-icon, .romb_solid::before { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } } @media (min-width:1921px) and (max-width:2560px) { .romb_solid .ui-icon { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } } .romb_solid::before { position: absolute; -webkit-transform-origin: center; transform-origin: center; top: 50%; left: 50%; content: ''; border: 1px solid #52bbb5 } @media (min-width:1921px) and (max-width:2560px) { .romb_solid::before { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } } .popup-header .top-menu ol li a:hover, .popup-header .top-menu ol li.active a, .popup-header .top-menu ul li a:hover, .popup-header .top-menu ul li.active a, .special-color { color: #52bbb5 } .text-right { right: 0; text-align: right } .text-left { left: 0; text-align: left } .text-center { text-align: center; margin-left: auto; margin-right: auto } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } #panel, .ex-layer::before, .lg-components, .lg-inline .lg-backdrop, .lg-inline .lg-outer, .mosaic-layout .image01, .mosaic-layout .image02, .mosaic-layout .image03, .mosaic-layout .image04, .mosaic-layout .image05, .tooltip-baloon { position: absolute } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } @media (min-width:2161px) { .star-icon svg { width: .7rem; height: .7rem; -webkit-box-flex: 0; -ms-flex: 0 0 .7rem; flex: 0 0 .7rem } } @media (min-width:1921px) and (max-width:2560px) { .star-icon svg { width: .7rem; height: .7rem; -webkit-box-flex: 0; -ms-flex: 0 0 .7rem; flex: 0 0 .7rem } } .ex-layer::before { content: ''; display: block; width: 30%; right: 0; top: 0; background-color: #fff } .ex-layer.grey-bg::before, .grey-bg, .grey-bg .lead::after { background-color: #f5f7f9 } .light-bg, .light-bg .main-events .announce .description, .main-events.light-bg, .main-header .header-search [type=text], .main-header .nav-panel .lang-block:hover .lang-block, .main-video, .section-body { background-color: #fff } .dark-bg { background-color: #505050 } @media (min-width:1024px) and (max-width:2560px), (min-width:2161px) { .one_thirds { width: 40% !important } .two_thirds { width: 60% !important } .company-block .two_thirds, .narrow-width__content .two_thirds { padding-left: 3.65rem } .header-layouts { height: 46.5rem } .main-footer .desktop { display: -webkit-box; display: -ms-flexbox; display: flex } .main-footer .mobile { display: none } } @media (min-width:1921px) and (max-width:2560px) { .ex-layer::before { height: 3.5rem; width: 40%; margin: -3.5rem 0 0 } .header-layouts { height: 67.5rem } .footer-section .ui-text, .gallery-list .gallery-header .ui-text, .gallery-list .gallery-header h3 span, .ui-small-text { font: 500 .7rem/1 Montserrat, sans-serif } } .animate__bounceInDown, .animate__bounceInLeft, .animate__bounceInRight, .animate__bounceInRight2, .animate__zoomIn, .header-block__item { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden } .animate__bounceInLeft, .animate__bounceInRight, .animate__bounceInRight2, .animate__zoomIn, .header-block__item { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } .animate__bounceInRight, .animate__bounceInRight2, .animate__zoomIn, .header-block__item { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } .animate__bounceInRight2, .animate__zoomIn, .header-block__item, .sk-folding-cube .sk-cube2::before { -webkit-animation-delay: .2s; animation-delay: .2s } .animate__zoomIn, .header-block__item { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-delay: .1s; animation-delay: .1s } .small-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .small-more .ui-icon { margin: 0 0 0 10px; width: 10px; height: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform: scaleY(1); transform: scaleY(1) } .nav-panel .lang-block:hover .ui-icon, .small-more .ui-icon.active, .sort-filter .sort-btn.active .ui-icon { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .dev-layout { display: none; position: fixed; top: 0; left: 50%; font: 400 12px/1 Montserrat; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #262626; z-index: 90000; background: #fff9b3; padding: 4px 8px } .divider { border-top: 1px solid #d8d8d8 } #panel~.main-header { top: 33px } #panel:empty~.main-header, .mosaic-layout .image02::after, .popup-window .info::before { top: 0 } .invisible { visibility: hidden; opacity: 0; position: absolute } .block-collapsed.collapsed, .main-footer .footer_menu a, .main-footer .social-block .social-icon::before, .production-announce__item img, .tooltip-baloon, .wrapper a { -webkit-transition: .2s linear; transition: .2s linear } .tooltip-baloon, .tooltip-baloon::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-blend-mode: screen } .tooltip-baloon { padding: 14px 20px; background-color: rgba(38, 38, 38, .8); color: #fff; text-align: center; letter-spacing: -.02em; bottom: 15px; margin-top: -10px; margin-left: 0; visibility: hidden } .tooltip-baloon::after { content: ''; border-top: 10px solid rgba(38, 38, 38, .8); border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; -webkit-box-shadow: 0 -1px 0 0 rgba(38, 38, 38, .3); box-shadow: 0 -1px 0 0 rgba(38, 38, 38, .3); overflow-x: hidden } .small-special-title { letter-spacing: .07em; color: rgba(38, 38, 38, .3); text-transform: uppercase; border-bottom: 1px solid #d8d8d8 } .small-special-title span { padding: 3px 6px; display: inline-block; -webkit-transform: translateY(50%); transform: translateY(50%) } .block-collapsed.expand { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transform: scale(1); transform: scale(1); visibility: visible } .header-push header .top-menu, .main-teaser__01.invisible::after, .main-teaser__01.invisible::before, .popup-header { visibility: hidden } @media (min-width:2161px) { .ex-layer::before { height: 3.5rem; width: 40%; margin: -3.5rem 0 0 } .footer-section .ui-text, .gallery-list .gallery-header .ui-text, .gallery-list .gallery-header h3 span, .ui-small-text { font: 500 .7rem/1 Montserrat, sans-serif } .gallery-list .gallery-header .small-more, .pagination-buttons ul li, .ui-extra-small-text { font: 600 .6rem/1 Montserrat, sans-serif } .dev-layout.res-3840 { display: block } .headline { padding: 3rem 0 2.5rem } .tooltip-baloon { font: 400 .6rem/1.3 Montserrat, sans-serif; min-width: 200px } .small-special-title { font: 600 .6rem/1.3 Montserrat, sans-serif; margin-bottom: 4.5rem } .company-block__info p, .default_text, .detail-text, .detail-text p, .evolution-block__item .text, .lead-grid .description, .lead-grid .description p, .narrow-width__content p { font: 500 1rem/1.4 Montserrat, sans-serif } .header-navigation .btn-toggle span { width: 1.6rem } } @media (min-width:1921px) and (max-width:2560px) { .gallery-list .gallery-header .small-more, .pagination-buttons ul li, .ui-extra-small-text { font: 600 .6rem/1 Montserrat, sans-serif } .dev-layout.res-2560 { display: block } .headline { padding: 3rem 0 2.5rem } .tooltip-baloon { font: 400 .6rem/1.3 Montserrat, sans-serif; min-width: 200px } .small-special-title { font: 600 .6rem/1.3 Montserrat, sans-serif; margin-bottom: 4.5rem } .company-block__info p, .default_text, .detail-text, .detail-text p, .evolution-block__item .text, .lead-grid .description, .lead-grid .description p, .narrow-width__content p { font: 500 1rem/1.4 Montserrat, sans-serif } .header-navigation .btn-toggle span { width: 1.6rem } } .border-top, .geography, .product-detail, .section-page-2 { border-top: 1px solid rgba(38, 38, 38, .1) } .filter-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; z-index: 1; width: 100%; height: 40px; padding: 50px 4vw } sup { top: unset } .swiper-button-next.thin-arrow .ui-icon svg, .swiper-button-prev.thin-arrow .ui-icon svg { left: unset; position: relative; top: unset; width: 100%; height: 100%; -webkit-transform: none !important; transform: none !important; fill: #fff; color: #fff } .swiper-button-prev.thin-arrow .ui-icon svg { -webkit-transform: scaleX(-1) !important; transform: scaleX(-1) !important } .align-items-start, .treasure-bottom__item { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .section-intro { padding: 5rem 0 1rem !important } .my-1 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important } .mx-auto { margin-left: auto !important; margin-right: auto !important } .d-inline-block, .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important } .force-hide, .gm-style-iw button, .main-geo .gmnoprint, .properties-rows .ui-icon, a[href*="http://maps.google.com/maps"], img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"] { display: none !important } .bounceInUp, .bounceOutDown, .fadeIn, .zoomIn { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden } .bounceOutDown, .fadeIn, .zoomIn { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } .fadeIn, .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: .6s; animation-duration: .6s } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: .3s; animation-delay: .3s } .slideInDown, .slideInDown-delay1200, .slideInDown-delay600, .slideInLeft, .slideInLeft-delay1200, .slideInLeft-delay300, .slideInLeft-delay600, .slideInRight, .slideInRight-delay1200, .slideInRight-delay300, .slideInRight-delay600, .slideInUp, .slideInUp-delay1200, .slideInUp-delay600 { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden } .sk-folding-cube .sk-cube4::before, .slideInDown, .slideInDown-delay1200, .slideInDown-delay600, .slideInLeft, .slideInLeft-delay1200, .slideInLeft-delay300, .slideInLeft-delay600, .slideInRight, .slideInRight-delay1200, .slideInRight-delay300, .slideInRight-delay600, .slideInUp-delay1200, .slideInUp-delay600 { -webkit-animation-delay: .6s; animation-delay: .6s } .slideInDown, .slideInDown-delay1200, .slideInDown-delay600, .slideInLeft, .slideInLeft-delay1200, .slideInLeft-delay300, .slideInLeft-delay600, .slideInRight, .slideInRight-delay1200, .slideInRight-delay300, .slideInRight-delay600, .slideInUp-delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s } .slideInDown, .slideInDown-delay1200, .slideInDown-delay600, .slideInLeft, .slideInLeft-delay1200, .slideInLeft-delay300, .slideInLeft-delay600, .slideInRight, .slideInRight-delay1200, .slideInRight-delay300, .slideInRight-delay600 { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-delay: .1s; animation-delay: .1s } .slideInDown, .slideInDown-delay1200, .slideInDown-delay600, .slideInLeft-delay1200, .slideInLeft-delay300, .slideInLeft-delay600, .slideInRight, .slideInRight-delay1200, .slideInRight-delay300, .slideInRight-delay600 { -webkit-animation-delay: .3s; animation-delay: .3s } .slideInDown, .slideInDown-delay1200, .slideInDown-delay600, .slideInRight, .slideInRight-delay1200, .slideInRight-delay300, .slideInRight-delay600 { -webkit-animation-name: slideInRight; animation-name: slideInRight; -webkit-animation-delay: .1s; animation-delay: .1s } .slideInDown, .slideInDown-delay1200, .slideInDown-delay600 { -webkit-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-delay: .1s; animation-delay: .1s } .fly-rt { -webkit-animation: 2s forwards fly-rt; animation: 2s forwards fly-rt } .fly-lb { -webkit-animation: 2s forwards fly-lb; animation: 2s forwards fly-lb } .zoomInLight { -webkit-animation: 2s forwards zoomInLight; animation: 2s forwards zoomInLight } .fly-center-b { -webkit-animation: 1.5s forwards fly-center-b; animation: 1.5s forwards fly-center-b } .slideLinesBannersLeft, .slideLinesBannersTop { -webkit-animation: 1.5s forwards slideLinesBannersLeft; animation: 1.5s forwards slideLinesBannersLeft } .main-teaser__01::before, .slideLinesBannersLeft2 { -webkit-animation: 1.5s 1.5s forwards slideLinesBannersLeft; animation: 1.5s 1.5s forwards slideLinesBannersLeft } .main-teaser__01::after, .slideLinesBannersLeft3 { -webkit-animation: 1.5s 2s forwards slideLinesBannersLeft3; animation: 1.5s 2s forwards slideLinesBannersLeft3 } .slideLinesBannersBottom { -webkit-animation: 1.5s forwards slideLinesBannersBottom; animation: 1.5s forwards slideLinesBannersBottom } .slideLeft { -webkit-animation: 1.5s forwards slideLeft; animation: 1.5s forwards slideLeft } .slideRight { -webkit-animation: 1.5s forwards slideRight; animation: 1.5s forwards slideRight } .slideInUp { -webkit-animation: 1s forwards slideInUp; animation: 1s forwards slideInUp } .ru-RU .perspektive .description.collapsed::after { content: 'Подробнее...' } .ru-RU .perspektive .description.collapsed.active::after { content: 'Свернуть...' } .ru-RU .lg-toolbar #lg-counter-current::before { content: 'Фото ' } .en-EN .perspektive .description.collapsed::after { content: 'More detail...' } .en-EN .perspektive .description.collapsed.active::after { content: 'Hide...' } .en-EN .lg-toolbar #lg-counter-current::before { content: 'Photos ' } .logo { margin: 0 5rem 0 0; position: relative } @media (min-width:1281px) and (max-width:1920px) { .container, .main-events, .production-announce .nav-tab { max-width: 1280px; padding: 0 .75rem } body { font-size: 1rem } .pt-1, .pt-lg-1 { padding-top: 1.5rem !important } .pb-1, .pb-lg-1 { padding-bottom: 1.5rem !important } .pl-1, .pl-lg-1 { padding-left: 1.5rem !important } .pr-1, .pr-lg-1 { padding-right: 1.5rem !important } .mt-1, .mt-lg-1 { margin-top: 1.5rem !important } .mb-1, .mb-lg-1 { margin-bottom: 1.5rem !important } .ml-1, .ml-lg-1 { margin-left: 1.5rem !important } .mr-1, .mr-lg-1 { margin-right: 1.5rem !important } .pt-2, .pt-lg-2 { padding-top: .75rem !important } .pb-2, .pb-lg-2 { padding-bottom: .75rem !important } .pl-2, .pl-lg-2 { padding-left: .75rem !important } .pr-2, .pr-lg-2 { padding-right: .75rem !important } .mt-2, .mt-lg-2 { margin-top: .75rem !important } .mb-2, .mb-lg-2 { margin-bottom: .75rem !important } .ml-2, .ml-lg-2 { margin-left: .75rem !important } .mr-2, .mr-lg-2 { margin-right: .75rem !important } .pt-3, .pt-lg-3 { padding-top: .5rem !important } .pb-3, .pb-lg-3 { padding-bottom: .5rem !important } .pl-3, .pl-lg-3 { padding-left: .5rem !important } .pr-3, .pr-lg-3 { padding-right: .5rem !important } .mt-3, .mt-lg-3 { margin-top: .5rem !important } .mb-3, .mb-lg-3 { margin-bottom: .5rem !important } .ml-3, .ml-lg-3 { margin-left: .5rem !important } .mr-3, .mr-lg-3 { margin-right: .5rem !important } .pt-lg-0 { padding-top: 0 !important } .pb-lg-0 { padding-bottom: 0 !important } .pl-lg-0 { padding-left: 0 !important } .pr-lg-0 { padding-right: 0 !important } .mt-lg-0 { margin-top: 0 !important } .mb-lg-0 { margin-bottom: 0 !important } .ml-lg-0 { margin-left: 0 !important } .mr-lg-0 { margin-right: 0 !important } .lead__slogan, .news-detail h1, h1 { font: 600 2.4rem/1.08 Montserrat, sans-serif; margin: 0 0 2.15rem } .lead__slogan+.nav-tab, .news-detail h1+.nav-tab, h1+.nav-tab { margin: 2.15rem 0 0 } .lead-grid .title, h2 { font: 600 2rem/1.08 Montserrat, sans-serif; margin: 0 0 2.15rem } h3 { font: 600 1.4rem/1.14 Montserrat, sans-serif; margin: 0 0 2.15rem } .perspektive .title, h4 { font: 600 1rem/38px Montserrat, sans-serif; margin: 0 0 2.15rem } .btn { font: 600 .6rem/1.25 Montserrat; padding: .75rem 1.5rem } .romb::before { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .romb_svg { width: 4.8rem; height: 2.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 4.8rem; flex: 0 0 4.8rem } .romb_pure::before, .social-block .social-icon::before { width: 1.55rem; height: 1.55rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.55rem; flex: 0 0 1.55rem; margin: .75rem 0 .5rem } .romb_solid .ui-icon, .romb_solid::before { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .star-icon svg { width: .7rem; height: .7rem; -webkit-box-flex: 0; -ms-flex: 0 0 .7rem; flex: 0 0 .7rem } .ex-layer::before { height: 3.5rem; width: 40%; margin: -3.5rem 0 0 } .header-layouts { height: 46.5rem } .footer-section .ui-text, .gallery-list .gallery-header .ui-text, .gallery-list .gallery-header h3 span, .ui-small-text { font: 500 .7rem/1 Montserrat, sans-serif } .gallery-list .gallery-header .small-more, .pagination-buttons ul li, .ui-extra-small-text { font: 600 .6rem/1 Montserrat, sans-serif } .dev-layout.res-1920 { display: block } .headline { padding: 3rem 0 2.5rem } .tooltip-baloon { font: 400 .6rem/1.3 Montserrat, sans-serif; min-width: 200px } .small-special-title { font: 600 .6rem/1.3 Montserrat, sans-serif; margin-bottom: 4.5rem } .company-block__info p, .default_text, .detail-text, .detail-text p, .evolution-block__item .text, .lead-grid .description, .lead-grid .description p, .narrow-width__content p { font: 500 1rem/1.4 Montserrat, sans-serif } .logo { margin: 0 2.5rem 0 0 } .header-navigation .btn-toggle span { width: 1.6rem } } @media (min-width:1024px) and (max-width:1280px) { .container, .main-events, .production-announce .nav-tab { max-width: inherit; padding: 0 1.5rem } .production-announce .two-rows .nav-tab .wrapper, .two-rows .container .wrapper, .two-rows .main-events .wrapper, .two-rows .production-announce .nav-tab .wrapper { width: 60% } .flex-md-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } body { font-size: 1rem } .pt-1, .pt-md-1 { padding-top: 1.5rem !important } .pb-1, .pb-md-1 { padding-bottom: 1.5rem !important } .pl-1, .pl-md-1 { padding-left: 1.5rem !important } .pr-1, .pr-md-1 { padding-right: 1.5rem !important } .mt-1, .mt-md-1 { margin-top: 1.5rem !important } .mb-1, .mb-md-1 { margin-bottom: 1.5rem !important } .ml-1, .ml-md-1 { margin-left: 1.5rem !important } .mr-1, .mr-md-1 { margin-right: 1.5rem !important } .pt-2, .pt-md-2 { padding-top: .75rem !important } .pb-2, .pb-md-2 { padding-bottom: .75rem !important } .pl-2, .pl-md-2 { padding-left: .75rem !important } .pr-2, .pr-md-2 { padding-right: .75rem !important } .mt-2, .mt-md-2 { margin-top: .75rem !important } .mb-2, .mb-md-2 { margin-bottom: .75rem !important } .ml-2, .ml-md-2 { margin-left: .75rem !important } .mr-2, .mr-md-2 { margin-right: .75rem !important } .pt-3, .pt-md-3 { padding-top: .5rem !important } .pb-3, .pb-md-3 { padding-bottom: .5rem !important } .pl-3, .pl-md-3 { padding-left: .5rem !important } .pr-3, .pr-md-3 { padding-right: .5rem !important } .mt-3, .mt-md-3 { margin-top: .5rem !important } .mb-3, .mb-md-3 { margin-bottom: .5rem !important } .ml-3, .ml-md-3 { margin-left: .5rem !important } .mr-3, .mr-md-3 { margin-right: .5rem !important } .pt-md-0 { padding-top: 0 !important } .pb-md-0 { padding-bottom: 0 !important } .pl-md-0 { padding-left: 0 !important } .pr-md-0 { padding-right: 0 !important } .mt-md-0 { margin-top: 0 !important } .mb-md-0 { margin-bottom: 0 !important } .ml-md-0 { margin-left: 0 !important } .mr-md-0 { margin-right: 0 !important } .lead__slogan, .news-detail h1, h1 { font: 600 2rem/1.08 Montserrat, sans-serif; margin: 0 0 1.5rem } .lead__slogan+.nav-tab, .news-detail h1+.nav-tab, h1+.nav-tab { margin: 1.5rem 0 0 } .lead-grid .title, h2 { font: 600 1.4rem/1.08 Montserrat, sans-serif; margin: 0 0 1.5rem } h3 { font: 600 1.2rem/1.14 Montserrat, sans-serif; margin: 0 0 1.5rem } .perspektive .title, h4 { font: 600 .9rem/38px Montserrat, sans-serif; margin: 0 0 1.5rem } .btn { font: 600 .6rem/1.25 Montserrat; padding: .75rem 1.5rem } .romb::before { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .romb_svg { width: 4.8rem; height: 2.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 4.8rem; flex: 0 0 4.8rem } .romb_pure::before, .social-block .social-icon::before { width: 1.55rem; height: 1.55rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.55rem; flex: 0 0 1.55rem; margin: .75rem 0 .5rem } .romb_solid .ui-icon, .romb_solid::before { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .star-icon svg { width: .7rem; height: .7rem; -webkit-box-flex: 0; -ms-flex: 0 0 .7rem; flex: 0 0 .7rem } .ex-layer::before { height: 3.5rem; width: 40%; margin: -3.5rem 0 0 } .footer-section .ui-text, .gallery-list .gallery-header .ui-text, .gallery-list .gallery-header h3 span, .ui-small-text { font: 500 .6rem/1 Montserrat, sans-serif } .gallery-list .gallery-header .small-more, .pagination-buttons ul li, .ui-extra-small-text { font: 600 .6rem/1 Montserrat, sans-serif } .dev-layout.res-1280 { display: block } .headline { padding: 3rem 0 2.5rem } .tooltip-baloon { font: 400 .6rem/1.3 Montserrat, sans-serif; min-width: 150px } .small-special-title { font: 600 .6rem/1.3 Montserrat, sans-serif; margin-bottom: 3.25rem } .company-block__info p, .default_text, .detail-text, .detail-text p, .evolution-block__item .text, .lead-grid .description, .lead-grid .description p, .narrow-width__content p { font: 500 1rem/1.4 Montserrat, sans-serif } .col-md-4 { width: 10rem !important } .col-md-6 { width: 50% !important } .logo { margin: 0 .5rem 0 0 } } .logo svg { stroke: #52bbb5; fill: #52bbb5 } .logo .fly-slogan { position: absolute; font-size: .5rem; line-height: 1.2; color: #52bbb5; font-weight: 600; letter-spacing: .01em; text-transform: lowercase; display: block; font-style: normal; left: 50%; width: 100%; margin-top: .3rem; top: 100%; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: .3s linear; transition: .3s linear } .breadcrumbs__item, .header-block .slogan, .small-more, .top-navigation__item, header .menu ul>li { letter-spacing: .07em } @media (max-width:1023px) { .production-announce .two-rows .nav-tab .right-side, .two-rows .container .right-side, .two-rows .main-events .right-side, .two-rows .production-announce .nav-tab .right-side { position: relative; top: unset; right: unset } .two-rows { width: auto; min-height: inherit } .production-announce .two-rows .nav-tab .wrapper, .two-rows .container .wrapper, .two-rows .main-events .wrapper, .two-rows .production-announce .nav-tab .wrapper { width: auto; padding: 1rem 0 1.5rem; max-width: 100% } .one_half, .one_quarter, .section-intro [class*=w-], .two_quarter, .two_thirds { width: auto !important } .section-intro { padding: 2rem 0 1rem !important } .section-intro .row { display: block } .logo .fly-slogan { top: 0; left: 100%; -webkit-transform: translateX(0); transform: translateX(0); margin: .6rem 0 0 .5rem; width: 5.5rem; line-height: 1; opacity: 1 } } .logo:hover .fly-slogan { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } header { height: 7rem; position: sticky; z-index: 10; top: 0 } .gray-bg header, .small-special-title span header { background: #f5f7f9 } header.main-header { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; border: 0 } header.main-header::before { content: ''; position: absolute; left: 0; top: 0; width: 52%; height: 100%; background: #fff } .production-announce header .nav-tab, header .container, header .main-events, header .production-announce .nav-tab { position: relative; z-index: 10; height: 100%; width: 100% } .production-announce header .nav-tab .row, .second-level-navigation .nav-tab .swiper-wrapper li .menu-icon img, header .container .row, header .main-events .row, header .production-announce .nav-tab .row { height: 100% } header.shadowed { -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .3); box-shadow: 0 5px 5px rgba(0, 0, 0, .3) } .top-menu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0 } .top-menu, .top-menu ul { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .top-menu ul>li, .top-menu ul>li>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100% } .header-navigation { position: absolute; z-index: 50; right: 0; top: 0 } .header-navigation .btn-toggle { -webkit-transition: .2s linear; transition: .2s linear; cursor: pointer; width: 7rem; height: 7rem; -webkit-box-flex: 0; -ms-flex: 0 0 7rem; flex: 0 0 7rem; -ms-flex-direction: column; flex-direction: column; background: #52bbb5 } .geography-description .close-btn:hover, .header-navigation .btn-toggle:hover, .lg-toolbar .lg-close:hover, .popup-window .popup-toggle:hover { background: #7de0d9 } .header-navigation .btn-toggle span { height: 2px; margin: 0 0 .4rem; background-color: #fff; -webkit-transition: .1s linear; transition: .1s linear } @media (min-width:1024px) and (max-width:1280px) { header { height: 6rem } .header-navigation .btn-toggle { width: 6rem; height: 6rem; -webkit-box-flex: 0; -ms-flex: 0 0 6rem; flex: 0 0 6rem } .header-navigation .btn-toggle span { width: 1.6rem } } @media (min-width:768px) and (max-width:1023px) { .container, .main-events, .production-announce .nav-tab { max-width: inherit; padding: 0 1.5rem } .right-side { padding: 1.5rem .75rem; margin: 0 -1.5rem; height: auto } .flex-sm-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .d-sm-block { display: block !important } body { font-size: 1rem } .pt-1, .pt-sm-1 { padding-top: 1.5rem !important } .pb-1, .pb-sm-1 { padding-bottom: 1.5rem !important } .pl-1, .pl-sm-1 { padding-left: 1.5rem !important } .pr-1, .pr-sm-1 { padding-right: 1.5rem !important } .mt-1, .mt-sm-1 { margin-top: 1.5rem !important } .mb-1, .mb-sm-1 { margin-bottom: 1.5rem !important } .ml-1, .ml-sm-1 { margin-left: 1.5rem !important } .mr-1, .mr-sm-1 { margin-right: 1.5rem !important } .pt-2, .pt-sm-2 { padding-top: .75rem !important } .pb-2, .pb-sm-2 { padding-bottom: .75rem !important } .pl-2, .pl-sm-2 { padding-left: .75rem !important } .pr-2, .pr-sm-2 { padding-right: .75rem !important } .mt-2, .mt-sm-2 { margin-top: .75rem !important } .mb-2, .mb-sm-2 { margin-bottom: .75rem !important } .ml-2, .ml-sm-2 { margin-left: .75rem !important } .mr-2, .mr-sm-2 { margin-right: .75rem !important } .pt-3, .pt-sm-3 { padding-top: .5rem !important } .pb-3, .pb-sm-3 { padding-bottom: .5rem !important } .pl-3, .pl-sm-3 { padding-left: .5rem !important } .pr-3, .pr-sm-3 { padding-right: .5rem !important } .mt-3, .mt-sm-3 { margin-top: .5rem !important } .mb-3, .mb-sm-3 { margin-bottom: .5rem !important } .ml-3, .ml-sm-3 { margin-left: .5rem !important } .mr-3, .mr-sm-3 { margin-right: .5rem !important } .pt-sm-0 { padding-top: 0 !important } .pb-sm-0 { padding-bottom: 0 !important } .pl-sm-0 { padding-left: 0 !important } .pr-sm-0 { padding-right: 0 !important } .mt-sm-0 { margin-top: 0 !important } .mb-sm-0 { margin-bottom: 0 !important } .ml-sm-0 { margin-left: 0 !important } .mr-sm-0 { margin-right: 0 !important } .lead__slogan, .news-detail h1, h1 { font: 600 1.6rem/1.08 Montserrat, sans-serif; margin: 0 0 1.5rem } .lead__slogan+.nav-tab, .news-detail h1+.nav-tab, h1+.nav-tab { margin: 1.5rem 0 0 } .lead-grid .title, h2 { font: 600 1.4rem/1.08 Montserrat, sans-serif; margin: 0 0 1rem } h3 { font: 600 1rem/1.14 Montserrat, sans-serif; margin: 0 0 1.5rem } .perspektive .title, h4 { font: 600 .7rem/38px Montserrat, sans-serif; margin: 0 0 1.5rem } .btn { font: 600 .6rem/1.25 Montserrat; padding: .75rem 1.5rem } .romb::before { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .romb_svg { width: 3.1rem; height: 2.3rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.1rem; flex: 0 0 3.1rem } .romb_pure::before, .social-block .social-icon::before { width: 1.55rem; height: 1.55rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.55rem; flex: 0 0 1.55rem; margin: .75rem 0 .5rem } .romb_solid .ui-icon { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .romb_solid::before { width: 1.05rem; height: 1.05rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.05rem; flex: 0 0 1.05rem } .star-icon svg { width: .7rem; height: .7rem; -webkit-box-flex: 0; -ms-flex: 0 0 .7rem; flex: 0 0 .7rem } .ex-layer::before { height: 2rem; width: 40%; margin: -2rem 0 0 } .footer-section .ui-text, .gallery-list .gallery-header .ui-text, .gallery-list .gallery-header h3 span, .ui-small-text { font: 500 .55rem/1 Montserrat, sans-serif } .gallery-list .gallery-header .small-more, .pagination-buttons ul li, .ui-extra-small-text { font: 600 .6rem/1 Montserrat, sans-serif } .dev-layout.res-768 { display: block } .headline { padding: 1.5rem 0 1rem } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .tooltip-baloon { font: 400 .6rem/1.3 Montserrat, sans-serif; min-width: 100px } .small-special-title { font: 600 .6rem/1.3 Montserrat, sans-serif; margin-bottom: 3.25rem } .company-block__info p, .default_text, .detail-text, .detail-text p, .evolution-block__item .text, .lead-grid .description, .lead-grid .description p, .narrow-width__content p { font: 500 1rem/1.4 Montserrat, sans-serif } .col-md-6 { width: 50% !important } .logo .fly-slogan { font-size: .6rem; margin: .3rem 0 0 .5rem } header { height: 6rem } header.main-header::before { -webkit-transition: .2s linear; transition: .2s linear } .header-navigation .btn-toggle { width: 6rem; height: 6rem; -webkit-box-flex: 0; -ms-flex: 0 0 6rem; flex: 0 0 6rem } .header-navigation .btn-toggle span { width: 1.6rem } } .main-teaser { margin: 0; width: 100% } .main-teaser__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; background-color: #fff } .main-teaser__01, .main-teaser__02 { position: relative; z-index: 0 } .main-teaser__01 { top: 0; right: 0; width: 48.6% } .main-teaser__01::after, .main-teaser__01::before { content: ''; background-color: #fff; position: absolute; z-index: 1 } @media (max-width:767px) { .container, .main-events, .production-announce .nav-tab { max-width: inherit; padding: 0 4vw } .right-side { padding: 8vw 4vw; margin: 0 -4vw; height: auto } .flex-xs-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .d-xs-block, .m-block { display: block !important } body { font-size: .8rem } .pt-1, .pt-xs-1 { padding-top: 8vw !important } .pb-1, .pb-xs-1 { padding-bottom: 8vw !important } .pl-1, .pl-xs-1 { padding-left: 8vw !important } .pr-1, .pr-xs-1 { padding-right: 8vw !important } .mt-1, .mt-xs-1 { margin-top: 8vw !important } .mb-1, .mb-xs-1 { margin-bottom: 8vw !important } .ml-1, .ml-xs-1 { margin-left: 8vw !important } .mr-1, .mr-xs-1 { margin-right: 8vw !important } .pt-2, .pt-xs-2 { padding-top: 4vw !important } .pb-2, .pb-xs-2 { padding-bottom: 4vw !important } .pl-2, .pl-xs-2 { padding-left: 4vw !important } .pr-2, .pr-xs-2 { padding-right: 4vw !important } .mt-2, .mt-xs-2 { margin-top: 4vw !important } .mb-2, .mb-xs-2 { margin-bottom: 4vw !important } .ml-2, .ml-xs-2 { margin-left: 4vw !important } .mr-2, .mr-xs-2 { margin-right: 4vw !important } .pt-3, .pt-xs-3 { padding-top: 2.66667vw !important } .pb-3, .pb-xs-3 { padding-bottom: 2.66667vw !important } .pl-3, .pl-xs-3 { padding-left: 2.66667vw !important } .pr-3, .pr-xs-3 { padding-right: 2.66667vw !important } .mt-3, .mt-xs-3 { margin-top: 2.66667vw !important } .mb-3, .mb-xs-3 { margin-bottom: 2.66667vw !important } .ml-3, .ml-xs-3 { margin-left: 2.66667vw !important } .mr-3, .mr-xs-3 { margin-right: 2.66667vw !important } .pt-xs-0 { padding-top: 0 !important } .pb-xs-0 { padding-bottom: 0 !important } .pl-xs-0 { padding-left: 0 !important } .pr-xs-0 { padding-right: 0 !important } .mt-xs-0 { margin-top: 0 !important } .mb-xs-0 { margin-bottom: 0 !important } .ml-xs-0 { margin-left: 0 !important } .mr-xs-0 { margin-right: 0 !important } .d-flex, .dev-layout.res-300, .xs-block { display: block } .lead__slogan, .news-detail h1, h1 { font: 600 1.75rem/1.08 Montserrat, sans-serif; margin: 0 0 1.5rem; text-align: left } .lead__slogan+.nav-tab, .news-detail h1+.nav-tab, h1+.nav-tab { margin: 1.5rem 0 0; text-align: left } .lead-grid .title, h2 { font: 600 1.25rem/1.08 Montserrat, sans-serif; margin: 0 0 .875rem; text-align: left } .lead-grid .section-page .title, .section-page .lead-grid .title, .section-page h2 { text-align: center } h3 { font: 600 1.125rem/1.14 Montserrat, sans-serif; margin: 0 0 1.5rem; text-align: left } .perspektive .title, h4 { font: 600 .7rem/38px Montserrat, sans-serif; margin: 0 0 1.5rem; text-align: left } .btn { font: 600 .5625rem/1.25 Montserrat; padding: 4vw; white-space: nowrap } .lg-block, header.main-header::before { display: none } .romb_svg { width: 3.1875rem; height: 2.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.1875rem; flex: 0 0 3.1875rem } .romb_pure::before, .social-block .social-icon::before { width: 1.5625rem; height: 1.5625rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5625rem; flex: 0 0 1.5625rem; margin: .9375rem 0 3.125rem } .romb_solid .ui-icon, .romb_solid::before { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .col-3, .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: unset; padding: 0 } .ex-layer::before { height: 2.5rem; width: 30%; margin: -2.5rem 0 0 } .footer-section .ui-text, .gallery-list .gallery-header .ui-text, .gallery-list .gallery-header h3 span, .ui-small-text { font: 500 .5625rem/1 Montserrat, sans-serif } .gallery-list .gallery-header .small-more, .pagination-buttons ul li, .ui-extra-small-text { font: 600 .5625rem/1 Montserrat, sans-serif } .headline { padding: 1.875rem 0 1.25rem } .flex-xs-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .tooltip-baloon { font: 400 .75rem/1.3 Montserrat, sans-serif; min-width: 100px } .small-special-title { font: 600 .75rem/1.3 Montserrat, sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 8vw } .col-xs-12, [class*=width-] { width: auto !important } .block-collapsed.collapsed { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; position: relative; -webkit-transform: scale(1); transform: scale(1) } .company-block__info p, .default_text, .detail-text, .detail-text p, .evolution-block__item .text, .lead-grid .description, .lead-grid .description p, .narrow-width__content p { font: 500 1rem/1.4 Montserrat, sans-serif } .logo { margin: 0; width: 4.0625rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 4.0625rem; flex: 0 0 4.0625rem } header { height: 3.75rem; background-color: #fff } header.main-header { position: relative; background-color: #f5f7f9; display: -webkit-box; display: -ms-flexbox; display: flex } .header-navigation .btn-toggle { width: 3.75rem; height: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.75rem; flex: 0 0 3.75rem } .header-navigation .btn-toggle.pos-a { position: relative } .header-navigation .btn-toggle span { width: 1rem; margin: 0 0 .25rem } .main-teaser__item { background-color: #f5f7f9; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden } .main-teaser__01 { width: 70%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .main-teaser__01::after, .main-teaser__01::before { width: 60%; background-color: #f5f7f9 } } .main-teaser__01::before { top: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } @media (min-width:2161px) { .main-teaser__01::before { width: 6rem; height: 29.6rem } } @media (min-width:1921px) and (max-width:2560px) { .main-teaser__01::before { width: 3.45rem; height: 29.6rem } } .main-teaser__01::after { left: 118px; -webkit-transform: translateX(-300%); transform: translateX(-300%) } @media (min-width:2161px) { .main-teaser__01::after { width: 2rem; left: 5.9rem; height: 16.7rem; top: 12.9rem } .main-teaser__02 .image { margin-bottom: -9.6rem } } @media (min-width:1921px) and (max-width:2560px) { .main-teaser__01::after { width: 2rem; left: 3.35rem; height: 16.7rem; top: 12.9rem } .main-teaser__02 .image { margin-bottom: -9.6rem } } .main-teaser__02 { width: 50%; top: 0; padding-top: 7rem; left: 0 } .main-teaser__02 .image { position: absolute; bottom: 0; left: 0; width: 121% } .main-teaser__02 .image::before { content: ''; width: 50%; background-color: #f5f7f9; position: absolute; bottom: 0; right: 0; z-index: 2 } @media (min-width:2161px) { .main-teaser__02 .image::before { height: 4rem } .header-block { left: 0; top: 7rem } } .header-block { background: #fff; position: absolute; width: 100% } .header-block .slogan, .nav-panel { display: -webkit-inline-box; display: -ms-inline-flexbox; -webkit-box-align: center } .header-block__item { position: relative; z-index: 2 } @media (min-width:2161px) { .header-block__item { width: 40%; margin: 10rem 0 1.6rem } .header-block .lead-grid .title, .header-block h2, .lead-grid .header-block .title { font: 600 3.2rem/1.06 Montserrat, sans-serif; margin-bottom: 1.6rem } } @media (min-width:1921px) and (max-width:2560px) { .main-teaser__02 .image::before { height: 2.5rem } .header-block { left: 0; top: 7rem } .header-block__item { width: 40%; margin: 8.25rem 0 1.6rem } } .header-block .lead-grid .title, .header-block h2, .lead-grid .header-block .title { text-align: left; color: #262626 } @media (min-width:1921px) and (max-width:2560px) { .header-block .lead-grid .title, .header-block h2, .lead-grid .header-block .title { font: 600 2.4rem/1.06 Montserrat, sans-serif; margin-bottom: 1.6rem } .header-block .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } } .header-block .slogan { display: inline-flex; -ms-flex-align: center; align-items: center; color: #52bbb5; text-transform: uppercase } @media (min-width:2161px) { .header-block .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } .nav-panel .lang-block__item a { margin: -.7rem -1.2rem -.7rem -1.4rem; padding: .7rem 1.2rem .7rem 1.4rem } } @media (min-width:1281px) and (max-width:1920px) { .main-teaser__01::before { width: 3.45rem; height: 19.5rem } .main-teaser__01::after { width: 2rem; left: 3.35rem; height: 11rem; top: 8.5rem } .main-teaser__02 .image { margin-bottom: -9.6rem } .main-teaser__02 .image::before { height: 2.5rem } .header-block { left: 0; top: 7rem } .header-block__item { width: 40%; margin: 3.65rem 0 1.6rem } .header-block .lead-grid .title, .header-block h2, .lead-grid .header-block .title { font: 600 1.8rem/1.06 Montserrat, sans-serif; margin-bottom: 1.6rem } .header-block .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } } @media (min-width:1024px) and (max-width:1280px) { .main-teaser__01::before { width: 3rem; height: 17.5rem } .main-teaser__01::after { width: 1rem; left: 2.9rem; height: 10.85rem; top: 6.65rem } .main-teaser__02 .image { margin-bottom: -3.35rem } .main-teaser__02 .image::before { height: 1.4rem } .header-block { left: 0; top: 6rem } .header-block__item { width: 50%; margin: 3.65rem 0 1.6rem } .header-block .lead-grid .title, .header-block h2, .lead-grid .header-block .title { font: 600 1.8rem/1.06 Montserrat, sans-serif; margin-bottom: 1.2rem } .header-block .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } } @media (min-width:768px) and (max-width:1023px) { .main-teaser__01::before { width: 1.9rem; height: 20.2rem } .main-teaser__01::after { width: 1rem; left: 1.7rem; height: 12.55rem; top: 3.6rem } .main-teaser__02 .image { margin-bottom: -5.55rem } .main-teaser__02 .image::before { height: 1.4rem } .header-block { left: 0; top: 6rem } .header-block__item { width: 50%; margin: 0 0 1.6rem } .header-block .lead-grid .title, .header-block h2, .lead-grid .header-block .title { font: 600 1.8rem/1.06 Montserrat, sans-serif; margin-bottom: 1.2rem } .header-block .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } } .header-block .slogan .romb_svg, .header-block .slogan .ui-text { -webkit-transition: .3s linear; transition: .3s linear; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1) } .header-block .slogan:hover .romb_svg { -webkit-transform: translateX(-10px) scale(1.1); transform: translateX(-10px) scale(1.1) } .header-block .slogan:hover .ui-text { -webkit-transform: translateX(10px) scale(1.1); transform: translateX(10px) scale(1.1) } .header-push .main-header .nav-panel .lang-block, .main-header .nav-panel .lang-block { background-color: transparent; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0) } .main-header .nav-panel .lang-block__item.current, .main-header .nav-panel .lang-block__item:hover.current { background-color: transparent !important; color: #fff } .main-header .nav-panel .lang-block__item:hover { color: #262626; background-color: #fff !important } @media (max-width:767px) { .main-teaser__01::before { height: 1rem; top: -1px } .main-teaser__01::after { -webkit-transform: translateY(300%); transform: translateY(300%); height: 1rem; top: unset; bottom: -1px; left: unset; right: -1px; width: 60%; -webkit-animation: 1.5s forwards slideLinesBannersTop2; animation: 1.5s forwards slideLinesBannersTop2 } .main-teaser__02 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 30% } .main-teaser__02 .image { width: 9.5rem; margin-bottom: 2.25rem } .header-block { left: unset; top: unset; position: relative; margin: 1.875rem 0 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; background-color: #f5f7f9 } .header-block__item { margin: 0 0 2.125rem } .header-block .lead-grid .title, .header-block h2, .lead-grid .header-block .title { font: 600 1.5rem/1.06 Montserrat, sans-serif; margin-bottom: .8125rem; max-width: 80% } .header-block .slogan { font: 600 .625rem/1.6 Montserrat, sans-serif } .header-block .slogan .romb_svg { width: 3.25rem; height: 2.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.25rem; flex: 0 0 3.25rem } .main-header .nav-panel .lang-block__item a:hover, .main-header .nav-panel .lang-block__item.current { color: #262626 } .main-header .nav-panel .lang-block__item a { color: #262626 !important } .main-header .nav-panel .lang-block__item:hover { background-color: #f5f7f9 !important } .main-header .nav-panel .lang-block__item:hover.current { color: #262626 } } .header-push .main-header .nav-panel .lang-block__item, .main-header .nav-panel .lang-block:hover .lang-block .lang-block__item, .main-header .nav-panel .lang-block:hover .lang-block .lang-block__item a, .main-header .nav-panel .lang-block__item:hover a, .nav-panel .ui-icon svg { color: #262626 } .main-header .nav-panel .lang-block:hover { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: #262626 } .copyright a:hover, .main-footer .contacts strong a, .main-footer .social-block .social-icon:hover, .main-header .nav-panel .lang-block, .main-header .nav-panel .lang-block__item a, .main-header .nav-panel .ui-icon svg { color: #fff } .header-push { overflow: hidden } .header-push .main-header [type=text] { background-color: #f5f7f9 !important } .header-push .main-header .nav-panel .lang-block__item.current { background-color: transparent !important; color: #262626 } .nav-panel { z-index: 11; position: absolute; top: 3.5rem; right: 4rem; display: inline-flex; -ms-flex-align: center; align-items: center; margin: -1.2rem 4rem 0 0 } .nav-panel .lang-block { color: #262626; cursor: pointer; background-color: #fff; position: relative; -webkit-box-shadow: .5rem .4rem 5rem transparent; box-shadow: .5rem .4rem 5rem transparent; margin-top: .3rem; -webkit-transition: .2s linear; transition: .2s linear } .nav-panel .lang-block__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; visibility: hidden; position: absolute; -webkit-transition: .2s linear; transition: .2s linear } .nav-panel .lang-block__item a { color: #262626; display: block } @media (min-width:1921px) and (max-width:2560px) { .nav-panel .lang-block__item a { margin: -.7rem -1.2rem -.35rem -1.4rem; padding: .7rem 1.2rem .35rem 1.4rem } } @media (min-width:2161px) { .nav-panel .lang-block__item { padding: .7rem 1.2rem .7rem 1.4rem; font: 600 .6rem/1 Montserrat } .nav-panel .lang-block__item .ui-icon { width: .4rem; height: .2rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } } @media (min-width:1921px) and (max-width:2560px) { .nav-panel .lang-block__item { font: 600 .6rem/1 Montserrat; padding: .7rem 1.2rem .35rem 1.4rem } } .nav-panel .lang-block__item.current { position: relative; visibility: visible; margin-top: 0 !important; background-color: #fff !important } .nav-panel .lang-block__item:hover { background-color: #f5f7f9 } .nav-panel .lang-block__item .ui-icon { margin: 0 0 0 .4rem } @media (min-width:1921px) and (max-width:2560px) { .nav-panel .lang-block__item .ui-icon { width: .4rem; height: .2rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .popup-header { height: calc(100vh - 7rem); top: 7rem } } .nav-panel .lang-block:hover { -webkit-box-shadow: .5rem .4rem 5rem rgba(0, 0, 0, .24); box-shadow: .5rem .4rem 5rem rgba(0, 0, 0, .24) } .nav-panel .lang-block:hover .lang-block__item { visibility: visible; position: relative } .popup-header { position: fixed; width: 100vw; z-index: 1000; background: #fff; left: 0 } @media screen and (max-height:800px) and (min-width:1020px) and (orientation:landscape) { .popup-header { overflow-y: auto } .popup-header .container, .popup-header .main-events, .popup-header .production-announce .nav-tab, .production-announce .popup-header .nav-tab { height: 110vh !important } } .header-push .popup-header { margin-top: 0; visibility: visible } .header-push .popup-header .top-menu { opacity: 1; height: auto; position: relative; margin-top: 1rem; max-width: 30%; -webkit-transform: none !important; transform: none !important } .popup-header .top-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; height: auto } .popup-header .top-menu ul li { letter-spacing: -.04em; height: auto } .popup-header .top-menu ol li, .popup-header__footer .item { display: -webkit-box; display: -ms-flexbox; letter-spacing: -.02em } @media (min-width:2161px) { .popup-header { height: calc(100vh - 7rem); top: 7rem } .popup-header .container, .popup-header .main-events, .popup-header .production-announce .nav-tab, .popup-header .row, .production-announce .popup-header .nav-tab { height: calc(100vh - 7rem) } .popup-header .top-menu ul li { font: 600 3rem/1.25 Montserrat } .popup-header .top-menu ol { margin: 3rem 0 0 } } @media (min-width:1921px) and (max-width:2560px) { .popup-header .container, .popup-header .main-events, .popup-header .production-announce .nav-tab, .popup-header .row, .production-announce .popup-header .nav-tab { height: calc(100vh - 7rem) } .popup-header .top-menu ul li { font: 600 3rem/1.25 Montserrat } .popup-header .top-menu ol { margin: 3rem 0 0 } } .popup-header .top-menu ol { padding: 0; max-width: 50% } .popup-header .top-menu ol li { position: relative; margin-bottom: 1rem; display: flex } @media (min-width:2161px) { .popup-header .top-menu ol li { font: 500 1rem/1.4 Montserrat } .popup-header__footer .item { margin: 0 1.85rem 0 0; font: 500 .75rem/1.4 Montserrat } } @media (min-width:1921px) and (max-width:2560px) { .popup-header .top-menu ol li { font: 500 1rem/1.4 Montserrat } .popup-header__footer .item { margin: 0 1.85rem 0 0; font: 500 .75rem/1.4 Montserrat } } @media (min-width:1281px) and (max-width:1920px) { .nav-panel .lang-block__item a { margin: -.7rem -1.2rem -.7rem -1.4rem; padding: .7rem 1.2rem .7rem 1.4rem } .nav-panel .lang-block__item { font: 600 .6rem/1 Montserrat; padding: .7rem 1.2rem .7rem 1.4rem } .nav-panel .lang-block__item .ui-icon { width: .4rem; height: .2rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .popup-header { height: calc(100vh - 7rem); top: 7rem } .popup-header .container, .popup-header .main-events, .popup-header .production-announce .nav-tab, .popup-header .row, .production-announce .popup-header .nav-tab { height: calc(100vh - 7rem) } .popup-header .top-menu ul li { font: 600 2.4rem/1.3 Montserrat } .popup-header .top-menu ol { margin: 3rem 0 0 } .popup-header .top-menu ol li { font: 500 1rem/1.4 Montserrat } .popup-header__footer .item { margin: 0 1.85rem 0 0; font: 500 .75rem/1.4 Montserrat } } .popup-header .top-menu ol li a, .popup-header .top-menu ul li a { -webkit-transition: .2s linear; transition: .2s linear; color: #00113b } .popup-header .top-menu ol li::before { display: block; content: ''; margin: .4rem .4rem 0 0; width: .4rem; height: .4rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem; background-color: #52bbb5; -webkit-transform: rotate(45deg); transform: rotate(45deg) } @media (min-width:1024px) and (max-width:1280px) { .nav-panel { top: calc(3rem + .9rem) } .nav-panel .lang-block { margin-top: -.45rem } .nav-panel .lang-block__item a { margin: -.7rem -1.2rem -.7rem -1.4rem; padding: .7rem 1.2rem .7rem 1.4rem } .nav-panel .lang-block__item { font: 600 .6rem/1 Montserrat; padding: .7rem 1.2rem .7rem 1.4rem } .nav-panel .lang-block__item .ui-icon { width: .4rem; height: .2rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .popup-header { height: calc(100vh - 6rem); top: 6rem } .popup-header .container, .popup-header .main-events, .popup-header .production-announce .nav-tab, .popup-header .row, .production-announce .popup-header .nav-tab { height: calc(100vh - 6rem) } .popup-header .top-menu ul li { font: 600 1.8rem/1.44 Montserrat } .popup-header .top-menu ol { margin: 3rem 0 1.5rem } .popup-header .top-menu ol li { font: 500 1rem/1.4 Montserrat } .popup-header .top-menu ol li::before { margin: .65rem .4rem 0 0 } .popup-header__footer .item { margin: 0 1.85rem 0 0; font: 500 .75rem/1.4 Montserrat } } @media (min-width:768px) and (max-width:1023px) { .nav-panel { top: calc(3rem + .9rem) } .nav-panel .lang-block { margin-top: -.55rem } .nav-panel .lang-block__item a { margin: -.7rem -1.2rem -.7rem -1.4rem; padding: .7rem 1.2rem .7rem 1.4rem } .nav-panel .lang-block__item { font: 600 .6rem/1 Montserrat; padding: .7rem 1.2rem .7rem 1.4rem } .nav-panel .lang-block__item .ui-icon { width: .4rem; height: .2rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .popup-header { height: calc(100vh - 6rem); top: 6rem } .popup-header .container, .popup-header .main-events, .popup-header .production-announce .nav-tab, .popup-header .row, .production-announce .popup-header .nav-tab { height: calc(100vh - 6rem) } .popup-header .top-menu { position: absolute; top: 0; margin: -3rem 0 0 } .popup-header .top-menu ul li { font: 600 1.6rem/1.1 Montserrat; margin: 0 0 .8rem } .popup-header .top-menu ul li:Last-child { margin: 0 } .popup-header .top-menu ol { margin: 3rem 0 1.5rem } .popup-header .top-menu ol li { font: 500 1rem/1.4 Montserrat } .popup-header .top-menu ol li::before { margin: .5rem .4rem 0 0 } .popup-header__footer .item { margin: 0 1.85rem 0 0; font: 500 .75rem/1.4 Montserrat } } .popup-header__footer { left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: auto 0 4vw; padding: 1.875rem 0 0 } .popup-header__footer.pos-a { position: relative !important } @media (max-width:767px) { .main-header .nav-panel .lang-block, .main-header .nav-panel .ui-icon svg { color: #262626 } .nav-panel { margin: -1rem 0 0; top: 1.875rem } .nav-panel .lang-block { color: #262626; margin: 0 } .nav-panel .lang-block__item a { margin: -.875rem -.875rem -.875rem -1.125rem; padding: .875rem .875rem .875rem 1.125rem } .nav-panel .lang-block__item { font: 600 .5625rem/1 Montserrat; padding: .875rem .875rem .875rem 1.125rem } .nav-panel .lang-block__item .ui-icon { width: .5rem; height: .25rem; -webkit-box-flex: 0; -ms-flex: 0 0 .5rem; flex: 0 0 .5rem } .popup-header { height: calc(100% - 3.75rem); top: 3.75rem; overflow-y: auto } .popup-header .container, .popup-header .main-events, .popup-header .production-announce .nav-tab, .popup-header .row, .production-announce .popup-header .nav-tab { height: calc(100vh - 3.75rem) } .header-push .popup-header .top-menu { max-width: 80% } .popup-header .top-menu { margin: 1.875rem 0 0 } .popup-header .top-menu ul li { font: 600 1rem/1.25 Montserrat } .popup-header .top-menu ol { margin: 1.25rem 0 0; max-width: 75% } .popup-header .top-menu ol li { font: 500 .75rem/1.4 Montserrat; margin-bottom: .5rem } .popup-header .top-menu ol li::before { margin: .3rem .4rem 0 0 } .popup-header__footer { padding: 1.875rem 0 0; position: relative; bottom: unset; margin: 0 } } @media screen and (max-height:800px) and (min-width:900px) and (max-width:1330px) and (orientation:landscape) { .popup-header__footer { top: 100%; bottom: unset; margin-top: -2rem; left: 1.5rem } } .popup-header__footer .item { display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #00113b } .popup-header__footer .item .ui-icon svg, .popup-header__footer .item:hover { color: #52bbb5 } .header-push header .nav-panel .lang-block, .header-push header .nav-panel .ui-icon svg { color: #505050; -webkit-filter: none; filter: none } .header-push header .nav-panel .lang-block__item a { color: #505050 !important } .header-push header .header-navigation .btn-toggle span { -webkit-transform-origin: center; transform-origin: center; margin: 0 } .header-push header .header-navigation .btn-toggle span:first-child { -webkit-transform: rotate(-45deg) translateY(1px); transform: rotate(-45deg) translateY(1px) } .header-push header .header-navigation .btn-toggle span:last-child { -webkit-transform: rotate(45deg) translateY(-1px); transform: rotate(45deg) translateY(-1px) } .main-footer { background-color: #262626; padding: 72px 0 52px; position: relative; z-index: 1 } .main-footer .logo { width: 104px; height: 32px } .main-footer .primary-col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .complect-item, .division-info__wrapper, .gallery-page .headline, .main-footer .secondary-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .main-footer .contacts strong { display: block; margin: 0 0 14px } .main-footer .footer_menu { width: 30% } .main-footer .footer_menu ul>li { padding: 0 0 26px } .main-footer .footer_menu ul>li a { color: #fff; opacity: 1 } .main-footer .footer_menu ul>li>ol { display: block; padding: 32px 0 0 } .main-footer .footer_menu .sub_menu>li { padding: 0 0 16px } .main-footer .footer_menu .sub_menu>li a { opacity: .5; color: #fff } .main-footer .footer-sub_panel { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 52px 0 0; margin: 80px 0 0; border-top: 1px solid rgba(255, 255, 255, .2); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .main-footer .footer-sub_panel .nav-panel { position: relative; z-index: 1; top: unset; right: unset; margin: -13px 0 0 } .main-footer .footer-sub_panel .nav-panel .lang-block { padding: 0 56px 0 0 } .copyright a, .main-footer .footer-sub_panel .copyright, .main-footer .footer-sub_panel .requiz { color: rgba(255, 255, 255, .5) } .main-footer .social-block .social-icon::before { background: 0 0 } .main-footer .social-block .social-icon:hover::before { background-color: #52bbb5 } .main-footer .social-block .social-icon:hover svg { color: #fff !important } .main-footer .social-block .social-icon svg { position: relative; z-index: 2; color: #52bbb5; max-width: 17px; max-height: 31px } .scroll-up { position: fixed; right: 1.5rem; bottom: 1.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 2.4rem; height: 2.4rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.4rem; flex: 0 0 2.4rem; z-index: 10; cursor: pointer; opacity: 0; -webkit-transition: .3s linear; transition: .3s linear } .scroll-up::before { content: ''; width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; background: #fff; -webkit-box-shadow: 10px 8px 100px rgba(0, 0, 0, .5); box-shadow: 10px 8px 100px rgba(0, 0, 0, .5); -webkit-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); position: absolute; top: 70%; left: 0; z-index: 1 } .scroll-up .ui-icon { width: 9px; height: 4.5px; color: #52bbb5; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scaleY(-1); transform: translate(-50%, -50%) scaleY(-1); z-index: 3 } header .menu ul>li { text-transform: uppercase; position: relative; margin-left: 1px } header .menu ul>li.active>a, header .menu ul>li:hover>a { background-color: #f7f7f7 } header .menu ul>li>a { position: relative; color: #00113b; background-color: #fff } @media (min-width:2161px) { .popup-header__footer .item .ui-icon { width: .9rem; height: .9rem; margin: 0 .9rem 0 0 } .main-footer .contacts strong a, .main-footer .footer_menu ul>li { margin-top: 10; font: 600 1rem/1 Montserrat, sans-serif; } .main-footer .contacts a, .main-footer .footer_menu .sub_menu>li { font: 500 .7rem/1 Montserrat, sans-serif } .main-footer .footer_menu ul>li>ol { padding: 1.6rem 0 0 } .main-footer .footer-sub_panel .copyright, .main-footer .footer-sub_panel .requiz { font: 400 .7rem/1 Montserrat, sans-serif } .main-footer .social-block .social-icon::before { margin: 0 } header .menu ul>li { font: 600 .6rem/1 Montserrat } header .menu ul>li>a { padding: 0 1.2rem } header .menu ul>li .sub-menu li a { font: 500 .8rem/1.25 Montserrat } } @media (min-width:1921px) and (max-width:2560px) { .popup-header__footer .item .ui-icon { width: .9rem; height: .9rem; margin: 0 .9rem 0 0 } .main-footer .contacts strong a, .main-footer .footer_menu ul>li { font: 600 1rem/1 Montserrat, sans-serif } .main-footer .contacts a, .main-footer .footer_menu .sub_menu>li { font: 500 .7rem/1 Montserrat, sans-serif } .main-footer .footer_menu ul>li>ol { padding: 1.6rem 0 0 } .main-footer .footer-sub_panel .copyright, .main-footer .footer-sub_panel .requiz { font: 400 .7rem/1 Montserrat, sans-serif } .main-footer .social-block .social-icon::before { margin: 0 } header .menu ul>li { font: 600 .6rem/1 Montserrat } header .menu ul>li>a { padding: 0 1.2rem } header .menu ul>li .sub-menu li a { font: 500 .8rem/1.25 Montserrat } } header .menu ul>li>a::after { content: ''; background: #52bbb5; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; opacity: 0 } .geography-description.active, .geography-mainpage.geography-description.active .blend-mask, .popup-overlay.active, header .menu ul>li .level-1 .sub-menu li:hover .level-2, header .menu ul>li:hover .level-1 { visibility: visible } header .menu ul>li .sub-menu li a { color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: none } header .menu ul>li .sub-menu li .image { width: 80px; height: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; overflow: hidden; background-color: #fff; margin: 0 1.5rem 0 0 } header .menu ul>li .sub-menu li .image img { min-width: 100%; height: 100% } header .menu ul>li .level-1, header .menu ul>li .level-2 { visibility: hidden; z-index: 10 } header .menu ul>li .level-1 { min-width: 285px; position: absolute; top: 7rem; left: 0; background-color: #f5f7f9; -webkit-box-shadow: 10px 8px 100px rgba(0, 0, 0, .07); box-shadow: 10px 8px 100px rgba(0, 0, 0, .07) } header .menu ul>li .level-1 .sub-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #3b3b3b } header .menu ul>li .level-1 .sub-menu li:hover { background-color: #262626 } header .menu ul>li .level-1 .sub-menu li a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px } header .menu ul>li .level-1 .sub-menu li a:hover .link { border-bottom: 1px solid transparent } header .menu ul>li .level-1 .sub-menu li .link { width: 100%; padding: 20px 0; border-bottom: 1px solid #474747 } header .menu ul>li .level-2 { min-width: 420px; position: absolute; left: 100%; top: 0; min-height: 100% } header .menu ul>li .level-2, header .menu ul>li .level-2 .sub-menu li { width: 100%; background-color: #262626 } header .menu ul>li .level-2 .sub-menu li a { display: block; width: 100%; background-color: #262626 } header .menu ul>li .level-2 .sub-menu li a:hover { background-color: #000 } header .menu ul>li .level-2 .sub-menu li .link { padding: 20px 0; border-bottom: 1px solid #3a3a3a } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list-wrapper:last-of-type::after, header .menu ul>li .level-2 .sub-menu li:last-of-type .link { border: 0 } .breadcrumbs ul { margin: 0; padding: 0; list-style: none; 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 } .breadcrumbs__item { text-transform: uppercase; color: #b6b6b6; font: 600 11px/16px Montserrat, sans-serif } .breadcrumbs__item.home { color: #52bbb5 } .breadcrumbs__item:not(:last-child), .breeding-block, .social-block .social-icon { position: relative } .breadcrumbs__item:not(:last-child)::after { color: #b6b6b6; margin: 0 5px; display: inline-block; vertical-align: middle; content: '\002F'; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .breadcrumbs li, .link-return, .nav-tab li .nav-tab__item, .nav-tab.secondary li .nav-tab__item, .small-more, .sort-filter, .teaser-block__info .slogan, .top-navigation__item { text-transform: uppercase } .breadcrumbs__item a { color: inherit; border: 0; font: inherit } .breadcrumbs__item a:hover { color: #eb4c32 } .breeding-block .breading-navigation li a:hover, .company-block__info .title b, .company-block__info .title strong, .narrow-width__content .title b, .narrow-width__content .title strong, .sort-filter .sort-btn, .top-navigation__item a:hover, a { color: #52bbb5 } .top-navigation__item { width: 100%; -webkit-box-flex: 100%; -ms-flex: 100% 1 1; flex: 100% 1 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; color: #00113b; border: 1px solid #d8d8d8; text-align: center } .top-navigation__item.active { border: 2px solid #52bbb5; color: #52bbb5 } .lg-sub-html a, .top-navigation__item a { color: inherit } .breadcrumbs, .filter-panel-grid, .over-filter-grid, .second-level-navigation .nav-tab .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .breadcrumbs li a::after { content: '/'; display: inline-block; margin: 0 10px } .second-level-navigation .nav-tab .swiper-wrapper li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .second-level-navigation .nav-tab .swiper-wrapper li .nav-tab__item:hover::after, .second-level-navigation .nav-tab .swiper-wrapper li.active .nav-tab__item::after { -webkit-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1); border-color: #7de0d9 } .second-level-navigation .nav-tab .swiper-wrapper li .nav-tab__item { padding: 1.7rem 1.9rem; text-align: center; border: 0; margin: 0; display: block; height: auto } .second-level-navigation .nav-tab .swiper-wrapper li .nav-tab__item::after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); width: 100%; display: block; bottom: 0; border-bottom: 3px solid transparent; -webkit-transition: .2s linear; transition: .2s linear } .second-level-navigation .nav-tab .swiper-wrapper li .menu-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 3rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 10px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .2s linear; transition: .2s linear } .second-level-navigation .nav-tab .swiper-wrapper li .menu-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: .5rem; max-width: 4.2rem } .digits-block__item .count .image, .division-stats__item .count .image, .geo-select .geo-select-item, .ksc-marker-icon, .main-geo .ksc-marker-icon, .sort-filter, .sort-filter .sort-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sort-filter { padding: 0 0 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font: 600 .75rem/1 Montserrat, sans-serif } .sort-filter .sort-btn { padding: 0 20px 0 10px; position: relative; cursor: pointer } .sort-filter .sort-btn .ui-icon { height: .7rem; display: block; width: .5rem; margin: 0 0 0 .3rem } .sort-filter .sort-btn .ui-icon svg { max-height: 100% } html { font: 400 20px/1.4 Montserrat, sans-serif } body { background-color: #fff; overflow-x: hidden } .logo { width: 6rem; height: 1.85rem } .career-section .category-list .swiper-wrapper, .lead-grid .main-geo .title, .lead-grid .production-announce .title, .main-geo .lead-grid .title, .main-geo h2, .production-announce .lead-grid .title, .production-announce h2 { margin-left: auto; margin-right: auto } .production-announce__item { overflow: hidden; position: relative; border: 2px solid transparent; -webkit-transform: translateY(1.5rem); transform: translateY(1.5rem); opacity: 0 } @media (min-width:2161px) { .top-navigation { margin: 0 0 2.5rem } .breadcrumbs li, .top-navigation__item { font: 600 .6rem/1.6666 Montserrat, sans-serif } .breadcrumbs { margin: 0 0 2rem } .production-announce { padding-top: 16.6rem; padding-bottom: 5rem } .lead-grid .production-announce .title, .production-announce .lead-grid .title, .production-announce h2 { margin-top: 2rem; width: 60% } .production-announce__item { margin: 1rem; width: calc(33% - 2rem); padding-bottom: 3.7rem } .production-announce__item .image { height: 10rem } } @media (min-width:1921px) and (max-width:2560px) { .top-navigation { margin: 0 0 2.5rem } .breadcrumbs li, .top-navigation__item { font: 600 .6rem/1.6666 Montserrat, sans-serif } .breadcrumbs { margin: 0 0 2rem } .production-announce { padding-top: 16.6rem; padding-bottom: 5rem } .lead-grid .production-announce .title, .production-announce .lead-grid .title, .production-announce h2 { margin-top: 2rem; width: 60% } .production-announce__item { margin: 1rem; width: calc(33% - 2rem); padding-bottom: 3.7rem } .production-announce__item .image { height: 10rem } } .production-announce__item::after { content: ''; top: 0; left: 0; display: block; position: absolute; z-index: 2; background-color: transparent } .production-announce__item img { width: 100%; -webkit-transform: scale(1); transform: scale(1); -o-object-fit: cover; object-fit: cover } .production-announce__item a { color: rgba(38, 38, 38, .5) } #disclamer-widget, .formula-widget .ui-icon, .gm-style-cc, .gmnoprint a, .gmnoprint span, .lead--top-smooth::before, .lead.mask-2::before, .news-detail .lead::before, .page-lead::before, .production-announce__item.active .image::after, .production-announce__item.active::after, .swiper-container+.controls, .video-announce a.active .ui-icon svg { display: none } .production-announce__item.active a, body { color: #262626 } .production-announce__item .image { display: block; position: relative; overflow: hidden } .production-announce__item .image::after { content: ''; top: 0; left: 0; display: block; position: absolute; width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; z-index: 2; background-color: rgba(234, 237, 241, .95) } .nav-tab li .nav-tab__item, .production-announce__item .title { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center } .production-announce__item .title { display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f5f7f9; position: absolute; text-align: center; top: 70%; left: 50%; z-index: 2; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-transition: .2s linear; transition: .2s linear } @media (min-width:2161px) { .production-announce__item .title { width: 18.3rem; min-height: 5.1rem; padding: 1.35rem 3.5rem; font: 500 1rem/1.2 Montserrat } .production-announce .nav-tab { margin: 0 auto 3.5rem; max-width: 1440px } } @media (min-width:1921px) and (max-width:2560px) { .production-announce__item .title { width: 18.3rem; min-height: 5.1rem; padding: 1.1rem 3.5rem; font: 500 1rem/1.2 Montserrat } .production-announce .nav-tab { margin: 0 auto 3.5rem; max-width: 1440px } } .nav-tab { overflow: inherit } .nav-tab.extra-tabs .swiper-wrapper { height: 9.5rem } .nav-tab .swiper-wrapper { display: -ms-grid; display: grid; list-style-type: none; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); height: 4rem } .production-announce .nav-tab { width: 100%; padding: 0 } .nav-tab li { text-align: center; width: auto !important } .nav-tab li .nav-tab__item { height: 100%; display: flex; -ms-flex-align: center; align-items: center; color: #00113b; margin: 0 -1px 0 0; border: 1px solid #d8d8d8; cursor: pointer; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; letter-spacing: .07em } @media (min-width:2161px) { .nav-tab li .nav-tab__item, .nav-tab li.sm-text .nav-tab__item { font: 600 .6rem/1.66 Montserrat; padding: 1.5rem .5rem } } @media (min-width:1921px) and (max-width:2560px) { .nav-tab li .nav-tab__item, .nav-tab li.sm-text .nav-tab__item { font: 600 .6rem/1.66 Montserrat; padding: 1.5rem .5rem } } .breeding-block .breading-navigation li, .nav-tab li .nav-tab__item .image, .nav-tab.secondary .swiper-wrapper, .nav-tab__layout, .social-block, .video-announce a { display: -webkit-box; display: -ms-flexbox; display: flex } .nav-tab li .nav-tab__item .image { width: 4rem; height: 4rem; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 1.2rem } .nav-tab li .nav-tab__item .image img, .production-announce__item::after { width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .nav-tab li.active .nav-tab__item { z-index: 1; border: 1px solid #52bbb5; color: #52bbb5 } .nav-tab__layout { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .nav-tab.secondary .swiper-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto } .nav-tab.secondary li .nav-tab__item { padding: .75rem 1.5rem; border: 0; height: 100%; background-color: transparent; -ms-flex-direction: column; flex-direction: column; min-width: 8rem; -webkit-transition: .2s linear; transition: .2s linear } .nav-tab.secondary li .nav-tab__item.iconed { padding: .75rem 1.5rem } @media (min-width:2161px) { .nav-tab__layout { margin: -1rem } .nav-tab+.nav-tab.secondary { margin: 2rem 0 -3.5rem } .nav-tab.secondary li .nav-tab__item { font: 600 .65rem/1.66 Montserrat } .social-block .social-icon { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem } } @media (min-width:1921px) and (max-width:2560px) { .nav-tab__layout { margin: -1rem } .nav-tab+.nav-tab.secondary { margin: 2rem 0 -3.5rem } .nav-tab.secondary li .nav-tab__item { font: 600 .6rem/1.66 Montserrat } } .nav-tab.secondary li .nav-tab__item::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; display: block; height: 3px; background-color: #52bbb5 } .gray-bg, .nav-tab.secondary li .nav-tab__item:hover, .small-special-title span { background-color: #f5f7f9; margin-top: 30px; } @media (min-width:1024px) and (max-width:2560px), (min-width:2161px) { .main-footer .primary-col .nav-panel, .main-footer .secondary-col .contacts { display: none } .production-announce__item.active:hover { background-color: #fff; border: 2px solid #52bbb5 } .production-announce__item.active:hover img { -webkit-transform: scale(1.02); transform: scale(1.02) } .production-announce__item.active:hover .title { background-color: #fff; -webkit-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1) } .nav-tab li .nav-tab__item:hover { border: 1px solid #52bbb5; color: #52bbb5; z-index: 1 } .nav-tab.secondary li .nav-tab__item:hover::after { opacity: 1; bottom: 0 } .treasure-bottom__item .two_thrids { padding-left: 3.65rem } } .nav-tab.secondary li .nav-tab__item .menu-icon { height: 2.5rem; 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 .75rem } .nav-tab.secondary li .nav-tab__item .menu-text { display: block; text-align: center; height: auto } .nav-tab.secondary li.active .nav-tab__item::after { bottom: 0; opacity: 1 } @media (min-width:1921px) and (max-width:2560px) { .social-block .social-icon { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem } .mask-overlay::after, .mask-overlay::before { height: 3.5rem } } .social-block .social-icon::before { content: '' } .social-block .social-icon svg { max-width: 100%; max-height: 100% } .mask-overlay::after, .mask-overlay::before { content: ''; position: absolute; background-color: #fff; z-index: 1 } @media (min-width:2161px) { .mask-overlay::after, .mask-overlay::before { height: 3.5rem } .video-announce { max-height: 64.3rem } } @media (min-width:1281px) and (max-width:1920px) { .popup-header__footer .item .ui-icon { width: .9rem; height: .9rem; margin: 0 .9rem 0 0 } .main-footer .contacts strong a, .main-footer .footer_menu ul>li { font: 600 1rem/1 Montserrat, sans-serif } .main-footer .contacts a, .main-footer .footer_menu .sub_menu>li { font: 500 .7rem/1 Montserrat, sans-serif } .main-footer .footer_menu ul>li>ol { padding: 1.6rem 0 0 } .main-footer .footer-sub_panel .copyright, .main-footer .footer-sub_panel .requiz { font: 400 .7rem/1 Montserrat, sans-serif } .main-footer .social-block .social-icon::before { margin: 0 } .btn-compliance { padding: .5rem .75rem } header .menu ul>li { font: 600 .6rem/1 Montserrat } header .menu ul>li>a { padding: 0 .9rem } header .menu ul>li .sub-menu li a { font: 500 .8rem/1.25 Montserrat } .top-navigation { margin: 0 0 2.5rem } .breadcrumbs li, .top-navigation__item { font: 600 .6rem/1.6666 Montserrat, sans-serif } .breadcrumbs { margin: 0 0 2rem } .production-announce { padding-top: 16.6rem; padding-bottom: 5rem } .lead-grid .production-announce .title, .production-announce .lead-grid .title, .production-announce h2 { margin-top: 2rem } .production-announce__item { margin: 1rem; width: calc(33% - 2rem); padding-bottom: 1.25rem } .production-announce__item .image { height: 10rem } .production-announce__item .title { width: 18rem; min-height: 2.55rem; padding: 1.1rem 3.5rem; font: 500 .8rem/1.2 Montserrat } .production-announce .nav-tab { margin: 0 auto 3.5rem; max-width: 1280px } .nav-tab li .nav-tab__item, .nav-tab li.sm-text .nav-tab__item { font: 600 12px/1.66 Montserrat; padding: 1.5rem .5rem } .nav-tab__layout { margin: -1rem } .nav-tab+.nav-tab.secondary { margin: 2rem 0 -3.5rem } .nav-tab.secondary li .nav-tab__item { font: 600 .55rem/1.66 Montserrat } .social-block .social-icon { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem } .mask-overlay::after, .mask-overlay::before { height: 3.5rem } .video-announce { max-height: 64.3rem } } .mask-overlay::before { right: 0; top: 0; width: 70%; margin-top: -1px } .mask-overlay::after { right: 0; bottom: 0; width: 40%; margin-bottom: -1px } .main-video .mask-overlay::before { -webkit-transform-origin: top; transform-origin: top } .main-video .mask-overlay::after { -webkit-transform-origin: bottom; transform-origin: bottom; background-color: #f5f7f9 } .main-video .romb_icon.solid { width: 6rem; height: 6rem; top: 50%; left: 50% } @media (min-width:1024px) and (max-width:1280px) { .popup-header__footer .item .ui-icon { width: .9rem; height: .9rem; margin: 0 .9rem 0 0 } .main-footer .desktop.btn-wrapper .btn { font-size: 10px; padding: 10px 15px } .main-footer .contacts strong a, .main-footer .footer_menu ul>li { font: 600 1rem/1 Montserrat, sans-serif } .main-footer .contacts a, .main-footer .footer_menu .sub_menu>li { font: 500 .7rem/1 Montserrat, sans-serif } .main-footer .footer_menu ul>li>ol { padding: 1.6rem 0 0 } .main-footer .footer-sub_panel .copyright, .main-footer .footer-sub_panel .requiz { font: 400 .7rem/1 Montserrat, sans-serif } .main-footer .social-block .social-icon::before { margin: 0 } .scroll-up { bottom: 6rem } .btn-compliance { font-size: .45rem !important } header .menu ul>li { font: 600 .6rem/1 Montserrat } header .menu ul>li>a { padding: 0 1.2rem } header .menu ul>li .sub-menu li a { font: 500 .8rem/1.25 Montserrat } header .menu ul>li .level-1 { top: 6rem } .top-navigation { margin: 0 0 2.5rem } .breadcrumbs li, .top-navigation__item { font: 600 .6rem/1.6666 Montserrat, sans-serif } .breadcrumbs { margin: 0 0 2rem } .production-announce { padding-top: 5rem; padding-bottom: 5rem } .lead-grid .production-announce .title, .production-announce .lead-grid .title, .production-announce h2 { margin-top: 2rem } .production-announce__item { margin: 1rem; width: calc(33% - 2rem); padding-bottom: 1.4rem } .production-announce__item .image { height: 10rem } .production-announce__item .title { width: 13rem; min-height: 2.8rem; padding: 1.1rem 1.5rem; font: 500 .8rem/1.2 Montserrat } .production-announce .nav-tab { margin: 0 auto 2rem; max-width: inherit } .nav-tab li .nav-tab__item, .nav-tab li.sm-text .nav-tab__item { font: 600 .6rem/1.66 Montserrat; padding: 1rem 1.5rem } .nav-tab__layout { margin: -1rem } .nav-tab+.nav-tab.secondary { margin: 2rem 0 -3.5rem } .nav-tab.secondary li .nav-tab__item { font: 600 .6rem/1.66 Montserrat; max-width: inherit; padding: .75rem 1.5rem } .social-block .social-icon { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem } .mask-overlay::after, .mask-overlay::before { height: 2rem } .main-video .romb_icon.solid { width: 4.5rem; height: 4.5rem } } @media (min-width:768px) and (max-width:1023px) { .popup-header__footer .item .ui-icon { width: .9rem; height: .9rem; margin: 0 .9rem 0 0 } .main-footer .logo { width: 5.2rem; height: 1.6rem; -webkit-box-flex: 0; -ms-flex: 0 0 5.2rem; flex: 0 0 5.2rem } .main-footer .primary-col { margin: 0; padding: 2.35rem 0 } .main-footer .primary-col .nav-panel { color: #fff; margin: 0 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .main-footer .primary-col .nav-panel .lang-block__item.current { visibility: visible } .main-footer .primary-col .nav-panel .ui-icon svg { color: #fff } .main-footer .primary-col .nav-panel .lang-block { color: #fff; margin: 8px 34px 0 0 } .main-footer .secondary-col { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 3rem 0 2.5rem } .main-footer .contacts { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; padding: 2.5rem 0 0 } .main-footer .contacts strong a, .main-footer .footer_menu ul>li { font: 600 1rem/1 Montserrat, sans-serif } .main-footer .contacts a, .main-footer .footer_menu .sub_menu>li { font: 500 .7rem/1 Montserrat, sans-serif } .main-footer .footer_menu { width: 50% } .main-footer .footer_menu:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .main-footer .footer_menu:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .main-footer .footer_menu:last-of-type { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .main-footer .footer_menu ul>li>ol { padding: 1.6rem 0 0 } .main-footer .footer-sub_panel { border-top: 1px solid rgba(234, 237, 241, .2); width: auto; margin: 1rem -1rem 0; padding: 1rem } .main-footer .footer-sub_panel .nav-panel { display: none } .main-footer .footer-sub_panel .copyright, .main-footer .footer-sub_panel .requiz { font: 400 .7rem/1 Montserrat, sans-serif; padding: 0 0 1rem } .main-footer .social-block .social-icon::before { margin: 0 } .main-footer .lang-block, .main-footer .lang-block__item, .main-footer .lang-block__item.current { background-color: transparent !important } .main-footer .lang-block { margin-top: 35px !important } .main-footer .lang-block__item { position: relative } .main-footer .lang-block__item:hover { background: rgba(255, 255, 255, .3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px) } .main-footer .lang-block__item:hover a { color: #fff } .main-footer .lang-block:hover { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-box-shadow: 10px 8px 100px rgba(78, 78, 78, .24); box-shadow: 10px 8px 100px rgba(78, 78, 78, .24) } .main-footer .lang-block:hover, .main-footer .lang-block:hover .lang-block__item { background-color: #4e4e4e !important } .scroll-up { bottom: 4.5rem } header .menu ul>li { font: 600 .6rem/1 Montserrat } header .menu ul>li>a { padding: 0 1.2rem } header .menu ul>li .sub-menu li a { font: 500 .8rem/1.25 Montserrat } .top-navigation { margin: 0 0 2.5rem } .breadcrumbs li, .top-navigation__item { font: 600 .6rem/1.6666 Montserrat, sans-serif } .breadcrumbs { margin: 0 0 2rem } .production-announce { padding-top: 9rem; padding-bottom: 5rem; overflow-x: hidden } .lead-grid .production-announce .title, .production-announce .lead-grid .title, .production-announce h2 { margin-top: 2rem } .production-announce__item { margin: 1rem; width: calc(50% - 2rem); padding-bottom: 1.5rem } .production-announce__item img { width: auto; height: 100% } .production-announce__item .image { height: 10rem } .production-announce__item .image img { min-width: 100%; min-height: 100%; max-width: 110%; max-height: 110% } .production-announce__item .title { width: 13rem; min-height: 2.8rem; padding: .5rem 1.5rem; font: 500 .7rem/1.2 Montserrat; top: 75% } .nav-tab .swiper-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 3rem } .production-announce .nav-tab { margin: 0 0 2rem; display: -webkit-box; display: -ms-flexbox; display: flex } .nav-tab li .nav-tab__item { font: 600 .55rem/1.66 Montserrat; padding: .25rem 1rem } .nav-tab li.sm-text .nav-tab__item { font: 600 .4rem/1.2 Montserrat; padding: .25rem 1rem } .nav-tab__layout { margin: -1rem } .nav-tab+.nav-tab.secondary { margin: 2rem 0 -1.5rem } .nav-tab.secondary li .nav-tab__item { font: 600 .6rem/1.66 Montserrat; max-width: inherit; padding: .75rem 1.5rem } .social-block .social-icon { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem } .mask-overlay::after, .mask-overlay::before { height: 2rem } .main-video .romb_icon.solid { width: 4.5rem; height: 4.5rem } } .main-video .romb_icon.solid .ui-icon { width: .75rem; height: .85rem } .video-announce { max-width: 100%; overflow: hidden } .video-announce::after, .video-announce::before { -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform: scaleY(1); transform: scaleY(1) } .video-announce.active::after, .video-announce.active::before, .video-announce.paused::after, .video-announce.paused::before { -webkit-transform: scaleY(0); transform: scaleY(0) } .main-partners .swiper-slide img, .nav-tab.secondary li .nav-tab__item::after, .video-announce a.active .romb_icon { -webkit-transition: .2s linear; transition: .2s linear; opacity: 0 } .video-announce a.active .ui-icon { width: 1.2rem !important; height: 1.5rem !important; -webkit-box-flex: 0 !important; -ms-flex: 0 0 1.2rem !important; flex: 0 0 1.2rem !important } .video-announce a.active .ui-icon::after, .video-announce a.active .ui-icon::before { content: ''; background: #fff; width: 7px; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 7px; flex: 0 0 7px; display: block } .video-announce a.active .ui-icon::after { margin-left: .5rem } @media (max-width:767px) { .popup-header__footer .item { margin: 0 1.25rem 0 0; font: 500 .5625rem/1.4 Montserrat } .popup-header__footer .item .ui-icon { width: .75rem; height: .75rem; margin: 0 .75rem 0 0 } .header-push header { z-index: 3000 } .main-footer .logo { width: 4.0625rem; height: 1.25rem } .main-footer .logo .fly-slogan { display: none !important } .main-footer .primary-col { margin: 0 -4vw 1.25rem; padding: 1.25rem } .main-footer .primary-col .nav-panel { color: #fff; margin: 0 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; right: 4vw; top: 4vw } .main-footer .primary-col .nav-panel .lang-block__item { visibility: visible } .main-footer .primary-col .nav-panel .social-block { margin-top: 4px } .main-footer .primary-col .nav-panel .ui-icon svg { color: #fff } .main-footer .primary-col .nav-panel .lang-block { color: #fff; margin: 0 } .main-footer .secondary-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main-footer .contacts { padding: 3.125rem 0 0 } .main-footer .contacts strong a { font: 600 1.25rem/1 Montserrat, sans-serif } .main-footer .contacts a { font: 500 .875rem/1 Montserrat, sans-serif } .main-footer .footer_menu { width: auto } .main-footer .footer_menu ul { padding: 0 0 2.5rem } .main-footer .footer_menu ul>li { font: 600 1rem/1 Montserrat, sans-serif; padding: 0 0 1.25rem } .main-footer .footer_menu .sub_menu>li:last-child, .main-footer .footer_menu ul>li:last-child { padding: 0; margin-top: 10; } .main-footer .footer_menu ul>li>ol { padding: 1.25rem 0 0 } .main-footer .footer_menu .sub_menu>li { font: 500 .875rem/1 Montserrat, sans-serif; padding: 0 0 .875rem } .main-footer .footer-sub_panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 1.25rem -1.25rem 0; padding: 1.25rem } .main-footer .footer-sub_panel .nav-panel, header .menu ul>li, header .menu ul>li>a { display: none } .main-footer .footer-sub_panel .copyright, .main-footer .footer-sub_panel .requiz { font: 400 .75rem/1 Montserrat, sans-serif; padding: 0 0 1.25rem } .main-footer .social-block { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .main-footer .social-block .social-icon { margin: 0 0 0 1.125rem } .main-footer .social-block .social-icon::before { margin: 0 } .copyright { font-size: .6875rem !important } .main-footer .lang-block, .main-footer .lang-block__item, .main-footer .lang-block__item.current { background-color: transparent !important } .main-footer .lang-block { margin-top: 0 !important; position: absolute; left: -60px; top: 0 } .main-footer .lang-block__item { position: absolute } .main-footer .lang-block__item:hover { background: rgba(255, 255, 255, .3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px) } .main-footer .lang-block__item:hover a { color: #fff } .main-footer .lang-block:hover { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-box-shadow: 10px 8px 100px rgba(78, 78, 78, .24); box-shadow: 10px 8px 100px rgba(78, 78, 78, .24) } .main-footer .lang-block:hover, .main-footer .lang-block:hover .lang-block__item { background-color: #4e4e4e !important } header .menu ul>li .sub-menu li a { font: 500 1rem/1.25 Montserrat } .top-navigation__item { font: 600 .75rem/1.6666 Montserrat, sans-serif } .breadcrumbs { margin: 0 0 1.25rem } .breadcrumbs li { font: 600 .5625rem/1.6666 Montserrat, sans-serif } .second-level-navigation .nav-tab .swiper-wrapper li .nav-tab__item { padding: 0 1rem 1rem } .second-level-navigation .nav-tab .swiper-wrapper li .menu-icon { height: 2rem; width: 2rem } .second-level-navigation .nav-tab .swiper-wrapper li .menu-icon img { max-height: 100%; max-width: 100% } .second-level-navigation .nav-tab .swiper-wrapper li .menu-text { font-size: .4rem; max-width: 8rem } .production-announce { padding-top: 2.5rem; padding-bottom: 0; overflow: hidden } .lead-grid .production-announce .title, .production-announce .lead-grid .title, .production-announce h2 { margin-top: 0; width: auto; display: block } .production-announce__item { margin: .625rem; width: calc(50% - 1.25rem); padding-bottom: 0 } .production-announce__item.active .title { opacity: 1 } .production-announce__item .image { height: 7.5rem } .production-announce__item .image img { width: auto; min-width: 100%; min-height: 100%; max-width: 110%; max-height: 110% } .production-announce__item .title { width: 100%; position: relative; min-height: inherit; padding: .625rem 0 0; font: 500 .75rem/1.3 Montserrat; background: 0 0; color: #262626; opacity: .5; top: unset; left: unset; -webkit-transform: none; transform: none } .nav-tab, .video-announce { overflow: hidden } .nav-tab .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 3rem } .production-announce .nav-tab { margin: 0 0 1.875rem } .nav-tab li .nav-tab__item { font: 600 .5625rem/1.66 Montserrat; max-width: 9.375rem; padding: .625rem .9375rem } .nav-tab li.sm-text .nav-tab__item { font: 600 .5rem/1.2 Montserrat; max-width: 9.375rem; padding: .625rem .9375rem } .nav-tab__layout { margin: -.625rem -.625rem 0; padding-bottom: 3.5625rem } .nav-tab+.nav-tab.secondary { margin: 2rem 0 -1.875rem } .nav-tab.secondary li .nav-tab__item { padding: 4vw 8vw; font: 600 .5625rem/1.66 Montserrat; max-width: inherit } .social-block .social-icon { width: 1.5625rem; height: 1.5625rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5625rem; flex: 0 0 1.5625rem; margin-top: -5px } .mask-overlay::after, .mask-overlay::before { height: 1rem } .main-video .mask-overlay::before { opacity: 0 } .main-video .romb_icon.solid { width: 2.975rem; height: 2.975rem; margin-left: -.75rem } .main-video .romb_icon.solid .ui-icon { width: .625rem; height: .6875rem } .video-announce img, .video-announce video { width: 100%; min-height: 100% } } .video-announce video { min-width: 100%; width: auto; height: 110%; -o-object-fit: cover; object-fit: cover } .main-events { background-color: #f5f7f9; position: relative } @media (max-width:767px) { .main-events { padding-bottom: 0 !important } } .section .main-events { padding: 0; background-color: transparent; margin: 0 0 120px } .main-events .announce { padding: 0 0 60px } .main-events .announce-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px } @media (min-width:768px) and (max-width:2560px), (min-width:2161px) { .main-header .nav-panel .lang-block { -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, .7)); filter: drop-shadow(0 0 2px rgba(0, 0, 0, .7)) } .main-events .announce-list { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .product-gallery__mobile { display: none } } .main-events .announce-list__item { width: calc(33.33333333% - 40px); -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0 } .main-events .announce-list.swiper-wrapper { height: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: auto } .main-events .announce .image { display: block; position: relative; overflow: hidden; padding: 0 0 54.8% } .main-events .announce .description, .main-events .announce .image img, .main-special-project .announce .image img { position: absolute; -webkit-transition: .6s linear; transition: .6s linear; -webkit-transform: scale(1); transform: scale(1) } .main-events .announce .image img, .main-special-project .announce .image img { top: 0; min-height: 100% } .main-events .announce .description { min-height: 86px; z-index: 1; padding: 1.5rem 1.5rem 0; background-color: #f5f7f9; color: #262626; bottom: 0; width: 85% } @media (min-width:2161px) { .main-events { padding: 8rem 0 5rem } .main-events .announce-list~.footer-section { margin-top: 4rem } .main-events .announce .description { font: 500 1rem/1.2 Montserrat, sans-serif; -webkit-transform-origin: right bottom; transform-origin: right bottom } } @media (min-width:1921px) and (max-width:2560px) { .video-announce { max-height: 64.3rem } .main-events { padding: 8rem 0 5rem } .main-events .announce-list~.footer-section { margin-top: 4rem } .main-events .announce .description { font: 500 .8rem/1.2 Montserrat, sans-serif; -webkit-transform-origin: right bottom; transform-origin: right bottom } } .main-events .announce:hover .description, .main-events .announce:hover .image img, .main-special-project .announce:hover .image img { -webkit-transform: scale(1.05); transform: scale(1.05) } .main-events .small-more { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .main-special-project { background-color: #f5f7f9; padding: 0 0 130px } @media (min-width:2161px) { .main-special-project { padding: 0 0 6.5rem } .main-special-project .announce .description { font: 500 1rem/1.2 Montserrat, sans-serif } } @media (min-width:1921px) and (max-width:2560px) { .main-special-project { padding: 0 0 6.5rem } } .main-special-project .announce { padding: 0 0 30px } .main-special-project .announce-list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr) } .main-special-project .announce .image { display: block; position: relative; overflow: hidden; padding: 0 0 35.6% } .main-special-project .announce .description { position: absolute; z-index: 1; padding: 1.5rem 1.5rem 0; background-color: #f5f7f9; color: #262626; bottom: 0; width: 80%; -webkit-transition: .6s linear; transition: .6s linear } .main-special-project .announce .description.pos-a { left: 50%; -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-transform-origin: bottom; transform-origin: bottom } .main-special-project .announce:hover .description.pos-a { -webkit-transform: scale(1.05) translateX(-50%); transform: scale(1.05) translateX(-50%) } @media (min-width:2161px) { .main-partners { padding: 8rem 0 5rem } .main-partners .swiper-wrapper { height: 15.15rem } } @media (min-width:1921px) and (max-width:2560px) { .main-special-project .announce .description { font: 500 .8rem/1.2 Montserrat, sans-serif } .main-partners { padding: 8rem 0 5rem } .main-partners .swiper-wrapper { height: 15.15rem } } .main-partners .swiper-wrapper { border-top: 1px solid rgba(0, 0, 0, .07) } .main-partners .swiper-slide { text-align: center; font-size: 18px; background: #fff; border: 1px solid rgba(0, 0, 0, .07); margin: -1px -1px 0 0; 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 } .main-partners .swiper-slide img { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .6; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1) } .main-partners .swiper-slide:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; -webkit-transform: translateY(-5px) scale(1.05); transform: translateY(-5px) scale(1.05) } .breeding-block .breeding-images { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } .company-block--mission .company-block__slogan, .company-block__stat { display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal } .breeding-block .breeding-images__image-1 { position: absolute; left: 0; z-index: 3; width: 35.6% } @media (min-width:2161px) { .main-partners .swiper-slide { height: 7.5rem; width: calc(100%/6) } .main-partners .swiper-slide img { max-height: 56px; max-width: 108px } .breeding-block { margin: 0 0 9.5rem } .breeding-block .breeding-images { width: 31rem; margin-right: 7.5rem } .breeding-block .breeding-images__image-1 { top: 9rem } } @media (min-width:1921px) and (max-width:2560px) { .main-partners .swiper-slide { height: 7.5rem; width: calc(100%/6) } .main-partners .swiper-slide img { max-height: 56px; max-width: 108px } .breeding-block { margin: 0 0 9.5rem } .breeding-block .breeding-images { width: 31rem; margin-right: 7.5rem } .breeding-block .breeding-images__image-1 { top: 9rem } } .breeding-block .breeding-images__image-2 { position: absolute; border-color: #fff; border-style: solid; border-left: 0 !important; border-top: 0 !important; z-index: 1; width: 51.8%; top: 0 } .breeding-block .breeding-images__image-2::before, .company-block--ksk::before { content: ""; position: absolute; left: 0; top: 0; background: #fff; z-index: 2 } .breeding-block .breeding-images__image-3 { position: relative; width: 50%; margin: 0 0 0 auto } .breeding-block .breeding-images__image-3::after { content: ""; position: absolute; right: 0; bottom: 0; background: #fff; z-index: 1 } .breeding-block .breeding-images img, .company-block__photo img { display: block; width: 100%; height: auto } .breeding-block .breading-navigation { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; counter-reset: listNumber; width: auto } .breeding-block .breading-navigation li a { color: #00113b; text-decoration: none } .breading-navigation { margin: 0; padding: 0; list-style: none } @media (min-width:2161px) { .breeding-block .breeding-images__image-2 { left: 17.5%; border-width: 1.5rem } .breeding-block .breeding-images__image-2::before { width: 30%; height: 1.5rem } .breeding-block .breeding-images__image-3 { margin-top: 5rem } .breeding-block .breeding-images__image-3::after { width: 42%; height: 1.5rem } .breeding-block .breading-navigation { margin: 0 0 0 4.5rem } .breeding-block .breading-navigation li { margin: 0 0 1.5rem } .breeding-block .breading-navigation li a { font: 500 1.4rem/1.1429 Montserrat, sans-serif } .small-more { font: 600 .6rem/1 Montserrat } .company-block { margin: 0 0 7rem } .company-block--ksk { padding: 6rem 0 } } @media (min-width:1921px) and (max-width:2560px) { .breeding-block .breeding-images__image-2 { left: 17.5%; border-width: 1.5rem } .breeding-block .breeding-images__image-2::before { width: 30%; height: 1.5rem } .breeding-block .breeding-images__image-3 { margin-top: 5rem } .breeding-block .breeding-images__image-3::after { width: 42%; height: 1.5rem } .breeding-block .breading-navigation { margin: 0 0 0 4.5rem } .breeding-block .breading-navigation li { margin: 0 0 1.5rem } .breeding-block .breading-navigation li a { font: 500 1.4rem/1.1429 Montserrat, sans-serif } .small-more { font: 600 .6rem/1 Montserrat } .company-block { margin: 0 0 7rem } .company-block--ksk { padding: 6rem 0 } } @media (min-width:1281px) and (max-width:1920px) { .main-events { padding: 8rem 0 5rem } .main-events .announce-list~.footer-section { margin-top: 4rem } .main-events .announce .description { font: 500 .8rem/1.2 Montserrat, sans-serif; -webkit-transform-origin: right bottom; transform-origin: right bottom } .main-special-project { padding: 0 0 4rem } .main-special-project .announce .description { font: 500 .8rem/1.2 Montserrat, sans-serif } .main-partners { padding: 6rem 0 5rem } .main-partners .swiper-wrapper { height: 15.15rem } .main-partners .swiper-slide { height: 7.5rem; width: calc(100%/6) } .main-partners .swiper-slide img { max-height: 56px; max-width: 108px } .breeding-block { margin: 0 0 9.5rem } .breeding-block .breeding-images { width: 31rem; margin-right: 7.5rem } .breeding-block .breeding-images__image-1 { top: 6rem } .breeding-block .breeding-images__image-2 { left: 17.5%; border-width: 1.5rem } .breeding-block .breeding-images__image-2::before { width: 30%; height: 1.5rem } .breeding-block .breeding-images__image-3 { margin-top: 5rem } .breeding-block .breeding-images__image-3::after { width: 42%; height: 1.5rem } .breeding-block .breading-navigation { margin: 0 0 0 4.5rem } .breeding-block .breading-navigation li { margin: 0 0 1.5rem } .breeding-block .breading-navigation li a { font: 500 1.4rem/1.1429 Montserrat, sans-serif } .small-more { font: 600 .6rem/1 Montserrat } .company-block { margin: 0 0 7rem } .company-block--ksk { padding: 6rem 0 } } @media (min-width:1024px) and (max-width:1280px) { .video-announce { max-height: 100% } .main-events { padding: 4rem 0 } .main-events .announce-list~.footer-section { margin-top: 4rem } .main-events .announce .description { font: 500 .8rem/1.2 Montserrat, sans-serif; -webkit-transform-origin: bottom; transform-origin: bottom } .main-special-project { padding: 0 0 3.7rem } .main-special-project .announce .description { font: 500 .8rem/1.2 Montserrat, sans-serif } .main-partners { padding: 3rem 0 } .main-partners .swiper-wrapper { height: 13.15rem } .main-partners .swiper-slide { height: 6.5rem; width: calc(100%/5) } .main-partners .swiper-slide img { max-height: 56px; max-width: 108px } .breeding-block, .company-block { margin: 0 0 9.5rem } .breeding-block .breeding-images { width: 31rem; margin-right: 3.5rem } .breeding-block .breeding-images__image-1 { top: 6rem } .breeding-block .breeding-images__image-2 { left: 17.5%; border-width: 1.5rem } .breeding-block .breeding-images__image-2::before { width: 30%; height: 1.5rem } .breeding-block .breeding-images__image-3 { margin-top: 5rem } .breeding-block .breeding-images__image-3::after { width: 42%; height: 1.5rem } .breeding-block .breading-navigation { margin: 0 0 0 2rem } .breeding-block .breading-navigation li { margin: 0 0 1.5rem } .breeding-block .breading-navigation li a { font: 500 1.4rem/1.1429 Montserrat, sans-serif } .small-more { font: 600 .6rem/1 Montserrat } .company-block--ksk { padding: 6rem 0 } } @media (min-width:768px) and (max-width:1023px) { .video-announce { max-height: 100% } .main-events { padding: 4rem 0 } .main-events .announce-list__item { width: calc(50% - 40px) } .breeding-block .breeding-images__image-3, .main-events .announce-list~.footer-section { margin-top: 4rem } .main-events .announce .description { font: 500 .8rem/1.2 Montserrat, sans-serif; -webkit-transform-origin: bottom; transform-origin: bottom } .main-special-project { padding: 0 0 4rem } .main-special-project .announce-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr } .main-special-project .announce .description { font: 500 .8rem/1.2 Montserrat, sans-serif } .main-partners { padding: 4rem 0; overflow-x: hidden } .main-partners .swiper-wrapper { height: 12.15rem } .main-partners .swiper-slide { height: 6rem; width: calc(100%/5) } .main-partners .swiper-slide img { max-height: 56px; max-width: 108px } .breeding-block { margin: 0 0 9.5rem } .breeding-block .breeding-images { width: 60%; margin-right: 2rem } .breeding-block .breeding-images__image-1 { top: 4.5rem } .breeding-block .breeding-images__image-2 { left: 17.5%; border-width: 1rem } .breeding-block .breeding-images__image-2::before { width: 30%; height: 1rem } .breeding-block .breeding-images__image-3::after { width: 42%; height: 1rem } .breeding-block .breading-navigation { margin: 0 0 0 2rem } .breeding-block .breading-navigation li { margin: 0 0 1.5rem } .breeding-block .breading-navigation li a { font: 500 1.3rem/1.1429 Montserrat, sans-serif } .small-more { font: 600 .6rem/1 Montserrat } .company-block { margin: 0 0 4rem } } @media (max-width:767px) { .main-events { padding: 2.5rem 0 1.875rem } .main-events .swiper-container-initialized .announce-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .main-events .announce-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 } .main-events .announce-list .announce { margin-left: 0; margin-right: 0 } .main-events .announce-list__item { width: auto } .main-events .announce-list~.footer-section { margin-top: 2.5rem } .main-events .announce .description { font: 500 .75rem/1.2 Montserrat, sans-serif; -webkit-transform-origin: bottom; transform-origin: bottom } .main-special-project { padding: 0 0 3.5rem } .main-special-project .announce-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main-special-project .announce .image { padding: 0 0 40% } .main-special-project .announce .description { font: 500 .75rem/1.2 Montserrat, sans-serif } .main-partners { padding: 2.5rem 0 } .main-partners .swiper-wrapper { height: 9.4375rem } .main-partners .swiper-slide { height: 4.625rem; width: auto; min-width: 6.25rem } .main-partners .swiper-slide img { max-height: 43px; max-width: 73px } .breeding-block { margin: 0; padding: 0 0 8vw } .breeding-block .narrow-width { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .breeding-block .breeding-images { width: 40%; margin: 0 0 0 auto } .breeding-block .breeding-images__image-1 { top: 1.875rem } .breeding-block .breeding-images__image-2 { left: 17.5%; border-width: .625rem } .breeding-block .breeding-images__image-2::before { width: 30%; height: .625rem } .breeding-block .breeding-images__image-3 { margin-top: 1.875rem } .breeding-block .breeding-images__image-3::after { width: 42%; height: .625rem } .breeding-block .breading-navigation { margin: 0 auto 0 0; max-width: 60% } .breeding-block .breading-navigation li { margin: 0 0 1.875rem } .breeding-block .breading-navigation li a { font: 500 .875rem/1.1429 Montserrat, sans-serif } .small-more { font: 600 .625rem/1 Montserrat } .company-block { margin: 0 0 2.5rem } } .company-block--ksk { position: relative; margin: 0; background: #f5f7f9 } .company-block--ksk::before { height: 50px; z-index: 1 } @media (min-width:2161px) { .company-block--ksk::before { width: 31.5rem } } @media (min-width:1921px) and (max-width:2560px) { .company-block--ksk::before { width: 31.5rem } } @media (min-width:1281px) and (max-width:1920px) { .company-block--ksk::before { width: 31.5rem } } @media (min-width:1024px) and (max-width:1280px) { .company-block--ksk::before { width: 31.5rem } } @media (min-width:768px) and (max-width:1023px) { .company-block--ksk { padding: 2rem 0 } .company-block--ksk::before { width: 31.5rem } } @media (max-width:767px) { .company-block--ksk { padding: 8vw 0 } .company-block--ksk::before { width: auto } } .company-block--treasure { margin-bottom: 0 !important } @media (min-width:2161px) { .company-block--treasure { padding: 6.5rem 0 } } @media (min-width:1921px) and (max-width:2560px) { .company-block--treasure { padding: 6.5rem 0 } } @media (min-width:1281px) and (max-width:1920px) { .company-block--treasure { padding: 6.5rem 0 } } @media (min-width:1024px) and (max-width:1280px) { .company-block--treasure { padding: 6.5rem 0 } } @media (min-width:768px) and (max-width:1023px) { .company-block--treasure { padding: 3rem 0 } } @media (max-width:767px) { .company-block--treasure { padding: 8vw 0 } } .company-block--treasure .swiper-slide { margin-left: 1px } .company-block--mission .company-block__slogan { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: flex; -ms-flex-direction: column; flex-direction: column } .company-block__images, .company-block__photo, .contacts-block__map, .contacts-map, .detail-text ul li, .formula-widget, .lead-grid .description ul li, .product-detail .product-header .product-headline .product-description ul li, .teaser-block__wrapper, .teaser-block__wrapper.dark-overlay .image { position: relative } .company-block__photo::after { content: ""; position: absolute; right: 0; bottom: 0; height: 2.5rem; background: #fff; z-index: 1 } .company-block__stat { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; width: 25% } .company-block__stat .count { display: block; color: #52bbb5 } @media (min-width:2161px) { .company-block--middle { padding: 6rem 0 } .company-block__photo { width: 25.5rem } .company-block__photo::after { width: 10rem } .company-block__stat .count { margin: 0 0 .75rem; font: 600 3.2rem/1.08 Montserrat, sans-serif } .company-block__stat .text { font: 500 1rem/1.4 Montserrat, sans-serif } } @media (min-width:1921px) and (max-width:2560px) { .company-block--middle { padding: 6rem 0 } .company-block__photo { width: 25.5rem } .company-block__photo::after { width: 10rem } .company-block__stat .count { margin: 0 0 .75rem; font: 600 2.8rem/1.08 Montserrat, sans-serif } .company-block__stat .text { font: 500 1rem/1.4 Montserrat, sans-serif } } .company-block__images::after { content: ""; position: absolute; left: 0; top: 0; background: #fff; z-index: 1 } .company-block__images img { height: auto; width: 100% } .company-block__images .company-block__image-2 { position: absolute; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .custom-slogan { display: block !important } .custom-slogan b, .custom-slogan strong { color: #52bbb5; letter-spacing: -.04em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .company-block__slogan strong, .digits-block__item .count, .division-stats__item .count { display: block; color: #52bbb5; letter-spacing: -.04em } .company-block__logo img { display: block; width: 100%; height: auto } .company-block__info, .lead.mask-2::after, .narrow-width__content, .page-lead::after { width: 60% } .company-block__info .lead-grid .title, .company-block__info .lead__slogan, .company-block__info .title, .company-block__info h1, .company-block__info h2, .company-block__info h3, .contacts-block__info .title, .contacts__title, .division-description .title, .lead-grid .company-block__info .title, .lead-grid .narrow-width__content .title, .narrow-width__content .lead-grid .title, .narrow-width__content .lead__slogan, .narrow-width__content .title, .narrow-width__content h1, .narrow-width__content h2, .narrow-width__content h3 { text-align: left } .company-block__info p, .detail-text, .digits-block__item .text, .division-stats__item .text, .lead-grid .description, .narrow-width__content p { color: #4e4953 } .company-block__info p:last-of-type, .division-description__text p:last-of-type, .narrow-width__content p:last-of-type { margin-bottom: 0 } .company-block__info--full ul, .narrow-width__content--full ul { list-style-type: none; padding: 0; margin: 0 } .company-block__info--full ul li, .narrow-width__content--full ul li { position: relative; float: left; width: 50%; padding: 0 1rem; margin-bottom: 1rem } @media (min-width:2161px) { .company-block__images { margin-left: 12.25rem } .company-block__images::after { width: 7.25rem; height: 2rem } .company-block__images .company-block__image-2 { width: 14.5rem; bottom: -3rem } .company-block__slogan { font: 600 2rem/1.1 Montserrat, sans-serif } .company-block__logo { width: 27.5rem } .company-block--mission .company-block__info, .company-block--mission .narrow-width__content { width: 25.5rem } .company-block__info .title, .narrow-width__content .title { margin: 0 0 3rem; font: 600 2.2rem/1.1 Montserrat, sans-serif } .company-block__info p, .narrow-width__content p { margin: 0 0 1.5rem } .company-block__info--full ul li, .narrow-width__content--full ul li { font: 500 1rem/1.4 Montserrat, sans-serif } .teaser-block { margin: 0 0 6rem } } @media (min-width:1921px) and (max-width:2560px) { .company-block__images { margin-left: 12.25rem } .company-block__images::after { width: 7.25rem; height: 2rem } .company-block__images .company-block__image-2 { width: 14.5rem; bottom: -3rem } .company-block__slogan { font: 600 2rem/1.1 Montserrat, sans-serif } .company-block__logo { width: 27.5rem } .company-block--mission .company-block__info, .company-block--mission .narrow-width__content { width: 25.5rem } .company-block__info .title, .narrow-width__content .title { margin: 0 0 3rem; font: 600 2.2rem/1.1 Montserrat, sans-serif } .company-block__info p, .narrow-width__content p { margin: 0 0 1.5rem } .company-block__info--full ul li, .narrow-width__content--full ul li { font: 500 .9rem/1.4 Montserrat, sans-serif } .teaser-block { margin: 0 0 6rem } } .company-block__info--full ul li::before, .evolution-block__item .text.active .full-text ul li::before, .narrow-width__content--full ul li::before { content: ''; position: absolute; top: 5px; left: 0; width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; background-color: #52bbb5; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .company-block__info--full p, .narrow-width__content--full p, .table-props-overflow table, .treasure-top__slider .swiper-slide { width: auto } .company-block__info i, .geo-select .geo-select-item .geo-select__text em, .narrow-width__content i { font-style: normal } .teaser-block__wrapper .image { position: absolute; background: center top/cover no-repeat; left: 0; top: 0; height: 100%; width: 100% } .teaser-block__wrapper::after, .teaser-block__wrapper::before { content: ""; position: absolute; background: #fff; z-index: 3 } .teaser-block__wrapper::before { right: 0; top: -1px } .teaser-block__wrapper::after { left: 0; bottom: -1px } .contacts-map__item, .division-companies, .gray-bg .lead::after, .gray-bg .lead::before, .gray-bg .teaser-block__wrapper::after, .gray-bg .teaser-block__wrapper::before, .small-special-title span .lead::after, .small-special-title span .lead::before, .small-special-title span .teaser-block__wrapper::after, .small-special-title span .teaser-block__wrapper::before { background: #f5f7f9 } .dark-bg .teaser-block__wrapper::after, .dark-bg .teaser-block__wrapper::before { background: #505050 } .teaser-block__wrapper.dark-overlay .image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; background-color: rgba(45, 61, 99, .1); mix-blend-mode: normal } .dark-bg .teaser-block__wrapper.dark-overlay .image::before { background-color: rgba(38, 38, 38, .4) } .management__item .image::before, .teaser-block__overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #2d3d63 } .teaser-block__overlay { opacity: .5; z-index: 2 } .teaser-block__info { position: absolute; letter-spacing: -.04em; color: #fff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3 } .contacts-block__item .data a:hover, .division-description .title b, .division-description .title strong, .divisions-list__item .name a:hover, .evolution-block__item .title a:hover, .teaser-block__info b, .teaser-block__info strong { color: #52bbb5 } .contacts-block__item .data a, .divisions-list__item .name a, .evolution-block__item .title a { color: inherit; text-decoration: none } .lead-grid .teaser-block__info .title, .teaser-block__info .lead-grid .title, .teaser-block__info h2 { margin: 0; color: #fff; text-align: left } .teaser-block__info .slogan { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #52bbb5; letter-spacing: .07em } .contacts-block__info-list, .division-companies__wrapper, .divisions-list__wrapper, .management__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } .divisions-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 10px 20px; padding: 10px 10px 10px 30px; width: calc(50% - 20px); background-color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 3px solid transparent; -webkit-transition: border .2s linear; transition: border .2s linear } .divisions-list__item:hover { border: 3px solid #52bbb5 } .divisions-list__item a { color: #262626 } .divisions-list__item .name { margin: 20px 15px 20px 0; color: #262626; height: auto } @media (min-width:2161px) { .teaser-block__wrapper { height: 23.5rem } .teaser-block__wrapper::after, .teaser-block__wrapper::before { height: 2.5rem } .teaser-block__wrapper::before { width: 11rem } .teaser-block__wrapper::after { width: 31rem } .teaser-block__info { width: 20rem; left: 5.25rem } .lead-grid .teaser-block__info .title, .teaser-block__info .lead-grid .title, .teaser-block__info h2 { margin: 0 0 1rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .teaser-block__info .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } .divisions-list, .section-list { margin: 0 0 4rem } .divisions-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.2rem; flex: 0 0 9.2rem } .divisions-list__item .makers { font: 500 .6rem/1.3 Montserrat, sans-serif } } @media (min-width:1921px) and (max-width:2560px) { .teaser-block__wrapper { height: 23.5rem } .teaser-block__wrapper::after, .teaser-block__wrapper::before { height: 2.5rem } .teaser-block__wrapper::before { width: 11rem } .teaser-block__wrapper::after { width: 31rem } .teaser-block__info { width: 20rem; left: 5.25rem } .lead-grid .teaser-block__info .title, .teaser-block__info .lead-grid .title, .teaser-block__info h2 { margin: 0 0 1rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .teaser-block__info .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } .divisions-list, .section-list { margin: 0 0 4rem } .divisions-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.2rem; flex: 0 0 9.2rem } .divisions-list__item .makers { font: 500 .6rem/1.3 Montserrat, sans-serif } } .divisions-list__item .makers { margin: 20px auto 20px 0; color: #8e8f90; padding: 0 5px 0 0 } .divisions-list__item .makers span { white-space: pre-wrap } .divisions-list__item .image { width: 100px; height: 100px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin: 0 0 0 20px; 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; overflow: hidden } .divisions-list__item .image a { display: block; outline: 0 } .divisions-list__item .image img { width: auto; height: 100% } .management { position: relative; border-top: 1px solid rgba(38, 38, 38, .2) } .management__item { margin: 0 0 40px; width: calc(50% - 20px) } .management__item .info { margin: 0 auto; text-align: center } .management__item .name { display: block; margin: 0 0 15px; color: #262626 } .division-companies__header .count, .division-companies__item .city, .management__item .job { color: #8e8f90 } .management__item .job { display: block } .management__item .image { margin: 0; position: relative } .management__item .image::before { content: ""; opacity: .2 } .management__item .image::after { content: ""; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 40px; background: #fff } .contacts-block__map .static__image img, .management__item .image img { display: block; width: 100%; height: auto } .division-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .digits-block__item .count .image img, .division-stats__item .count .image img { display: block; width: auto } .division-description__text p { color: #4e4953; font: 500 1rem/1.4 Montserrat, sans-serif } .division-competences__list, .two-columns-block__list { display: block; margin: 0; padding: 0; list-style: none; -webkit-columns: 2; -moz-columns: 2; columns: 2 } .division-competences__list li, .two-columns-block__list li { position: relative; color: #4e4953; width: 90%; display: inline-block; font: 500 .8rem/1.25 Montserrat, sans-serif } .division-competences__list li::before { top: 5px; left: -20px } .division-competences__list li::before, .two-columns-block__list li::before { content: ''; position: absolute; width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; background-color: #52bbb5; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .division-companies__header, .division-companies__item { display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: justify } @media (min-width:2161px) { .division-description__text, .division-info, .management { margin: 0 0 4rem } .management__title { font: 600 2.4rem/1.0833 Montserrat, sans-serif; margin: 0 0 2.5rem } .management__item .info { width: 17rem } .management__item .name { font: 500 1.4rem/1.14 Montserrat, sans-serif } .management__item .job { font: 500 .7rem/1.4286 Montserrat, sans-serif } .management__item .image::after { width: 24rem } .division-description, .division-stats { width: 40% } .digits-block__item, .division-stats__item { margin-bottom: 3.3rem; width: 11.5rem } .digits-block__item .count, .division-stats__item .count { margin: 0 0 .75rem; font: 600 2.4rem/1.08 Montserrat, sans-serif } .digits-block__item .count .image, .division-stats__item .count .image { height: 2.6rem } .digits-block__item .count .image img, .division-stats__item .count .image img { height: 1.7rem } .digits-block__item .text, .division-stats__item .text { font: 500 1rem/1.4 Montserrat, sans-serif } .division-description .title { margin: 0 0 3rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-description__text p { margin: 0 0 1.5rem } .division-competences__list li, .two-columns-block__list li { margin: 0 0 2.5rem } .division-companies { padding: 6rem 0 4rem } } @media (min-width:1921px) and (max-width:2560px) { .division-description__text, .division-info, .management { margin: 0 0 4rem } .management__title { font: 600 2.4rem/1.0833 Montserrat, sans-serif; margin: 0 0 2.5rem } .management__item .info { width: 17rem } .management__item .name { font: 500 1.4rem/1.14 Montserrat, sans-serif } .management__item .job { font: 500 .7rem/1.4286 Montserrat, sans-serif } .management__item .image::after { width: 24rem } .division-description, .division-stats { width: 40% } .digits-block__item, .division-stats__item { margin-bottom: 3.3rem; width: 11.5rem } .digits-block__item .count, .division-stats__item .count { margin: 0 0 .75rem; font: 600 2.4rem/1.08 Montserrat, sans-serif } .digits-block__item .count .image, .division-stats__item .count .image { height: 2.6rem } .digits-block__item .count .image img, .division-stats__item .count .image img { height: 1.7rem } .digits-block__item .text, .division-stats__item .text { font: 500 1rem/1.4 Montserrat, sans-serif } .division-description .title { margin: 0 0 3rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-description__text p { margin: 0 0 1.5rem } .division-competences__list li, .two-columns-block__list li { margin: 0 0 2.5rem } .division-companies { padding: 6rem 0 4rem } } @media (min-width:1281px) and (max-width:1920px) { .company-block--middle { padding: 6rem 0 } .company-block--mission .company-block__info, .company-block--mission .narrow-width__content, .company-block__photo { width: 25.5rem } .company-block__photo::after { width: 10rem } .company-block__stat .count, .digits-block__item .count, .division-stats__item .count { margin: 0 0 .75rem; font: 600 2.4rem/1.08 Montserrat, sans-serif } .company-block__stat .text, .digits-block__item .text, .division-stats__item .text { font: 500 1rem/1.4 Montserrat, sans-serif } .company-block__images { margin-left: 12.25rem } .company-block__images::after { width: 7.25rem; height: 2rem } .company-block__images .company-block__image-2 { width: 14.5rem; bottom: -3rem } .company-block__slogan { font: 600 2rem/1.1 Montserrat, sans-serif } .company-block__logo { width: 27.5rem } .company-block__info .title, .narrow-width__content .title { margin: 0 0 3rem; font: 600 2.2rem/1.1 Montserrat, sans-serif } .company-block__info p, .division-competences__list li, .division-description__text p, .narrow-width__content p, .two-columns-block__list li { margin: 0 0 1.5rem } .company-block__info--full ul li, .narrow-width__content--full ul li { font: 500 .8rem/1.4 Montserrat, sans-serif } .teaser-block { margin: 0 0 6rem } .teaser-block__wrapper { height: 23.5rem } .teaser-block__wrapper::after, .teaser-block__wrapper::before { height: 2.5rem } .teaser-block__wrapper::before { width: 11rem } .teaser-block__wrapper::after { width: 31rem } .teaser-block__info { width: 20rem; left: 5.25rem } .lead-grid .teaser-block__info .title, .teaser-block__info .lead-grid .title, .teaser-block__info h2 { margin: 0 0 1rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .teaser-block__info .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } .division-description__text, .division-info, .divisions-list, .management, .section-list { margin: 0 0 4rem } .divisions-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.2rem; flex: 0 0 9.2rem } .divisions-list__item .makers { font: 500 .6rem/1.3 Montserrat, sans-serif } .management__title { font: 600 2.4rem/1.0833 Montserrat, sans-serif; margin: 0 0 2.5rem } .management__item .info { width: 17rem } .management__item .name { font: 500 1.4rem/1.14 Montserrat, sans-serif } .management__item .job { font: 500 .7rem/1.4286 Montserrat, sans-serif } .management__item .image::after { width: 24rem } .division-description, .division-stats { width: 40% } .digits-block__item, .division-stats__item { margin-bottom: 3.3rem; width: 11.5rem } .digits-block__item .count .image, .division-stats__item .count .image { height: 2.6rem } .digits-block__item .count .image img, .division-stats__item .count .image img { height: 1.7rem } .division-description .title { margin: 0 0 3rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-companies { padding: 6rem 0 4rem } } @media (min-width:1024px) and (max-width:1280px) { .company-block--middle { padding: 6rem 0 } .company-block--mission .company-block__info, .company-block--mission .narrow-width__content, .company-block__photo { width: 25.5rem } .company-block__photo::after { width: 10rem } .company-block__stat .count, .digits-block__item .count, .division-stats__item .count { margin: 0 0 .75rem; font: 600 2.4rem/1.08 Montserrat, sans-serif } .company-block__stat .text, .digits-block__item .text, .division-stats__item .text { font: 500 1rem/1.4 Montserrat, sans-serif } .company-block__images { margin-left: 5rem } .company-block__images::after { width: 7.25rem; height: 2rem } .company-block__images .company-block__image-2 { width: 14.5rem; bottom: -3rem } .company-block__slogan { font: 600 2rem/1.1 Montserrat, sans-serif } .company-block__logo { width: 27.5rem } .company-block__info .title, .narrow-width__content .title { margin: 0 0 3rem; font: 600 2.2rem/1.1 Montserrat, sans-serif } .company-block__info p, .division-competences__list li, .division-description__text p, .narrow-width__content p, .two-columns-block__list li { margin: 0 0 1.5rem } .company-block__info--full ul li, .narrow-width__content--full ul li { font: 500 .8rem/1.4 Montserrat, sans-serif } .teaser-block { margin: 0 0 6rem } .teaser-block__wrapper { height: 23.5rem } .teaser-block__wrapper::after, .teaser-block__wrapper::before { height: 2.5rem } .teaser-block__wrapper::before { width: 11rem } .teaser-block__wrapper::after { width: 31rem } .teaser-block__info { width: 20rem; left: 5.25rem } .lead-grid .teaser-block__info .title, .teaser-block__info .lead-grid .title, .teaser-block__info h2 { margin: 0 0 1rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .teaser-block__info .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } .division-description__text, .division-info, .divisions-list, .management, .section-list { margin: 0 0 4rem } .divisions-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.2rem; flex: 0 0 9.2rem } .divisions-list__item .makers { font: 500 .6rem/1.3 Montserrat, sans-serif } .management__title { font: 600 2.4rem/1.0833 Montserrat, sans-serif; margin: 0 0 2.5rem } .management__item .info { width: 17rem } .management__item .name { font: 500 1.4rem/1.14 Montserrat, sans-serif } .management__item .job { font: 500 .7rem/1.4286 Montserrat, sans-serif } .management__item .image::after { width: 24rem } .division-description, .division-stats { width: 45% } .digits-block__item, .division-stats__item { margin-bottom: 3.3rem; width: 11.5rem } .digits-block__item .count .image, .division-stats__item .count .image { height: 2.6rem } .digits-block__item .count .image img, .division-stats__item .count .image img { height: 1.7rem } .division-description .title { margin: 0 0 3rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-companies { padding: 6rem 0 4rem } } @media (min-width:768px) and (max-width:1023px) { .company-block--middle { padding: 2rem 0 } .company-block--mission .company-block__info, .company-block--mission .narrow-width__content, .company-block__photo { width: 25.5rem } .company-block__photo::after { width: 10rem } .company-block__stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 40px auto } .company-block__stat .count { margin: 0; font: 600 1.2rem/1.08 Montserrat, sans-serif } .company-block__stat .text { font: 500 1.25rem/1.4 Montserrat, sans-serif; max-width: 50% } .company-block__images { margin-left: 12.25rem } .company-block__images::after { width: 7.25rem; height: 2rem } .company-block__images .company-block__image-2 { width: 14.5rem; bottom: -3rem } .company-block__slogan { font: 600 2rem/1.1 Montserrat, sans-serif } .company-block__logo { width: 27.5rem } .company-block__info, .division-stats, .narrow-width__content { width: 100% } .company-block__info .title, .narrow-width__content .title { margin: 0 0 2rem; font: 600 1.2rem/1.1 Montserrat, sans-serif } .company-block__info p, .narrow-width__content p { margin: 0 0 1.5rem; width: auto } .company-block__info--full ul li, .narrow-width__content--full ul li { font: 500 .7rem/1.4 Montserrat, sans-serif } .teaser-block { margin: 0 -1.5rem } .teaser-block__wrapper { height: 23.5rem } .teaser-block__wrapper::after, .teaser-block__wrapper::before { height: 2.5rem } .teaser-block__wrapper::before { width: 45% } .teaser-block__wrapper::after { width: 31rem; display: none } .teaser-block__info { width: 20rem; left: 5.25rem } .lead-grid .teaser-block__info .title, .teaser-block__info .lead-grid .title, .teaser-block__info h2 { margin: 0 0 1rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .teaser-block__info .slogan { font: 600 .6rem/1.6 Montserrat, sans-serif } .division-description__text, .division-info, .divisions-list, .management, .section-list { margin: 0 0 4rem } .divisions-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.2rem; flex: 0 0 9.2rem } .divisions-list__item .makers { font: 500 .6rem/1.3 Montserrat, sans-serif } .management__title { font: 600 2.4rem/1.0833 Montserrat, sans-serif; margin: 0 0 2.5rem } .management__item .info { width: 17rem } .management__item .name { font: 500 1.4rem/1.14 Montserrat, sans-serif } .management__item .job { font: 500 .7rem/1.4286 Montserrat, sans-serif } .management__item .image::after { width: 24rem } .division-info__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .digits-block__item, .division-stats__item { margin-bottom: 3.3rem; width: 50% } .digits-block__item .count, .division-stats__item .count { margin: 0 0 .75rem; font: 600 2.1rem/1.08 Montserrat, sans-serif } .digits-block__item .count .image, .division-stats__item .count .image { height: 2.6rem } .digits-block__item .count .image img, .division-stats__item .count .image img { height: 1.7rem } .digits-block__item .text, .division-stats__item .text { font: 500 1rem/1.4 Montserrat, sans-serif } .division-description { width: auto } .division-description .title { margin: 0 0 3rem; font: 600 1.3rem/1.1429 Montserrat, sans-serif } .division-description__text p { margin: 0 0 1.5rem } .division-competences__list li, .two-columns-block__list li { padding-left: 15px; font: 500 1rem/1.25 Montserrat, sans-serif; margin: 0 0 1rem } .division-competences__list li::before, .two-columns-block__list li::before { left: 0 } } @media (max-width:767px) { .company-block--middle { padding: 8vw 0 } .company-block__photo { margin: 0 0 8vw } .company-block__stat { width: 40%; 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: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 8vw auto } .company-block__stat:first-of-type { width: 70%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto 0 0 } .company-block__stat .count { margin: 0; font: 600 1.25rem/1.08 Montserrat, sans-serif } .company-block__stat .text { font: 500 .875rem/1.4 Montserrat, sans-serif; max-width: 50% } .company-block__images.vertical { display: none } .company-block__slogan { font: 600 1.25rem/1.1 Montserrat, sans-serif; margin: 0 0 8vw } .company-block__logo { margin: 8vw 0 0 auto; width: 50% } .company-block__info, .narrow-width__content { width: 100%; font: 400 .875rem/1.1 Montserrat, sans-serif } .company-block__info .title, .narrow-width__content .title { margin: 0 0 1.875rem; font: 600 1.25rem/1.1 Montserrat, sans-serif } .company-block__info p, .narrow-width__content p { margin: 0 0 1.875rem; width: auto } .company-block__info--full ul li, .narrow-width__content--full ul li { font: 500 .75rem/1.4 Montserrat, sans-serif; float: none; width: 100%; padding: 0 0 0 .75rem } .teaser-block { margin: 8vw 0 0; height: 100vw } .production-announce .teaser-block .nav-tab, .teaser-block .container, .teaser-block .main-events, .teaser-block .production-announce .nav-tab, .teaser-block__wrapper { height: 100% } .teaser-block__wrapper::after, .teaser-block__wrapper::before { height: 1.875rem } .teaser-block__wrapper::before { width: 45% } .teaser-block__wrapper::after { width: 50%; display: none } .teaser-block__info { width: 70%; left: 8vw } .lead-grid .teaser-block__info .title, .teaser-block__info .lead-grid .title, .teaser-block__info h2 { margin: 0 0 1.25rem; font: 600 1.25rem/1.1429 Montserrat, sans-serif } .teaser-block__info .slogan { font: 600 .6875rem/1.6 Montserrat, sans-serif } .divisions-list, .section-list { margin: 0 } .division-info__wrapper, .divisions-list__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .divisions-list__item { width: 100%; padding: 20px; margin: 0 0 20px } .divisions-list__item:last-of-type { margin: 0 } .divisions-list__item .name { font: 500 .75rem/1.25 Montserrat, sans-serif; width: auto } .divisions-list__item .makers { font: 500 .5625rem/1.3 Montserrat, sans-serif } .management__item { width: 100% } .management__item .info { margin-top: 4vw } .management__item .name { font: 500 1.125rem/1.14 Montserrat, sans-serif; margin: 0 } .management__item .job { font: 500 .875rem/1.4286 Montserrat, sans-serif } .division-stats { width: auto; margin-bottom: 4vw } .digits-block__item, .division-stats__item { width: 45%; margin: 4vw 0 } .digits-block__item:nth-child(2n), .division-stats__item:nth-child(2n) { margin-left: auto } .digits-block__item .count, .division-stats__item .count { margin: 0 0 .3125rem; font: 600 1.5rem/1.08 Montserrat, sans-serif } .digits-block__item .count .image, .division-stats__item .count .image { height: 3.25rem } .digits-block__item .count .image img, .division-stats__item .count .image img { height: 2.125rem } .digits-block__item .text, .division-stats__item .text { font: 500 .75rem/1.4 Montserrat, sans-serif } .division-description { width: auto } .division-description .title { margin: 0 0 .625rem; font: 600 1.375rem/1.1429 Montserrat, sans-serif } .division-description__text { margin: 0 0 2.5rem } .division-description__text p { margin: 0 0 1.875rem } .division-competences__list, .two-columns-block__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-columns: 1; -moz-columns: 1; columns: 1 } .division-competences__list li, .two-columns-block__list li { width: auto !important; margin: 0 0 .9375rem 1.875rem } .division-competences__list li::before, .two-columns-block__list li::before { left: -25px } .two-columns-block__list { margin-left: 0 !important } } .two-columns-block__list li { padding-left: 20px; margin-left: 0 !important } .division-companies__header .lead-grid .title, .division-companies__header h2, .division-companies__item .name, .lead-grid .division-companies__header .title, .news-detail .main-events .announce-list, .news-detail .main-events .swiper-container-initialized .announce, .over-filter_item .filter-panel-grid__item:last-child, .over-filter_item .over-filter-grid__item:last-child, .snippet-files a:last-of-type { margin: 0 } .two-columns-block__list li::before { left: 0 !important; top: 3px !important } .division-companies__header { display: flex; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .division-companies__item { display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 40px; padding: 32px; width: calc(50% - 10px); background-color: #fff } .contacts-block__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .contacts-block__item .name, .contacts-block__item .note { display: block; color: #8e8f90; margin-bottom: 12px } .contacts-block__item .data { display: block; letter-spacing: -.02em } .contacts-block__item .note { margin-top: 5px } .announce-list .announce .image img, .articles-list, .contacts-block__map .static__image, .contacts-list .justify-content-between, .gallery-list__item .swiper-slide img, .lead-grid .image-cover img, .mosaic-layout .image01 img, .mosaic-layout .image02 img, .mosaic-layout .image03 img, .mosaic-layout .image04 img, .mosaic-layout .image05 img, .perspektive .image img, .product-gallery-thumbs .swiper-slide img, .swiper-container.swiper-container-initialized .swiper-wrapper { width: 100% } .partners-list { position: relative; width: 100% } [class*=swiper-button-] { display: block; width: 70px; height: 70px; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; background-color: #fff; -webkit-box-shadow: 10px 8px 100px rgba(0, 0, 0, .14); box-shadow: 10px 8px 100px rgba(0, 0, 0, .14); -webkit-transform: matrix(-.71, -.71, -.71, .71, 0, 0) scale(1); transform: matrix(-.71, -.71, -.71, .71, 0, 0) scale(1); position: absolute; margin-top: -37px; cursor: pointer; -webkit-transition: .2s linear; transition: .2s linear; outline: 0 } [class*=swiper-button-] svg { position: absolute; width: 5px; height: 9px; top: 50%; left: 50% } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover, [class*=swiper-button-]:hover { -webkit-box-shadow: 10px 8px 100px 3px rgba(0, 0, 0, .2); box-shadow: 10px 8px 100px 3px rgba(0, 0, 0, .2); -webkit-transform: matrix(-.71, -.71, -.71, .71, 0, 0) scale(1.1); transform: matrix(-.71, -.71, -.71, .71, 0, 0) scale(1.1) } .lg-actions .lg-next svg, .lg-actions .lg-next:hover svg, .lg-actions .lg-prev svg, .lg-actions .lg-prev:hover svg, [class*=swiper-button-] svg, [class*=swiper-button-]:hover svg { -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg) } .controls { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 100%; z-index: 3 } .controls .swiper-button-prev { left: -35px } .controls .swiper-button-next { right: -35px } .main-geo { overflow: hidden; position: relative } @media (min-width:2161px) { .division-companies__header { margin: 0 0 2rem } .division-companies__header .lead-grid .title, .division-companies__header h2, .lead-grid .division-companies__header .title { font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-companies__header .count { font: 500 .7rem/1.4286 Montserrat, sans-serif } .division-companies__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 15rem } .division-companies__item .city { font: 500 .7rem/1.4286 Montserrat, sans-serif; width: 9.5rem } .contacts-block { padding: 6rem 0 3rem } .contacts-block__info .title { margin: 0 0 3rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .contacts-block__info-list { width: 30rem } .contacts-block__item { margin: 0 0 3rem; width: 14.5rem } .contacts-block__item .name, .contacts-block__item .note { font: 500 .7rem/1.4286 Montserrat, sans-serif } .contacts-block__item .data { font: 500 1rem/1.2 Montserrat, sans-serif } .contacts-block__item .note+.data { margin-top: 1.5rem } .contacts-block__map { margin: 0 0 3rem; width: 31rem } .main-geo { padding: 8.2rem 0 .75rem } .lead-grid .main-geo .title, .main-geo .lead-grid .title, .main-geo h2 { width: 63rem } } @media (min-width:1921px) and (max-width:2560px) { .division-companies__header { margin: 0 0 2rem } .division-companies__header .lead-grid .title, .division-companies__header h2, .lead-grid .division-companies__header .title { font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-companies__header .count { font: 500 .7rem/1.4286 Montserrat, sans-serif } .division-companies__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 15rem } .division-companies__item .city { font: 500 .7rem/1.4286 Montserrat, sans-serif; width: 9.5rem } .contacts-block { padding: 6rem 0 3rem } .contacts-block__info .title { margin: 0 0 3rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .contacts-block__info-list { width: 30rem } .contacts-block__item { margin: 0 0 3rem; width: 14.5rem } .contacts-block__item .name, .contacts-block__item .note { font: 500 .7rem/1.4286 Montserrat, sans-serif } .contacts-block__item .data { font: 500 1rem/1.2 Montserrat, sans-serif } .contacts-block__item .note+.data { margin-top: 1.5rem } .contacts-block__map { margin: 0 0 3rem; width: 31rem } .main-geo { padding: 6rem 0 .75rem } } .main-geo__map { padding: 0 0 0 1.5rem; margin: 0 0 0 auto } @media (min-width:2161px) { .main-geo__map { width: 50%; height: 460px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } } @media (min-width:1921px) and (max-width:2560px) { .lead-grid .main-geo .title, .main-geo .lead-grid .title, .main-geo h2 { width: 52rem } .main-geo__map { width: 50%; height: 460px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } } @media (min-width:1281px) and (max-width:1920px) { .division-companies__header { margin: 0 0 2rem } .division-companies__header .lead-grid .title, .division-companies__header h2, .lead-grid .division-companies__header .title { font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-companies__header .count { font: 500 .7rem/1.4286 Montserrat, sans-serif } .division-companies__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 15rem } .division-companies__item .city { font: 500 .7rem/1.4286 Montserrat, sans-serif; width: 9.5rem } .contacts-block { padding: 6rem 0 3rem } .contacts-block__info .title { margin: 0 0 3rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .contacts-block__info-list { width: 30rem } .contacts-block__item { margin: 0 0 3rem; width: 14.5rem } .contacts-block__item .name, .contacts-block__item .note { font: 500 .7rem/1.4286 Montserrat, sans-serif } .contacts-block__item .data { font: 500 1rem/1.2 Montserrat, sans-serif } .contacts-block__item .note+.data { margin-top: 1.5rem } .contacts-block__map { margin: 0 0 3rem; width: 31rem } .main-geo { padding: 4rem 0 .75rem } .lead-grid .main-geo .title, .main-geo .lead-grid .title, .main-geo h2 { width: 52rem } .main-geo__map { width: 50%; height: 460px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } } #map, .geography-map, .main-geo .blend-mask, .main-geo__map svg { width: 100%; height: 100% } .main-geo__body { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; margin: 0 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (max-width:1920px) { .video-announce video { width: 100% } .main-geo__body { max-height: 460px; overflow: hidden } } @media (min-width:1024px) and (max-width:1280px) { .division-companies__header { margin: 0 0 2rem } .division-companies__header .lead-grid .title, .division-companies__header h2, .lead-grid .division-companies__header .title { font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-companies__header .count { font: 500 .7rem/1.4286 Montserrat, sans-serif } .division-companies__item .name { font: 500 .7rem/1.25 Montserrat, sans-serif; width: 15rem } .division-companies__item .city { font: 500 .7rem/1.4286 Montserrat, sans-serif; width: 9.5rem } .contacts-block { padding: 6rem 0 3rem } .contacts-block__info .title { margin: 0 0 3rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .contacts-block__info-list { width: 30rem } .contacts-block__item { margin: 0 0 3rem; width: 14.5rem } .contacts-block__item .name, .contacts-block__item .note { font: 500 .7rem/1.4286 Montserrat, sans-serif } .contacts-block__item .data { font: 500 1rem/1.2 Montserrat, sans-serif } .contacts-block__item .note+.data { margin-top: 1.5rem } .contacts-block__map { margin: 0 0 0 1.5rem; width: 45% } .contacts-block__map iframe, .main-geo__body { width: 100% } .main-geo { padding: 4rem 0 .75rem } .lead-grid .main-geo .title, .main-geo .lead-grid .title, .main-geo h2 { width: 39.1rem } .main-geo__map { width: 100%; height: 600px; margin-top: 50px } .main-geo__map svg { margin-right: -6rem } } @media (max-width:1023px) { .main-footer .desktop, .main-footer .primary-col .contacts, .top-menu { display: none } .main-footer { padding: 0 } .main-footer [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: unset; padding: 0 } .contacts-block__wrapper, .main-footer .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main-footer .mobile { display: -webkit-box; display: -ms-flexbox; display: flex } .main-footer .mobile.btn-wrapper { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .main-footer .mobile.btn-wrapper .btn { font-size: 10px } .main-footer .primary-col { border-bottom: 1px solid rgba(234, 237, 241, .2); margin-top: 10; width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .copyright { text-align: left } .second-level-navigation .nav-tab .swiper-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .company-block .row .company-block__photo { width: 100%; margin: 0 auto 4vw } .main-geo__body { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: inherit } .treasure-bottom__item.row { display: block } .treasure-bottom [class*=swiper-button-] { display: block; width: 3.5rem; height: 3.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.5rem; flex: 0 0 3.5rem } } .main-geo__grid { position: relative; width: 50%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); background: #fff } @media (min-width:768px) and (max-width:1023px) { .division-companies { padding: 2rem 0 1.5rem } .division-companies__header { margin: 0 0 2rem } .division-companies__header .lead-grid .title, .division-companies__header h2, .lead-grid .division-companies__header .title { font: 600 1.4rem/1.1429 Montserrat, sans-serif } .division-companies__header .count { font: 500 .7rem/1.4286 Montserrat, sans-serif } .division-companies__item { padding: .75rem; margin: 0 0 20px; min-height: inherit } .division-companies__item .name { font: 500 .55rem/1.25 Montserrat, sans-serif; width: 15rem } .division-companies__item .city { font: 500 .55rem/1.4286 Montserrat, sans-serif; width: 9.5rem } .contacts-block { padding: 3rem 0 2rem } .contacts-block__info .title { margin: 0 0 1.5rem; font: 600 1.4rem/1.1429 Montserrat, sans-serif } .contacts-block__info-list { width: 30rem } .contacts-block__item { margin: 0 0 3rem; width: 14.5rem } .contacts-block__item .name, .contacts-block__item .note { font: 500 .7rem/1.4286 Montserrat, sans-serif } .contacts-block__item .data { font: 500 1rem/1.2 Montserrat, sans-serif } .contacts-block__item .note+.data { margin-top: 1.5rem } .contacts-block__map { margin: 0 0 3rem; width: 100% } .contacts-block__map iframe { width: 100% } .partners-list .swiper-container { overflow: inherit } .main-geo { padding: 4rem 0 .75rem } .lead-grid .main-geo .title, .main-geo .lead-grid .title, .main-geo h2 { width: 28.2rem } .main-geo__map { width: 100%; height: 600px; padding: 0 } .main-geo__map svg { width: 65.45rem; height: 100%; margin-right: -3.55rem } .main-geo__body { margin-top: 40px } .main-geo__grid { width: 100vw } .main-geo__grid--item:first-child, .main-geo__grid--item:nth-child(2), .main-geo__grid--item:nth-child(3) { border-top: 0; border-bottom: 0 } .main-geo__grid--item:nth-child(4), .main-geo__grid--item:nth-child(5), .main-geo__grid--item:nth-child(6) { border-bottom: 0 } .main-geo__grid--item:first-child, .main-geo__grid--item:nth-child(3), .main-geo__grid--item:nth-child(4), .main-geo__grid--item:nth-child(6) { border-left: 0; border-right: 0 } } @media (max-width:767px) { .division-companies { padding: 1.875rem 0 1.25rem } .division-companies__header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 .625rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .division-companies__header .lead-grid .title, .division-companies__header h2, .lead-grid .division-companies__header .title { font: 600 1.75rem/1.1429 Montserrat, sans-serif } .division-companies__header .count { font: 500 .75rem/1.4286 Montserrat, sans-serif } .division-companies__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .division-companies__item { width: auto; padding: 4vw; margin: 0 0 4vw; min-height: inherit } .division-companies__item .name { font: 500 .5625rem/1.25 Montserrat, sans-serif; width: auto; max-width: 50% } .division-companies__item .city { font: 500 .5625rem/1.4286 Montserrat, sans-serif; width: auto; max-width: 50% } .contacts-block { padding: 1.875rem 0 0 } .contacts-block__info .title { margin: 0 0 .625rem; font: 600 1.75rem/1.1429 Montserrat, sans-serif } .contacts-block__info-list { width: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .contacts-block__item { margin: 0 0 1.25rem; width: auto } .contacts-block__item .name, .contacts-block__item .note { font: 500 .6875rem/1.4286 Montserrat, sans-serif; margin-bottom: 0 } .contacts-block__item .data { font: 500 .8125rem/1.2 Montserrat, sans-serif } .contacts-block__item .note+.data { margin-top: 1.875rem } .contacts-block__map { margin: 0 0 1.25rem; width: 100% } .contacts-block__map iframe { width: 100% } .partners-list { overflow-x: hidden; margin: 0 -4vw } .main-geo { padding: 1.875rem 0 0; text-align: left } .lead-grid .main-geo .title, .main-geo .lead-grid .title, .main-geo h2 { width: 17.375rem } .main-geo__map { width: 100%; height: 510px; margin-bottom: 0; -webkit-box-shadow: inset 0 -3px 14px rgba(0, 0, 0, .3); box-shadow: inset 0 -3px 14px rgba(0, 0, 0, .3); overflow: hidden; padding: 0 } .main-geo__grid { width: 100%; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: (1fr)[3]; grid-template-rows: repeat(3, 1fr); background-color: #fff; position: relative; z-index: 10; padding: 4vw 0; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, .3); box-shadow: 0 3px 14px rgba(0, 0, 0, .3) } } .main-geo__grid--item { position: relative; z-index: 3; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid rgba(0, 0, 0, .1); background-color: #fff } @media (min-width:2161px) { .main-geo__grid--item { font: 500 1.2rem/1.2 Montserrat, sans-serif; padding: 0 4.75rem 2rem } .main-geo__grid--item:nth-child(4), .main-geo__grid--item:nth-child(5), .main-geo__grid--item:nth-child(6) { padding: 2rem 4.75rem 0 } .main-geo__grid--item strong { font: 500 1.2rem/1.2 Montserrat, sans-serif; padding-bottom: .5rem; width: 140px } } @media (min-width:1921px) and (max-width:2560px) { .main-geo__grid--item { font: 500 1.2rem/1.2 Montserrat, sans-serif; padding: 0 4.75rem 2rem } .main-geo__grid--item:nth-child(4), .main-geo__grid--item:nth-child(5), .main-geo__grid--item:nth-child(6) { padding: 2rem 4.75rem 0 } .main-geo__grid--item strong { font: 500 1.2rem/1.2 Montserrat, sans-serif; padding-bottom: .5rem; width: 140px } } .main-geo__grid--item strong { color: #52bbb5; display: block; text-align: center; margin: 0 auto } .main-geo .blend-mask { top: 0; left: 0; position: absolute; z-index: 3; -webkit-box-shadow: none; box-shadow: none; background: rgba(28, 41, 72, .2); mix-blend-mode: normal; visibility: hidden } .evolution-block__title, .mass-media__title { text-align: center; letter-spacing: -.04em } .evolution-block__title strong { color: #52bbb5; font-weight: 600 } .evolution-block__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 40px; -webkit-transition: .1s linear; transition: .1s linear; width: auto; background-color: #fff } .evolution-block__item .title { margin: 0 1rem 0 0; color: #262626 } .btn-wrapper, .category-list-item__section, .evolution-block__item .image, .evolution-block__item .title .maker, .filter-blocks, .filter-panel, .footer-section, .header-search .search-btn, .link-return, .over-filter, .pagination-buttons ul, .popup-window .status-success.active, .product-detail .product-header, .search-form form { display: -webkit-box; display: -ms-flexbox; display: flex } .evolution-block__item .title .maker a { color: #52bbb5; text-decoration: none } .evolution-block__item .text { margin: 0 5px 0 0; color: #262626 } .evolution-block__item .text .evolution-block__link { text-decoration: none; color: #52bbb5; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width:2161px) { .evolution-block { padding: 6rem 0 } .evolution-block__title { font: 600 2rem/1.1 Montserrat, sans-serif; margin: 0 auto 2rem; width: 47.5rem } .evolution-block__item { padding: 2rem } .evolution-block__item .title { width: 23.35rem } .evolution-block__item .title .name { font: 600 1.4rem/1.25 Montserrat, sans-serif; margin: 0 0 1rem } .evolution-block__item .title .maker { font: 600 .6rem/1.6666 Montserrat, sans-serif; margin: .6rem 0 0 } .evolution-block__item .text { width: 50% } .evolution-block__item .text .full-text, .evolution-block__item .text p, .evolution-block__item .text.active .full-text { margin: 0 0 1rem } .evolution-block__item .text .evolution-block__link { font: 500 .8rem/1.5 Montserrat, sans-serif } } @media (min-width:1921px) and (max-width:2560px) { .evolution-block { padding: 6rem 0 } .evolution-block__title { font: 600 2rem/1.1 Montserrat, sans-serif; margin: 0 auto 2rem; width: 47.5rem } .evolution-block__item { padding: 2rem } .evolution-block__item .title { width: 23.35rem } .evolution-block__item .title .name { font: 600 1.4rem/1.25 Montserrat, sans-serif; margin: 0 0 1rem } .evolution-block__item .title .maker { font: 600 .6rem/1.6666 Montserrat, sans-serif; margin: .6rem 0 0 } .evolution-block__item .text { width: 50% } .evolution-block__item .text .full-text, .evolution-block__item .text p, .evolution-block__item .text.active .full-text { margin: 0 0 1rem } .evolution-block__item .text .evolution-block__link { font: 500 .8rem/1.5 Montserrat, sans-serif } } @media (min-width:1281px) and (max-width:1920px) { .main-geo__grid--item { font: 500 .7rem/1.2 Montserrat, sans-serif; padding: 0 2.25rem 1rem } .main-geo__grid--item:nth-child(4), .main-geo__grid--item:nth-child(5), .main-geo__grid--item:nth-child(6) { padding: 2.25rem 1rem 0 2.25rem } .main-geo__grid--item strong { font: 500 1.2rem/1.2 Montserrat, sans-serif; padding-bottom: .5rem; width: 140px } .evolution-block { padding: 6rem 0 } .evolution-block__title { font: 600 2rem/1.1 Montserrat, sans-serif; margin: 0 auto 2rem; width: 47.5rem } .evolution-block__item { padding: 2rem } .evolution-block__item .title { width: 23.35rem } .evolution-block__item .title .name { font: 600 1.4rem/1.25 Montserrat, sans-serif; margin: 0 0 1rem } .evolution-block__item .title .maker { font: 600 .6rem/1.6666 Montserrat, sans-serif; margin: .6rem 0 0 } .evolution-block__item .text { width: 50% } .evolution-block__item .text .full-text, .evolution-block__item .text p, .evolution-block__item .text.active .full-text { margin: 0 0 1rem } .evolution-block__item .text .evolution-block__link { font: 500 .8rem/1.5 Montserrat, sans-serif } } @media (min-width:1024px) and (max-width:1280px) { .main-geo__grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: (1fr)[3]; grid-template-rows: repeat(3, 1fr) } .main-geo__grid--item:first-child, .main-geo__grid--item:nth-child(2) { border-top: 0 } .main-geo__grid--item:nth-child(2) { border-right: 0 } .main-geo__grid--item:nth-child(3), .main-geo__grid--item:nth-child(4) { border-bottom: 0; border-top: 0 } .main-geo__grid--item:nth-child(odd) { border-left: 0 } .main-geo__grid--item:nth-child(2n) { border-right: 0; border-left: 0 } .main-geo__grid--item:nth-child(5), .main-geo__grid--item:nth-child(6) { border-bottom: 0 } .main-geo__grid--item { font: 500 .7rem/1.2 Montserrat, sans-serif; padding: 1rem 1.75rem } .main-geo__grid--item strong { font: 500 1.2rem/1.2 Montserrat, sans-serif; padding-bottom: .5rem; width: 140px } .evolution-block { padding: 6rem 0 } .evolution-block__title { font: 600 2rem/1.1 Montserrat, sans-serif; margin: 0 auto 2rem; width: 47.5rem } .evolution-block__item { padding: 2rem } .evolution-block__item .title { width: 23.35rem } .evolution-block__item .title .name { font: 600 1.4rem/1.25 Montserrat, sans-serif; margin: 0 0 1rem } .evolution-block__item .title .maker { font: 600 .6rem/1.6666 Montserrat, sans-serif; margin: .6rem 0 0 } .evolution-block__item .text { width: 50% } .evolution-block__item .text .full-text, .evolution-block__item .text p, .evolution-block__item .text.active .full-text { margin: 0 0 1rem } .evolution-block__item .text .evolution-block__link { font: 500 .8rem/1.5 Montserrat, sans-serif } } @media (min-width:768px) and (max-width:1023px) { .main-geo__grid--item { font: 500 .7rem/1.2 Montserrat, sans-serif; padding: 0 2.25rem .5rem } .main-geo__grid--item:nth-child(4), .main-geo__grid--item:nth-child(5), .main-geo__grid--item:nth-child(6) { padding: .5rem 2.25rem 0 } .main-geo__grid--item strong { font: 500 1.2rem/1.2 Montserrat, sans-serif; padding-bottom: .5rem; width: 140px } .evolution-block { padding: 6rem 0 } .evolution-block__title { font: 600 2rem/1.1 Montserrat, sans-serif; margin: 0 auto 2rem; width: 47.5rem } .evolution-block__item { padding: 2rem } .evolution-block__item .title { width: 23.35rem } .evolution-block__item .title .name { font: 600 1.4rem/1.25 Montserrat, sans-serif; margin: 0 0 1rem } .evolution-block__item .title .maker { font: 600 .6rem/1.6666 Montserrat, sans-serif; margin: .6rem 0 0 } .evolution-block__item .text { width: 50% } .evolution-block__item .text .full-text, .evolution-block__item .text p, .evolution-block__item .text.active .full-text { margin: 0 0 1rem } .evolution-block__item .text .evolution-block__link { font: 500 .8rem/1.5 Montserrat, sans-serif } } @media (max-width:767px) { .main-geo__grid--item { font: 500 .75rem/1.2 Montserrat, sans-serif; padding: 1.25rem !important; text-align: center } .main-geo__grid--item:first-child { border-left: 0; border-right: 0 } .main-geo__grid--item:nth-child(2) { border-right: 0 } .main-geo__grid--item:first-child, .main-geo__grid--item:nth-child(2) { border-top: 0; border-bottom: 0 } .main-geo__grid--item:nth-child(3), .main-geo__grid--item:nth-child(4) { border-bottom: 0; padding: 1.25rem; border-right: 0 } .main-geo__grid--item:nth-child(5) { border-left: 0 } .main-geo__grid--item:nth-child(5), .main-geo__grid--item:nth-child(6) { border-bottom: 0; padding: 1.25rem 0 0 1.25rem; border-right: 0 } .main-geo__grid--item strong { font: 500 1.25rem/1.2 Montserrat, sans-serif; padding-bottom: .625rem; width: 140px } .evolution-block__title { font: 600 1.125rem/1.1 Montserrat, sans-serif; margin: 1.875rem auto .9375rem; width: 100%; padding: 8vw 0 4vw } .evolution-block__item { padding: .9375rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .evolution-block__item .title { margin: 0 0 .625rem; width: 100% } .evolution-block__item .title .name { font: 600 1rem/1.25 Montserrat, sans-serif; margin: 0 0 1.25rem } .evolution-block__item .title .maker { font: 600 .5625rem/1.6666 Montserrat, sans-serif; margin: .75rem 0 0 } .evolution-block__item .text { width: 100%; font: 600 .6875rem/1.6666 Montserrat, sans-serif } .evolution-block__item .text .full-text, .evolution-block__item .text p { margin: 0 0 1.25rem } .evolution-block__item .text .evolution-block__link { font: 500 .6875rem/1.5 Montserrat, sans-serif } } .evolution-block__item .text .evolution-block__link .ui-icon { width: 10px; height: 10px; margin-left: 10px; fill: #52bbb5 } .evolution-block__item .text .full-text { visibility: hidden; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); transform: scaleY(0); height: 0; margin: 0 } .category-list.active .ui-icon, .evolution-block__item .text.active .ui-icon, .gallery-page .headline .btn.active { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .evolution-block__item .text.active .full-text { -webkit-transform: scaleY(1); transform: scaleY(1); height: auto; visibility: visible } .evolution-block__item .text.active .full-text ul li { position: relative; padding: 0 20px; margin-bottom: 1rem } .evolution-block__item .image { margin-left: auto; width: 111px } .evolution-block__item .image a { display: block; outline: 0 } .evolution-block__item .image img, .gallery-album__item img { width: 100%; height: auto } .link-return { letter-spacing: .07em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; background: #fff } .contacts-links__item, .contacts-list__item .title, .contacts-map__info .title { letter-spacing: -.02em } .link-return .romb_solid { width: 38px; height: 38px; -webkit-box-flex: 0; -ms-flex: 0 0 38px; flex: 0 0 38px; -webkit-transition: .2s linear; transition: .2s linear } @media (min-width:2161px) { .link-return { font: 600 .6rem/1.66 Montserrat; padding: 1.2rem 3rem 1.75rem 0 } .link-return .romb_solid .ui-icon { width: .4rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .contacts-map__item { height: 30vw; margin: 0 0 6rem } } @media (min-width:1921px) and (max-width:2560px) { .link-return { font: 600 .6rem/1.66 Montserrat; padding: 1.2rem 3rem 1.75rem 0 } .link-return .romb_solid .ui-icon { width: .4rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .contacts-map__item { height: 30vw; margin: 0 0 6rem } } .link-return .ui-text { -webkit-transition: .2s linear; transition: .2s linear; margin: 0 0 0 .75rem } .link-return:hover .romb_solid { -webkit-transform: translateX(3px); transform: translateX(3px) } .link-return:hover .ui-text { -webkit-transform: translateX(-3px); transform: translateX(-3px) } .link-return::before { content: ''; display: block; position: absolute; height: 100%; left: 0; background: #fff; -webkit-transform: translateX(-98%); transform: translateX(-98%); width: 350%; top: 0 } .static-page { border-top: 1px solid rgba(38, 38, 38, .2) } .contacts-map__static-map { display: block; width: 100%; height: auto; overflow: hidden; max-height: 480px } .contacts-links__item, .page-404, .snippet-files a, .snippet-files a .file-size { display: -webkit-box; display: -ms-flexbox } .contacts-map__info { position: absolute; background: #fff; right: 0; top: 0; z-index: 1; margin-top: -1px } .contacts-list__item .description, .pagination-buttons ul li { letter-spacing: .07em; text-transform: uppercase } .contacts-links__item { display: flex } .contacts-links__item:last-of-type, .lead-grid .description ul li, .perspektive .description p:last-of-type { margin-bottom: 0 } .contacts-links__item .ui-icon { width: 18px; height: 18px; fill: #52bbb5; margin-right: 15px } .contacts-links__item a { color: #00113b; text-decoration: none } .contacts-map__marker { position: absolute; left: 440px; bottom: 132px; width: 40px; height: 40px } .contacts-map__marker::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #52bbb5; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .contacts-map__marker::after { position: absolute; left: 50%; top: 50%; content: ""; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff } .contacts-map__marker-info { position: absolute; bottom: 70px; left: 50%; background: #262626; -webkit-transform: translateX(-50%); transform: translateX(-50%); letter-spacing: -.02em; text-align: center } .contacts-map__marker-info::after { content: ""; position: absolute; left: 50%; bottom: -20px; width: 30px; height: 30px; background: #262626; -webkit-transform: rotate(45deg) translate(-21px, 0); transform: rotate(45deg) translate(-21px, 0) } .contacts-map__marker-address, .dark-bg .pagination-buttons ul li a { color: #fff } .contacts-map__address-description { color: rgba(255, 255, 255, .5); margin: 0 } .contacts-list__item .description { margin: 0; color: #8e8f90 } .footer-section, .pagination-buttons ul li, .pagination-buttons ul li a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .footer-section { margin: 0 0 120px } .pagination-buttons ul li, .pagination-buttons ul li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #00113b } @media (min-width:2161px) { .contacts-map__info { width: 29.5rem; padding: 0 5.5rem 3rem } .contacts-map__info .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 2rem } .contacts-links__item { font: 500 .75rem/1.3333 Montserrat, sans-serif; margin: 0 0 .75rem } .contacts-map__marker-info { width: 14.7rem; padding: 1.5rem 1rem } .contacts-map__marker-address { font: 500 .8rem/1.25 Montserrat, sans-serif; margin: 0 0 .6rem } .contacts-map__address-description { font: 500 .7rem/1.4285 Montserrat, sans-serif } .contacts-list { margin: 6rem 0 } .contacts-list__item { width: 16.5rem } .contacts-list__item .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 1rem } .contacts-list__item .description { font: 600 .6rem/1.6666 Montserrat, sans-serif } .contacts-list__item .contacts-links { margin: 2rem 0 0 } .pagination-buttons ul li { width: 3rem; height: 3rem; -webkit-box-flex: 0; -ms-flex: 0 0 3rem; flex: 0 0 3rem } .treasure-top { padding: 6rem 0 5rem } } @media (min-width:1921px) and (max-width:2560px) { .contacts-map__info { width: 29.5rem; padding: 0 5.5rem 3rem } .contacts-map__info .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 2rem } .contacts-links__item { font: 500 .75rem/1.3333 Montserrat, sans-serif; margin: 0 0 .75rem } .contacts-map__marker-info { width: 14.7rem; padding: 1.5rem 1rem } .contacts-map__marker-address { font: 500 .8rem/1.25 Montserrat, sans-serif; margin: 0 0 .6rem } .contacts-map__address-description { font: 500 .7rem/1.4285 Montserrat, sans-serif } .contacts-list { margin: 6rem 0 } .contacts-list__item { width: 16.5rem } .contacts-list__item .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 1rem } .contacts-list__item .description { font: 600 .6rem/1.6666 Montserrat, sans-serif } .contacts-list__item .contacts-links { margin: 2rem 0 0 } .pagination-buttons ul li { width: 3rem; height: 3rem; -webkit-box-flex: 0; -ms-flex: 0 0 3rem; flex: 0 0 3rem } .treasure-top { padding: 6rem 0 5rem } } .pagination-buttons ul li a { border: 1px solid #d8d8d8; width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: -1px } .pagination-buttons ul li.active { color: #52bbb5; border: 2px solid #52bbb5; margin: 0 -2px } .treasure-top { position: relative; background: #f5f7f9 } .treasure-top::before { content: ""; position: absolute; right: 0; top: 0; height: 50px; background: #fff; z-index: 1 } .treasure-top .controls { position: absolute; right: 0; bottom: 0; top: auto } .treasure-top .controls [class*=swiper-button-] { margin-top: -33px } .treasure-top .controls .swiper-button-next { right: auto; left: 120px } .treasure-top__name strong { font-weight: 600; color: #52bbb5 } .treasure-top__item { cursor: pointer; letter-spacing: -.04em } .treasure-top__item a { color: #f5f7f9; text-shadow: #8e8f90 1px 1px 0, #8e8f90 -1px -1px 0, #8e8f90 -1px 1px 0, #8e8f90 1px -1px 0; line-height: 1.8 } .swiper-slide-thumb-active .treasure-top__item a, .treasure-top__item a:hover { text-shadow: #52bbb5 1px 1px 0, #52bbb5 -1px -1px 0, #52bbb5 -1px 1px 0, #52bbb5 1px -1px 0 } .detail-text ul, .lead-grid .description ul { margin: 0 0 .75rem 1.5rem } .detail-text ul li::before, .lead-grid .description ul li::before { content: ''; position: absolute; top: 10px; left: -1.5rem; width: 8px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; background-color: #52bbb5; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .news-date-time { color: #8e8f90; text-align: center } .lead-grid .news-detail .description, .news-detail .detail-text, .news-detail .lead-grid .description { min-height: inherit } .lead-grid .news-detail .description i, .news-detail .detail-text i, .news-detail .lead-grid .description i, .properties-rows .properties i { font-style: italic } .snippet-files { margin: 55px 0 0 } .snippet-files a { color: #505050; text-decoration: none; background: #fff; display: flex; letter-spacing: -.02em; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 20px; -webkit-transition: .2s linear; transition: .2s linear; border: 2px solid transparent } .snippet-files a .file-size { color: #8e8f90; white-space: nowrap; display: flex; margin: 0 0 0 auto } .snippet-files a .file-size::after { color: #262626; font-weight: 700 } .snippet-files a[href$=".pdf"] .file-size::after { content: 'pdf' } .snippet-files a[href$=".doc"] .file-size::after { content: 'doc' } .snippet-files a[href$=".docx"] .file-size::after { content: 'docx' } .snippet-files a[href$=".xls"] .file-size::after { content: 'xls' } .snippet-files a[href$=".xlsx"] .file-size::after { content: 'xlsx' } .snippet-files a[href$=".ppt"] .file-size::after { content: 'ppt' } .snippet-files a:hover { border: 2px solid #52bbb5 } .swiper-slide { height: auto } .sk-folding-cube { margin: 10px auto; width: 30px; height: 30px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg) } .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); transform: scale(1.1) } .sk-folding-cube .sk-cube::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #52bbb5; -webkit-animation: 1.8s linear infinite both sk-foldCubeAngle; animation: 1.8s linear infinite both sk-foldCubeAngle; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100% } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg) } .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg) } .sk-folding-cube .sk-cube3::before { -webkit-animation-delay: .4s; animation-delay: .4s } .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg) } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #52bbb5 !important } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(82, 187, 181, .15) } .page-404 { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width:2161px) { .treasure-top .controls, .treasure-top::before { width: 35rem } .treasure-top__name { margin: 0 0 1rem; font: 600 2rem/1.1 Montserrat, sans-serif } .treasure-top__slider .swiper-slide { margin: 0 1rem } .treasure-top__item { font: 600 6rem/1 Montserrat, sans-serif } .detail-text, .lead-grid .description { padding: 3rem 0 6rem; min-height: 30vw } .detail-text p, .lead-grid .description p { padding: 0 0 1.5rem } .detail-text ul li, .lead-grid .description ul li { padding: 0 0 1rem } .news-date-time { font: 500 .7rem/1.6 Montserrat } .news-detail .main-events { margin: 0 auto 3rem; padding: 0 1.5rem } .snippet-files a { padding: 1.8rem 2.5rem } .snippet-files a .file-size { padding: 0 0 0 1.5rem } .snippet-files a .file-size::after { margin: 0 0 0 4.8rem } .page-404 { padding: 18rem 0 15rem } .page-404 .lead__slogan, .page-404 h1 { font: 500 13rem/1 Montserrat, sans-serif } } .page-404 .lead__slogan, .page-404 h1 { color: #52bbb5; margin: 0 } .page-404 .btn { font-weight: 400 } .digits-block, .digits-block ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .digits-block { width: 40% } .digits-block .divisions-stats__item { margin: 0 0 1rem } .digits-block ul li { width: 50% } .digits-block ul li b, .digits-block ul li strong { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #52bbb5; letter-spacing: -.04em; white-space: nowrap } .digits-block ul li u { text-decoration: none } .content-section ul, .narrow-width__content ul { display: block; padding: 0 0 1.5rem } .content-section ul li, .narrow-width__content ul li { position: relative; margin-bottom: 1rem } .content-section ul li::before, .narrow-width__content ul li::before { content: ''; position: absolute; top: .5rem; left: -1rem; width: .4rem; height: .4rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem; background-color: #52bbb5; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .disclamer { position: fixed; z-index: 1000; bottom: 0; left: 0; width: 100%; padding: .5rem 0; background-color: #fff } .disclamer__wrapper, .geography .headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .disclamer__text { color: #262626; font: 400 .55rem/1.5 Montserrat, sans-serif } .disclamer__text a { color: inherit; text-decoration: underline } .disclamer__text a:focus, .disclamer__text a:hover { text-decoration: none } .disclamer__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 0 0 1.5rem; width: 50px } .disclamer .btn { color: #fff; background-color: #52bbb5; font: 400 14px/21px Montserrat, sans-serif; padding: .5rem .75rem } .perspektive .special-content-1 .title, .special-content-1 .perspektive .title, .special-content-1 h3, .special-content-1 h4 { text-align: left; font-size: 1.25rem; margin: 0 0 0 -1rem } .perspektive .special-content-1 .title li, .special-content-1 .perspektive .title li, .special-content-1 h3 li, .special-content-1 h4 li { float: none; font-size: 1.25rem; padding: 0 0 1.2rem 1rem; font-weight: 600; margin-bottom: 0 } .perspektive .special-content-1 .title li::before, .special-content-1 .perspektive .title li::before, .special-content-1 h3 li::before, .special-content-1 h4 li::before { top: 10px } .perspektive .special-content-1 .title+i, .special-content-1 .perspektive .title+i, .special-content-1 h3+i, .special-content-1 h4+i { display: block; color: #8e8f90; font-size: 1rem; padding: 0 0 3.1rem } .special-content-1 hr+p { font-size: 1.25rem } .gmnoprint div { background: 0 0 !important } .formula-widget .subtitle { font-style: italic; font-weight: 700; text-decoration: underline } .formula-widget .formula-title { text-transform: uppercase; font-size: 1rem; font-weight: 700; margin: .75rem auto !important; text-align: left } .formula-widget .lead-grid .title, .formula-widget .perspektive .title, .formula-widget h2, .formula-widget h3, .formula-widget h4, .lead-grid .formula-widget .title, .perspektive .formula-widget .title { display: block; text-align: left !important; margin: 0 !important } .formula-widget__item { position: relative; margin: 0 auto 1.5rem !important } .formula-widget__item .lead-grid .title, .formula-widget__item h2, .lead-grid .formula-widget__item .title { color: #52bbb5; font-size: 1.4rem; font-weight: 700; margin: 0 auto 3rem !important; counter-reset: del-counter-formula } .formula-widget__item del { text-transform: uppercase; position: relative; font-style: normal; text-decoration: none; counter-increment: del-counter-formula; border-bottom: 1px solid #262626 } .formula-widget__item del::after { content: counter(del-counter-formula); color: #262626; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, calc(100% + .5rem)); transform: translate(-50%, calc(100% + .5rem)); font-size: .72rem; display: block; font-weight: 700 } .formula-widget__item ol { list-style-type: none !important; counter-reset: item-counter-formula; margin-left: 0 !important; padding-left: .75rem } .formula-widget__item ol+p { margin-top: 1.5rem !important } .formula-widget__item ol li { position: relative; counter-increment: item-counter-formula } .formula-widget__item ol li::before { position: absolute; left: 0; content: counter(item-counter-formula) "."; -webkit-transform: translateX(calc(-100% - .5rem)); transform: translateX(calc(-100% - .5rem)); font-weight: 700 } .form-default .form-group.btn-wrapper, .formula-widget~.product-props, .product-gallery-empty .btn-wrapper { margin: 0 !important } .section_teploobmenniki .nav-tab.secondary .swiper-slide { width: auto !important; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .section_teploobmenniki .nav-tab.secondary .nav-tab__item { padding: .75rem; min-width: inherit; width: 100% } .innovations .tab-content__item { display: none; width: auto } .innovations .tab-content__item .title { font-size: 1.5rem } .innovations .tab-content__item.active, .lg-container.lg-show, .lg-show .lg-empty-html, .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .image img { display: block } .announce-list .ui-icon, .lead__link, .section-list__item { display: -webkit-box; display: -ms-flexbox } .innovations .tab-content__item .description p { padding-bottom: 1.5rem } .innovations .tab-content__item .description p:last-child, .innovations .tab-content__item .description p:only-child, .lead-grid .description ul, .page-headline .headline-description p:last-of-type { padding-bottom: 0 } .announce-list { margin: -20px } .announce-list .announce { position: relative; overflow: hidden; margin: 20px } .announce-list .announce .date { background-color: #262626; color: #fff; padding: 10px 40px } .announce-list .announce .date.pos-a { top: 0; left: 0; z-index: 1 } .announce-list .announce .image { width: 100%; overflow: hidden } .announce-list .ui-icon { display: flex; background-color: #262626; color: #fff; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter-panel-grid__item.active, .lead__link, .lead__slogan b, .lead__slogan strong, .mass-media__item .title a:hover, .over-filter-grid__item.active, .over-filter_item .filter-panel-grid__item.active, .over-filter_item .filter-panel-grid__item:hover, .over-filter_item .over-filter-grid__item.active, .over-filter_item .over-filter-grid__item:hover, .product-list__item .name a:hover { color: #52bbb5 } @media (min-width:2161px) { .page-404 p { padding: 0 0 3rem } .digits-block ul li { margin-bottom: 3.3rem; padding: 0 .5rem } .digits-block ul li b, .digits-block ul li strong { margin: 0 0 .75rem; font: 600 2.4rem/1.08 Montserrat, sans-serif } .announce-list .announce .date { font: 500 .6rem/1.66 Montserrat } .announce-list .ui-icon { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } } @media (min-width:1921px) and (max-width:2560px) { .treasure-top .controls, .treasure-top::before { width: 35rem } .treasure-top__name { margin: 0 0 1rem; font: 600 2rem/1.1 Montserrat, sans-serif } .treasure-top__slider .swiper-slide { margin: 0 1rem } .treasure-top__item { font: 600 6rem/1 Montserrat, sans-serif } .detail-text, .lead-grid .description { padding: 3rem 0 6rem; min-height: 30vw } .detail-text p, .lead-grid .description p { padding: 0 0 1.5rem } .detail-text ul li, .lead-grid .description ul li { padding: 0 0 1rem } .news-date-time { font: 500 .7rem/1.6 Montserrat } .news-detail .main-events { margin: 0 auto 3rem; padding: 0 1.5rem } .snippet-files a { padding: 1.8rem 2.5rem } .snippet-files a .file-size { padding: 0 0 0 1.5rem } .snippet-files a .file-size::after { margin: 0 0 0 4.8rem } .page-404 { padding: 13rem 0 8.5rem } .page-404 .lead__slogan, .page-404 h1 { font: 500 13rem/1 Montserrat, sans-serif } .page-404 p { padding: 0 0 3rem } .digits-block ul li { margin-bottom: 3.3rem; padding: 0 .5rem } .digits-block ul li b, .digits-block ul li strong { margin: 0 0 .75rem; font: 600 2.4rem/1.08 Montserrat, sans-serif } .announce-list .announce .date { font: 500 .6rem/1.66 Montserrat } .announce-list .ui-icon { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } } .lead { position: relative; background: center top/cover no-repeat; max-width: 100% } @media (min-width:2161px) { .lead { margin: 0 0 5rem; height: 20vw; background: 0 0 !important } } @media (min-width:1921px) and (max-width:2560px) { .lead { margin: 0 0 5rem; height: 20vw; background: 0 0 !important } } .lead::after, .lead::before { content: ""; position: absolute; height: 50px; background: #fff; z-index: 2 } @media (min-width:2161px) { .lead::after, .lead::before { width: 15rem; height: 2.5rem } } @media (min-width:1921px) and (max-width:2560px) { .lead::after, .lead::before { width: 15rem; height: 2.5rem } } @media (min-width:1281px) and (max-width:1920px) { .link-return { font: 600 .6rem/1.66 Montserrat; padding: 1.2rem 3rem 1.75rem 0 } .link-return .romb_solid .ui-icon { width: .4rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .contacts-map__item { height: 30vw; margin: 0 0 6rem } .contacts-map__info { width: 29.5rem; padding: 0 5.5rem 3rem } .contacts-map__info .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 2rem } .contacts-links__item { font: 500 .75rem/1.3333 Montserrat, sans-serif; margin: 0 0 .75rem } .contacts-map__marker-info { width: 14.7rem; padding: 1.5rem 1rem } .contacts-map__marker-address { font: 500 .8rem/1.25 Montserrat, sans-serif; margin: 0 0 .6rem } .contacts-map__address-description { font: 500 .7rem/1.4285 Montserrat, sans-serif } .contacts-list { margin: 6rem 0 } .contacts-list__item { width: 16.5rem } .contacts-list__item .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 1rem } .contacts-list__item .description { font: 600 .6rem/1.6666 Montserrat, sans-serif } .contacts-list__item .contacts-links { margin: 2rem 0 0 } .pagination-buttons ul li { width: 3rem; height: 3rem; -webkit-box-flex: 0; -ms-flex: 0 0 3rem; flex: 0 0 3rem } .treasure-top { padding: 6rem 0 5rem } .treasure-top .controls, .treasure-top::before { width: 35rem } .treasure-top__name { margin: 0 0 1rem; font: 600 2rem/1.1 Montserrat, sans-serif } .treasure-top__slider .swiper-slide { margin: 0 1rem } .treasure-top__item { font: 600 6rem/1 Montserrat, sans-serif } .detail-text, .lead-grid .description { padding: 3rem 0 6rem; min-height: 30vw } .detail-text p, .lead-grid .description p { padding: 0 0 1.5rem } .detail-text ul li, .lead-grid .description ul li { padding: 0 0 1rem } .news-date-time { font: 500 .7rem/1.6 Montserrat } .news-detail .main-events { margin: 0 auto 3rem; padding: 0 1.5rem } .snippet-files a { padding: 1.8rem 2.5rem } .snippet-files a .file-size { padding: 0 0 0 1.5rem } .snippet-files a .file-size::after { margin: 0 0 0 4.8rem } .page-404 { padding: 13rem 0 8.5rem } .page-404 .lead__slogan, .page-404 h1 { font: 500 13rem/1 Montserrat, sans-serif } .page-404 p { padding: 0 0 3rem } .digits-block ul li { margin-bottom: 3.3rem; padding: 0 .5rem } .digits-block ul li b, .digits-block ul li strong { margin: 0 0 .75rem; font: 600 2.4rem/1.08 Montserrat, sans-serif } .announce-list .announce .date { font: 500 .6rem/1.66 Montserrat } .announce-list .ui-icon { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .lead { margin: 0 0 5rem; height: 25rem; background: 0 0 !important } .lead::after, .lead::before { width: 15rem; height: 2.5rem } } @media (min-width:1024px) and (max-width:1280px) { .link-return { font: 600 .6rem/1.66 Montserrat; padding: 1.2rem 3rem 1.75rem 0 } .link-return .romb_solid .ui-icon { width: .4rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .contacts-map__item { height: 50vw; margin: 0 0 4rem } .contacts-map__info { width: 40%; padding: 0 1.5rem 1.5rem } .contacts-map__info .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 2rem } .contacts-links__item { font: 500 .75rem/1.3333 Montserrat, sans-serif; margin: 0 0 .75rem } .contacts-map__marker-info { width: 14.7rem; padding: 1.5rem 1rem } .contacts-map__marker-address { font: 500 .8rem/1.25 Montserrat, sans-serif; margin: 0 0 .6rem } .contacts-map__address-description { font: 500 .7rem/1.4285 Montserrat, sans-serif } .contacts-list { margin: 3rem 0 6rem } .contacts-list__item { width: 16.5rem } .contacts-list__item .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 1rem } .contacts-list__item .description { font: 600 .6rem/1.6666 Montserrat, sans-serif } .contacts-list__item .contacts-links { margin: 2rem 0 0 } .pagination-buttons ul li { width: 3rem; height: 3rem; -webkit-box-flex: 0; -ms-flex: 0 0 3rem; flex: 0 0 3rem } .treasure-top { padding: 6rem 0 5rem } .treasure-top .controls, .treasure-top::before { width: 35rem } .treasure-top__name { margin: 0 0 1rem; font: 600 2rem/1.1 Montserrat, sans-serif } .treasure-top__slider .swiper-slide { margin: 0 1rem } .treasure-top__item { font: 600 6rem/1 Montserrat, sans-serif } .detail-text, .lead-grid .description { padding: 1.5rem 0 3rem } .detail-text p, .lead-grid .description p { padding: 0 0 1.5rem } .detail-text ul li, .lead-grid .description ul li { padding: 0 0 1rem } .news-date-time { font: 500 .6rem/1.6 Montserrat } .news-detail .main-events { margin: 0 auto 1.5rem; padding: 0 1.5rem } .snippet-files a { padding: 1.8rem 2.5rem } .snippet-files a .file-size { padding: 0 0 0 1.5rem } .snippet-files a .file-size::after { margin: 0 0 0 4.8rem } .page-404 { padding: 13rem 0 8.5rem } .page-404 .lead__slogan, .page-404 h1 { font: 500 13rem/1 Montserrat, sans-serif } .page-404 p { padding: 0 0 3rem } .digits-block ul li { margin-bottom: 3.3rem; padding: 0 .5rem } .digits-block ul li b, .digits-block ul li strong { margin: 0 0 .75rem; font: 600 2.4rem/1.08 Montserrat, sans-serif } .announce-list .announce .date { font: 500 .6rem/1.66 Montserrat } .announce-list .ui-icon { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .lead { margin: 0 0 5rem; height: 20rem; background: 0 0 !important } .lead::after, .lead::before { width: 15rem; height: 2.5rem } } @media (min-width:768px) and (max-width:1023px) { .link-return { max-width: 50%; min-width: 15rem; font: 600 .55rem/1.66 Montserrat; padding: 1.2rem 1.5rem 1rem 0 } .link-return .romb_solid { width: 1.9rem; height: 1.9rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.9rem; flex: 0 0 1.9rem } .link-return .romb_solid .ui-icon { width: .4rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem } .contacts-map__item { height: 50vw; margin: 0 0 3rem } .contacts-map__info { width: 40%; padding: 0 1.5rem 1.5rem } .contacts-map__info .title { font: 600 1.4rem/1.1528 Montserrat, sans-serif; margin: 0 0 2rem } .contacts-links__item { font: 500 .65rem/1.3333 Montserrat, sans-serif; margin: 0 0 .75rem } .contacts-map__marker-info { width: 14.7rem; padding: 1.5rem 1rem } .contacts-map__marker-address { font: 500 .8rem/1.25 Montserrat, sans-serif; margin: 0 0 .6rem } .contacts-map__address-description { font: 500 .7rem/1.4285 Montserrat, sans-serif } .contacts-list { margin: 1.5rem 0 3rem } .contacts-list__item { width: 33% } .contacts-list__item .title { font: 600 1rem/1.1528 Montserrat, sans-serif; margin: 0 0 1rem } .contacts-list__item .description { font: 600 .6rem/1.6666 Montserrat, sans-serif } .contacts-list__item .contacts-links { margin: 2rem 0 0 } .pagination-buttons ul li { width: 3.75rem; height: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.75rem; flex: 0 0 3.75rem; font-weight: 600 } .treasure-top { padding: 1.5rem 0 } .treasure-top::before { width: 35rem; display: none } .treasure-top .controls { width: 35rem } .treasure-top__name { margin: 0 0 1rem; font: 600 2rem/1.1 Montserrat, sans-serif } .treasure-top__slider .swiper-slide { margin: 0 1rem } .treasure-top__item { font: 600 3rem/.5 Montserrat, sans-serif } .detail-text, .lead-grid .description { padding: 1.5rem 0 3rem } .detail-text p, .lead-grid .description p { padding: 0 0 1.5rem } .detail-text ul li, .lead-grid .description ul li { padding: 0 0 1rem } .news-date-time { font: 500 .6rem/1.6 Montserrat } .news-detail .main-events { margin: 0 auto 1.5rem; padding: 0 1.5rem } .news-detail .width-70 { width: 90% !important } .main-events__list .announce-list__item:nth-child(3) { display: none } .snippet-files { margin: 30px 0 0 } .snippet-files a { padding: .75rem 1rem } .snippet-files a .file-size { padding: 0 0 0 1.5rem } .snippet-files a .file-size::after { margin: 0 0 0 4.8rem } .page-404 { padding: 13rem 0 8.5rem } .page-404 .lead__slogan, .page-404 h1 { font: 500 13rem/1 Montserrat, sans-serif } .page-404 p { padding: 0 0 3rem } .digits-block ul li { margin-bottom: 3.3rem; padding: 0 .5rem } .digits-block ul li b, .digits-block ul li strong { margin: 0 0 .75rem; font: 600 2.1rem/1.08 Montserrat, sans-serif } .geography-mainpage.geography-description { height: 600px; bottom: 0; top: unset } .production-announce .nav-tab .swiper-wrapper { display: -ms-flexbox } .announce-list .announce .date { font: 500 .6rem/1.66 Montserrat } .announce-list .ui-icon { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .lead { margin: 0 0 5rem; height: 20rem } .lead::after, .lead::before { width: 15rem; height: 2.5rem } } @media (max-width:767px) { .evolution-block__item .text.active .full-text { margin: 0 0 1.25rem } .evolution-block__item .image { margin: .625rem auto 0 0 } .link-return { font: 600 .4375rem/1.66 Montserrat; padding: .9375rem 1.25rem .9375rem 10px } .link-return, .link-return.pos-a { position: relative !important } .link-return .romb_solid { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .link-return .romb_solid .ui-icon { width: .25rem; height: .5625rem; -webkit-box-flex: 0; -ms-flex: 0 0 .25rem; flex: 0 0 .25rem } .contacts-map__item { height: 50vw; margin: 0 0 1.875rem } .contacts-map__item iframe, .contacts-map__item>div { height: 100% } .contacts-map__info { padding: 0 4vw 8vw; position: relative; background: #fff; right: unset; top: unset } .contacts-map__info .title { font: 600 1rem/1.1528 Montserrat, sans-serif; margin: 0 0 1.25rem } .contacts-links__item { font: 500 .6875rem/1.3333 Montserrat, sans-serif; margin: 0 0 .9375rem } .contacts-map__marker-info { width: 18.375rem; padding: 1.875rem 1.25rem } .contacts-map__address-description { font: 500 .75rem/1.4285 Montserrat, sans-serif } .contacts-list, .treasure-top__slider .swiper-slide { margin: 0 } .contacts-list__item { width: 100% } .contacts-list__item .title { font: 600 1.125rem/1.1528 Montserrat, sans-serif; margin: 0 0 1.25rem } .contacts-list__item .description { font: 600 .5625rem/1.6666 Montserrat, sans-serif; margin: 0 0 .625rem } .contacts-list__item .contacts-links { margin: 0 0 1.25rem } .treasure-top { padding: 8vw 0 4vw } .treasure-top__name { margin: 0; font: 600 1.25rem/1.1 Montserrat, sans-serif } .treasure-top__item { font: 600 1.875rem/.5 Montserrat, sans-serif } .treasure-bottom .controls { top: 9.1rem } .treasure-bottom .controls .swiper-button-prev svg { margin-left: -.3rem; margin-top: -.3rem } .treasure-bottom .controls .swiper-button-next svg { margin-left: .3rem; margin-top: .3rem } .detail-text, .lead-grid .description { padding: 1.25rem 0 1.875rem } .detail-text p, .lead-grid .description p { padding: 0 0 1.875rem } .detail-text ul li, .lead-grid .description ul li { padding: 0 0 1.25rem } .news-date-time { font: 500 .5625rem/1.6 Montserrat } .news-detail .main-events { margin: 0 auto 1.25rem; padding: 0 4vw } .news-detail .lead__slogan, .news-detail h1 { position: relative; z-index: 2; font-size: 1.25rem; margin: -8vw 0 0 !important; padding: 0 12vw !important } .snippet-files { margin: 20px 0 0 } .snippet-files a { padding: .625rem 1.25rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .snippet-files a .file-size { padding: 1.5rem 0 0; margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .snippet-files a .file-size::after { margin: 0 0 0 6rem } .page-404 { padding: 6.25rem 0 4.375rem } .page-404 .lead__slogan, .page-404 h1 { font: 500 3.5rem/1 Montserrat, sans-serif } .page-404 p { padding: 0 0 1.875rem; font-size: 1.25rem } .digits-block ul li { width: 45%; margin: 4vw 0; padding: 0 .5rem; font-size: .8rem } .digits-block ul li b, .digits-block ul li strong { margin: 0 0 .3125rem; font: 600 1.5rem/1.08 Montserrat, sans-serif } .content-section ul, .narrow-width__content ul { margin: 0 0 0 1.2rem } .formula-widget { margin-top: 4vw !important; margin-bottom: 8vw !important } .formula-widget__item { max-height: 50vw; overflow: hidden; padding: 0 } .formula-widget__item::after { content: ''; width: 100%; height: 5rem; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff) } .formula-widget__item.active { max-height: inherit } .formula-widget__item.active::after { display: none } .formula-widget__item.active .pos-a .ui-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .formula-widget__item ol { padding-left: 8vw !important; padding-right: 35px } .formula-widget__item .pos-a, .formula-widget__item .pos-a .ui-icon { width: 7px; height: 17px; -webkit-box-flex: 0; -ms-flex: 0 0 7px; flex: 0 0 7px } .formula-widget__item .pos-a { padding: 1rem; position: absolute; top: 4.4rem; right: 0; z-index: 2; background: #fff; 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 } .formula-widget__item .pos-a .ui-icon { display: block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .announce-list { margin: -4vw } .announce-list .announce .date { font: 500 .6rem/1.66 Montserrat; padding: 5px 26px } .announce-list .ui-icon { width: .625rem; height: .625rem; -webkit-box-flex: 0; -ms-flex: 0 0 .625rem; flex: 0 0 .625rem } .lead { margin: 0 0 1.875rem; height: 100vw } .lead::after, .lead::before { width: 40%; height: 1.875rem } } .lead::before { left: 0; top: 0 } .lead .link-return { margin-top: -2px } .lead--top-smooth .lead__slogan { width: auto; max-width: 30% } .lead::after { right: -2px; bottom: -2px } @media (min-width:2161px) { .lead::before { width: 15rem } .lead--breeding { margin: 0 0 9.5rem; height: 35rem } .lead--breeding::after { width: 29.5rem } } @media (min-width:1921px) and (max-width:2560px) { .lead::before { width: 15rem } .lead--breeding { margin: 0 0 9.5rem; height: 35rem } .lead--breeding::after { width: 29.5rem } } @media (min-width:1281px) and (max-width:1920px) { .lead::before { width: 15rem } .lead--breeding { margin: 0 0 9.5rem; height: 35rem } .lead--breeding::after { width: 29.5rem } } @media (min-width:1024px) and (max-width:1280px) { .lead::before { width: 15rem } .lead--top-smooth .lead__slogan { max-width: 60% } .lead--breeding { margin: 0 0 9.5rem; height: 35rem } .lead--breeding::after { width: 29.5rem } } @media (min-width:768px) and (max-width:1023px) { .lead::before { width: 15rem } .lead--top-smooth .lead__slogan { max-width: 80%; left: .75rem } .lead--breeding { margin: 0 0 9.5rem; height: 35rem } .lead--breeding::after { width: 29.5rem } } @media (max-width:767px) { .lead::before { width: 40% } .lead--top-smooth .lead__slogan { max-width: 100% } .lead--breeding { margin: 0 0 1.875rem; height: 110vw } .lead--breeding::after { width: 40% } } .lead--mission::before { width: 25% } .lead--mission::after { width: 55% } .news-detail .lead::after { bottom: -2px; width: 60%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } @media (min-width:768px) and (max-width:1280px) { .main-video { padding-bottom: 56.25%; position: relative } .main-video>div { position: absolute; width: 100%; height: 100% } .news-detail .lead::after { width: 85% } .product-gallery [class*=swiper-button-] { display: block; width: 1.8rem; height: 1.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.8rem; flex: 0 0 1.8rem; right: -18px !important } .product-gallery .swiper-button-prev { top: 2.25rem !important } } .news-detail .lead+.lead__slogan, .news-detail .lead+h1 { width: 55%; margin: 0 auto } .lead__overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #2d3d63; opacity: .3; z-index: 1 } .lead__link { position: absolute; letter-spacing: .07em; text-transform: uppercase; top: 80px; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3 } @media (min-width:2161px) { .lead--mission { height: 30rem } .news-detail .lead { height: 30rem; margin-bottom: 1rem; background: 0 0 !important } .news-detail .lead+.lead__slogan, .news-detail .lead+h1 { padding-bottom: 1.2rem } .lead__link { font: 600 .6rem/1.6666 Montserrat, sans-serif } .lead__slogan { width: 31rem } } @media (min-width:1921px) and (max-width:2560px) { .lead--mission { height: 30rem } .news-detail .lead { height: 30rem; margin-bottom: 1rem; background: 0 0 !important } .news-detail .lead+.lead__slogan, .news-detail .lead+h1 { padding-bottom: 1.2rem } .lead__link { font: 600 .6rem/1.6666 Montserrat, sans-serif } .lead__slogan { width: 31rem } } @media (min-width:1281px) and (max-width:1920px) { .lead--mission { height: 30rem } .news-detail .lead { height: 30rem; margin-bottom: 1rem; background: 0 0 !important } .news-detail .lead+.lead__slogan, .news-detail .lead+h1 { padding-bottom: 1.2rem } .lead__link { font: 600 .6rem/1.6666 Montserrat, sans-serif } .lead__slogan { width: 40% } } @media (min-width:1024px) and (max-width:1280px) { .lead--mission { height: 30rem } .news-detail .lead { height: 30rem; margin-bottom: 1rem; background: 0 0 !important } .news-detail .lead+.lead__slogan, .news-detail .lead+h1 { padding-bottom: 1.2rem; width: 80% } .lead__link { top: 30px; font: 600 .6rem/1.6666 Montserrat, sans-serif } } @media (min-width:768px) and (max-width:1023px) { .lead--mission { height: 30rem } .news-detail .lead { height: 20rem; margin-bottom: 1rem } .news-detail .lead+.lead__slogan, .news-detail .lead+h1 { padding-bottom: 1.2rem; width: 80% } .lead__link { top: 30px; font: 600 .6rem/1.6666 Montserrat, sans-serif } .page-lead .lead__slogan { top: 4rem } } .lead__link .romb_icon { width: 30px; height: 30px; border: 1px solid #52bbb5; margin-right: 30px; background: 0 0; -webkit-transition: .2s linear; transition: .2s linear } .lead__link .romb_icon .ui-icon { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .lead__link .romb_icon svg { width: 12px; height: 8px; fill: #52bbb5 } .geo-select .geo-dropdown, .geo-select .geo-dropdown__item, .lead__link .ui-text { -webkit-transition: .2s linear; transition: .2s linear } .lead__link:hover .romb_icon { -webkit-transform: translateX(5px) rotate(45deg); transform: translateX(5px) rotate(45deg) } .lead__link:hover .ui-text { -webkit-transform: translateX(-5px); transform: translateX(-5px) } .lead__slogan { margin: 0; text-align: left; position: absolute; letter-spacing: -.04em; color: #fff; bottom: 80px; z-index: 3 } .lead--breeding .lead__slogan { bottom: 112px } @media (min-width:2161px) { .lead--breeding .lead__slogan { width: 38.75rem } } @media (min-width:1921px) and (max-width:2560px) { .lead--breeding .lead__slogan { width: 38.75rem } } @media (min-width:1281px) and (max-width:1920px) { .lead--breeding .lead__slogan { width: 38.75rem } } @media (min-width:1024px) and (max-width:1280px) { .lead__slogan { width: 31rem } .lead--breeding .lead__slogan { width: 38.75rem } } @media (max-width:767px) { .lead--mission { height: 100vw } .news-detail .lead { height: 100vw; margin-bottom: 1.25rem } .news-detail .lead::after { width: 90% } .news-detail .lead+.lead__slogan, .news-detail .lead+h1 { padding: 0 4vw 1.5rem; width: auto } .lead__link { top: 20px; font: 600 .6875rem/1.6666 Montserrat, sans-serif } .lead__slogan { width: 90%; font: 600 1.5rem/1.3 Montserrat, sans-serif } .lead--breeding .lead__slogan { width: auto; bottom: 80px } } .page-lead .lead__slogan { bottom: unset } .lead-grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: auto; grid-template-rows: auto } .lead-grid-thirds { -ms-grid-columns: 40% 60%; grid-template-columns: 40% 60% } .lead-grid .title { text-align: left; max-width: 60% } .lead-grid .description { padding: 0; max-width: 60%; min-height: inherit } .inner-header .link-return { padding: .75rem 1.5rem 1.5rem 0 } .desktop-response-image { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover } .section { padding-top: 60px } .section .secondary-title { padding: 57px 0 28px; border-top: 1px solid rgba(38, 38, 38, .1) } .container+.section, .main-events+.section, .production-announce .nav-tab+.section { padding-top: 0; margin-top: 30px; } .section-list__item { display: flex; margin: 0 0 40px; padding: 1.5rem; width: calc(50% - 20px); background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .section-list__item a { color: #262626 } .section-list__item .name { margin: 20px 5px 20px 0; color: #262626 } .section-list__item .name a { text-decoration: none; color: #505050 } .section-list__item .title { max-width: 60%; color: #505050; letter-spacing: -.02em } .section-list__item .image { margin-left: auto } @media (min-width:2161px) { .lead--mission .lead__slogan { width: 24.15rem } .page-lead .lead__slogan { top: 4rem } .lead-grid { margin-bottom: 3rem !important } .section-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem } .section-list__item .title { font: 500 1rem/1.25 Montserrat, sans-serif } .section-list__item .image { width: 9rem; height: 7rem; -webkit-box-flex: 0; -ms-flex: 0 0 9rem; flex: 0 0 9rem } .search-page .headline, .section-page .headline, .static-page .headline { padding: 3rem 0 3.5rem } } @media (min-width:1921px) and (max-width:2560px) { .lead--mission .lead__slogan { width: 24.15rem } .page-lead .lead__slogan { top: 4rem } .lead-grid { margin-bottom: 3rem !important } .section-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem } .section-list__item .title { font: 500 1rem/1.25 Montserrat, sans-serif } .section-list__item .image { width: 9rem; height: 7rem; -webkit-box-flex: 0; -ms-flex: 0 0 9rem; flex: 0 0 9rem } .search-page .headline, .section-page .headline, .static-page .headline { padding: 3rem 0 3.5rem } } .section-list__item .image a { display: block; outline: 0 } .section-list__item .image img { max-width: 100%; max-height: 100% } .product-list.tabs .product-list__item .footer-panel:empty, .product-list.tabs .section-list__item .footer-panel:empty, .section-list.tabs .product-list__item .footer-panel:empty, .section-list.tabs .section-list__item .footer-panel:empty, .section-list__item.hide, .section-list__item.third-hide { display: none } .search-page, .section-page, .static-page { position: relative; overflow-x: hidden } .product-list, .section-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .product-list.tabs, .section-list.tabs { display: block; margin: 0 0 60px; border-bottom: 1px solid rgba(38, 38, 38, .1) } .product-list.tabs:last-of-type, .section-list.tabs:last-of-type { margin: 0; padding: 0; border: 0 } .product-list.tabs .product-list__item, .product-list.tabs .section-list__item, .section-list.tabs .product-list__item, .section-list.tabs .section-list__item { background-color: #f5f7f9; padding: 50px 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: 2px solid transparent; outline: 0 !important } .product-list.tabs .product-list__item:hover, .product-list.tabs .section-list__item:hover, .section-list.tabs .product-list__item:hover, .section-list.tabs .section-list__item:hover { background-color: #fff; border: 2px solid #52bbb5 } .product-list.tabs .product-list__item .image, .product-list.tabs .section-list__item .image, .section-list.tabs .product-list__item .image, .section-list.tabs .section-list__item .image { margin: 0 42px 0 0 } .product-list.tabs .product-list__item .title, .product-list.tabs .section-list__item .title, .product-list__item a, .section-list.tabs .product-list__item .title, .section-list.tabs .section-list__item .title { color: #262626 } .product-list.tabs .product-list__item .body, .product-list.tabs .section-list__item .body, .section-list.tabs .product-list__item .body, .section-list.tabs .section-list__item .body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .product-list.tabs .product-list__item .footer-panel, .product-list.tabs .section-list__item .footer-panel, .section-list.tabs .product-list__item .footer-panel, .section-list.tabs .section-list__item .footer-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -.8rem } .custom-clustericon, .product-list.tabs .product-list__item .footer-panel .ui-icon, .product-list.tabs .section-list__item .footer-panel .ui-icon, .section-list.tabs .product-list__item .footer-panel .ui-icon, .section-list.tabs .section-list__item .footer-panel .ui-icon { position: relative; 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 (min-width:2161px) { .section-page-2 { padding: 2.5rem 0 0 } .product-list.tabs .product-list__item .title, .product-list.tabs .section-list__item .title, .section-list.tabs .product-list__item .title, .section-list.tabs .section-list__item .title { font: 600 .8rem/1.25 Montserrat, sans-serif; padding: 0 0 .75rem } .product-list.tabs .product-list__item .footer-panel .ui-icon, .product-list.tabs .section-list__item .footer-panel .ui-icon, .section-list.tabs .product-list__item .footer-panel .ui-icon, .section-list.tabs .section-list__item .footer-panel .ui-icon { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .product-list.tabs .product-list__item .description, .product-list.tabs .section-list__item .description, .section-list.tabs .product-list__item .description, .section-list.tabs .section-list__item .description { font: 500 .7rem/1.25 Montserrat, sans-serif } } @media (min-width:1921px) and (max-width:2560px) { .section-page-2 { padding: 2.5rem 0 0 } .product-list.tabs .product-list__item .title, .product-list.tabs .section-list__item .title, .section-list.tabs .product-list__item .title, .section-list.tabs .section-list__item .title { font: 600 .8rem/1.25 Montserrat, sans-serif; padding: 0 0 .75rem } .product-list.tabs .product-list__item .footer-panel .ui-icon, .product-list.tabs .section-list__item .footer-panel .ui-icon, .section-list.tabs .product-list__item .footer-panel .ui-icon, .section-list.tabs .section-list__item .footer-panel .ui-icon { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .product-list.tabs .product-list__item .description, .product-list.tabs .section-list__item .description, .section-list.tabs .product-list__item .description, .section-list.tabs .section-list__item .description { font: 500 .7rem/1.25 Montserrat, sans-serif } } .product-list.tabs .product-list__item .footer-panel .romb_solid, .product-list.tabs .section-list__item .footer-panel .romb_solid, .section-list.tabs .product-list__item .footer-panel .romb_solid, .section-list.tabs .section-list__item .footer-panel .romb_solid { margin: 0 1rem 1rem 0; position: relative } .product-list.tabs .product-list__item .footer-panel .romb_solid svg, .product-list.tabs .section-list__item .footer-panel .romb_solid svg, .section-list.tabs .product-list__item .footer-panel .romb_solid svg, .section-list.tabs .section-list__item .footer-panel .romb_solid svg { width: 60%; height: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60% } .product-list.tabs .product-list__item .footer-panel .romb_solid:hover .tooltip-baloon, .product-list.tabs .section-list__item .footer-panel .romb_solid:hover .tooltip-baloon, .section-list.tabs .product-list__item .footer-panel .romb_solid:hover .tooltip-baloon, .section-list.tabs .section-list__item .footer-panel .romb_solid:hover .tooltip-baloon { -webkit-transform: translateX(-50%); transform: translateX(-50%); visibility: visible; bottom: 35px } .product-list.tabs .product-list__item .description, .product-list.tabs .section-list__item .description, .section-list.tabs .product-list__item .description, .section-list.tabs .section-list__item .description { letter-spacing: -.02em; color: #8e8f90 } .product-list.tabs h3, .section-list.tabs h3 { text-align: left; margin: 0 0 28px } .product-list-wrapper, .section-list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform-origin: top; transform-origin: top; visibility: visible } .section-list__item .product-list__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; color: #262626; border: 2px solid transparent; -webkit-transition: .2s linear; transition: .2s linear } @media (max-width:1280px) { .responsive-container { max-width: inherit; padding: 0 } .second-level-navigation .nav-tab .swiper-wrapper li .menu-text { max-width: 8rem } .divisions-list__item { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "name images" "makers images" } .divisions-list__item .name { margin: 0; grid-area: name; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/span 2 } .divisions-list__item .makers { grid-area: makers; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/span 2; margin: 0 } .divisions-list__item .image { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: image; grid-column: 3; grid-row: 1/span 2 } [class*=swiper-button-] { display: none } .digits-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .digits-block ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2rem } .formula-widget__item .lead-grid .title, .formula-widget__item h2, .lead-grid .formula-widget__item .title { font-size: 1rem } .section-list__item .product-list__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .product-gallery-thumbs .swiper-slide-active, .section-list__item .product-list__item:hover { border-color: #52bbb5 } .section-list__item .product-list__item .image { margin-left: auto; height: auto; display: block } .category-list { position: relative; margin: 0 auto 3rem; width: 100% } .category-list .filter-btn, .category-list-item { position: absolute; display: -webkit-box; display: -ms-flexbox } .category-list .filter-btn { font: 500 16px/20px Montserrat; background-color: #f5f7f9; padding: 10px 30px; border: 1px solid #d8d8d8; right: 0; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); color: #262626; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; z-index: 2 } .category-list .filter-btn .ui-icon { display: block; height: 11px; color: #52bbb5; max-width: 16px; margin: 0 14px 0 0 } .category-list .filter-btn .ui-icon:last-of-type { max-width: 11px; margin: 0 0 0 12px } .category-list-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-shadow: 10px 8px 100px rgba(0, 0, 0, .07); box-shadow: 10px 8px 100px rgba(0, 0, 0, .07); background: #262626; visibility: hidden; overflow: hidden; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: .2s linear; transition: .2s linear; width: 100%; height: 5.8rem; display: flex } .category-list-item .swiper-container { padding: 0; width: 100% } .category-list-item .swiper-container .swiper-wrapper .swiper-slide { width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .category-list.active .category-list-item { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; position: relative } .category-list .controls { top: 10px; left: 0; right: 0; -webkit-transform: none; transform: none } .category-list .controls .swiper-button-next:not(.swiper-button-disabled), .category-list .controls .swiper-button-prev:not(.swiper-button-disabled), .over-filter .controls .swiper-button-next:not(.swiper-button-disabled), .over-filter .controls .swiper-button-prev:not(.swiper-button-disabled) { display: block; width: 30px; height: 10px; background: 0 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 !important } .category-list .controls .swiper-button-next.thin-arrow svg, .category-list .controls .swiper-button-prev.thin-arrow svg { stroke: #fff } .category-list .controls .swiper-button-next { right: 2.66667vw } .category-list .controls .swiper-button-prev { left: 2.66667vw } .category-list-item__section .title { max-width: 100px; color: rgba(255, 255, 255, .5) } .category-list-item .category-list-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; height: 100% } .category-list-item .category-list-grid__item { letter-spacing: -.02em; padding: 1.5rem; overflow: hidden; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; cursor: pointer; margin-right: -1px; position: relative; background-color: transparent; height: 100%; -webkit-transition: .2s linear; transition: .2s linear } .category-list-item .category-list-grid__item::after { content: ''; width: 100%; height: 3px; background: 0 0; position: absolute; bottom: 0; left: 0 } .category-list-item .category-list-grid__item .ui-icon { display: block; height: 5px; color: #52bbb5; max-width: 10px; margin: 0 0 0 12px; -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform: scaleY(1); transform: scaleY(1) } .category-list-item .category-list-grid__item.active { color: #fff; z-index: 2; background-color: rgba(255, 255, 255, .05) } .category-list-item .category-list-grid__item.active::after, .category-list-item .category-list-grid__item.active:hover::after, .category-list-item .category-list-grid__item:hover::after { background: #52bbb5 } .category-list-item .category-list-grid__item.active:hover { color: #52bbb5; border-color: #52bbb5 } .category-list-item .category-list-grid__item:hover { color: #fff; z-index: 1; background-color: rgba(255, 255, 255, .05) } .category-list-item .category-list-grid__item a, .lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled), .lg-show.video-full-gallery .lg-sub-html, .lg-show.video-full-gallery .lg-toolbar .lg-sub-html, .lg-toolbar .lg-icon:hover { color: #fff } .category-list-item .category-list-grid__item .filter-icon { height: 2.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 1.5rem 0 0 } .page-headline .headline-description { margin-left: auto; margin-right: auto; letter-spacing: -.04em } .perspektive .section-list__item { display: -ms-grid; display: grid; grid-template-areas: "image description" "title description"; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-grid-columns: 222px 1fr; grid-template-columns: 222px 1fr; -ms-grid-rows: [image] minmax(130px, 180px); grid-template-rows: [image] minmax(130px, 180px) } .perspektive .title { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: title; font-weight: 600; text-align: left; max-width: inherit; margin-bottom: 0 } .perspektive .image { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: image; height: auto; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-left: 0 } .perspektive .description { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; grid-area: description; color: #505050; overflow: hidden; position: relative; display: block } .perspektive .description p { padding-bottom: 1rem } .perspektive .description.collapsed { padding-bottom: 30px } .perspektive .description.collapsed::before { content: ''; position: absolute; bottom: 40px; width: 100%; height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); -webkit-transition: .3s linear; transition: .3s linear; opacity: 1 } .perspektive .description.collapsed::after { cursor: pointer; position: absolute; bottom: 0; left: 0; padding: 12px 0; display: block; text-align: left; background: #fff; color: #52bbb5; width: 100%; z-index: 1 } .perspektive .description.collapsed.active { max-height: inherit !important } .perspektive .description.collapsed.active::after { padding-top: 0; bottom: -12px } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list-wrapper::after { content: ''; display: block; width: 100%; border-top: 1px solid #d8d8d8; margin: 20px 0 40px } .section_litsenzii-i-sertifikaty .section-list.tabs .swiper-wrapper { height: auto; width: auto } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item { width: calc(33.333333%); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; letter-spacing: -.02em } @media (min-width:2161px) { .product-list.tabs .product-list__item .description+.footer-panel, .product-list.tabs .section-list__item .description+.footer-panel, .section-list.tabs .product-list__item .description+.footer-panel, .section-list.tabs .section-list__item .description+.footer-panel { padding: 1.5rem 0 0 } .section-list__item .product-list__item .title { font: 500 1rem/1.25 Montserrat, sans-serif } .section-list__item .product-list__item .image { width: 9rem } .category-list-item .category-list-grid__item, .category-list-item__section .title { font: 500 .7rem/1.25 Montserrat, sans-serif } .section-body { padding: 4rem 3rem } .page-headline { padding: 0 0 4rem } .page-headline .headline-description { width: 50%; padding-top: 3rem; font: 500 1rem/1.4 Montserrat, sans-serif } .page-headline .headline-description p { padding-bottom: 1.5rem } .perspektive .image { margin-bottom: 2.15rem; font: 500 .7rem/1.4 Montserrat, sans-serif; width: 90% } .perspektive .description { padding-left: 2.15rem; font: 500 .8rem/1.4 Montserrat, sans-serif } .perspektive .description.collapsed::before { left: 2.15rem } .perspektive .description.collapsed::after { padding-left: 2.15rem } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item { padding: 2rem; font: 500 1.1rem/1.4 Montserrat, sans-serif } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .image { margin: 0 0 1.6rem } } @media (min-width:1921px) and (max-width:2560px) { .product-list.tabs .product-list__item .description+.footer-panel, .product-list.tabs .section-list__item .description+.footer-panel, .section-list.tabs .product-list__item .description+.footer-panel, .section-list.tabs .section-list__item .description+.footer-panel { padding: 1.5rem 0 0 } .section-list__item .product-list__item .title { font: 500 1rem/1.25 Montserrat, sans-serif } .section-list__item .product-list__item .image { width: 9rem } .category-list-item .category-list-grid__item, .category-list-item__section .title { font: 500 .7rem/1.25 Montserrat, sans-serif } .section-body { padding: 4rem 3rem } .page-headline { padding: 0 0 4rem } .page-headline .headline-description { width: 50%; padding-top: 3rem; font: 500 1rem/1.4 Montserrat, sans-serif } .page-headline .headline-description p { padding-bottom: 1.5rem } .perspektive .image { margin-bottom: 2.15rem; font: 500 .7rem/1.4 Montserrat, sans-serif; width: 90% } .perspektive .description { padding-left: 2.15rem; font: 500 .8rem/1.4 Montserrat, sans-serif } .perspektive .description.collapsed::before { left: 2.15rem } .perspektive .description.collapsed::after { padding-left: 2.15rem } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item { padding: 2rem; font: 500 1rem/1.4 Montserrat, sans-serif } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .image { margin: 0 0 1.6rem } } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .image { width: 100%; height: inherit; display: block } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; height: auto } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title { display: -webkit-box; display: -ms-flexbox; display: flex; letter-spacing: -.02em; max-width: inherit } .complect-item .product-detail__image:empty, .hide-section, .product-detail .product-header .product-headline .product-props:empty, .section.section_istok .filter-blocks, .section.section_mkh .filter-blocks, .section.section_promkholod .filter-blocks, .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .description:empty, .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .footer-panel { display: none } @media (min-width:2161px) { .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title { font: 600 1.1rem/1.4 Montserrat, sans-serif } } @media (min-width:1921px) and (max-width:2560px) { .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title { font: 600 1rem/1.4 Montserrat, sans-serif } } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title+.description { padding: 0; margin: auto 0 0 } .career-section .category-list .controll-show .swiper-wrapper, .reset-center .swiper-wrapper { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .gallery-page::before, .search-page::before, .section-page::before, .static-page::before { content: ''; border-top: 1px solid rgba(38, 38, 38, .1); position: absolute; left: 0; top: 0; width: 100%; height: 1px } .product-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 2rem; padding: .5rem .5rem .5rem 1.5rem; width: calc(50% - 1rem); background-color: #fff } .product-list__item .name { margin: 1rem .25rem 1rem 0; color: #262626 } .product-list__item .name a { text-decoration: none; color: inherit } .product-list__item .makers { margin: 1rem 0 } .product-list__item .makers p { margin: 0; color: #8e8f90 } .product-list__item .image { margin-left: auto; width: 5rem; height: 5rem; -webkit-box-flex: 0; -ms-flex: 0 0 5rem; flex: 0 0 5rem } .product-list__item .image a { display: block; outline: 0 } .product-list__item .image img { max-width: 100%; max-height: 100% } .product-detail .product-header .product-headline .product-teaser { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: rgba(82, 187, 181, .2); color: #52bbb5; margin: 0 0 1.5rem } .articles-list h3, .geography .lead__slogan, .geography h1, .lead-grid .product-detail .product-header .product-headline .product-description .title, .perspektive .product-detail .product-header .product-headline .product-description .title, .product-detail .product-header .product-headline .lead__slogan, .product-detail .product-header .product-headline .product-description .lead-grid .title, .product-detail .product-header .product-headline .product-description .perspektive .title, .product-detail .product-header .product-headline .product-description h2, .product-detail .product-header .product-headline .product-description h3, .product-detail .product-header .product-headline .product-description h4, .product-detail .product-header .product-headline .product-description h5, .product-detail .product-header .product-headline .product-description h6, .product-detail .product-header .product-headline h1 { text-align: left } .product-detail .product-header .product-headline .product-description { letter-spacing: -.02em; color: #4e4953; margin: 0 0 .75rem } .product-detail .product-header .product-headline .product-description p { margin: 0 0 .75rem } .product-detail .product-header .product-headline .product-description ul { margin: .75rem 0 .75rem .75rem.25rem; list-style-type: none } .product-detail .product-header .product-headline .product-description ul li::before { content: ''; position: absolute; top: .25rem; left: -1rem; width: .4rem; height: .4rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem; background-color: #52bbb5; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .product-detail .product-header .product-headline .product-description ol { list-style-type: decimal; margin-left: .75rem } .product-detail .product-header .product-headline .product-description ol>li { margin: 0 0 .5rem } .product-detail .product-header .product-headline .product-description ol ul { margin-top: .5rem; margin-bottom: 0 } .product-detail .product-header .product-headline .product-description ol ul li { font-size: .6rem; padding: 0 0 .5rem } .product-detail .product-header .product-headline .product-props { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 2.8rem; -ms-flex-wrap: wrap; flex-wrap: wrap } .product-detail .product-header .product-headline .product-props .romb_solid { margin: 0 .8rem .8rem 0 } .product-detail .product-header .product-headline .product-props .romb_solid .ui-icon { width: 70%; height: 70%; -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70% } @media (min-width:2161px) { .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title+.description { padding-top: .6rem } .product-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif } .product-list__item .makers p { font: 500 .6rem/1.6666 Montserrat, sans-serif; width: 9.2rem } .product-detail .product-header .product-headline { padding-left: 5.5rem; padding-top: 3.5rem } .product-detail .product-header .product-headline .product-teaser { font: 500 .7rem/1 Montserrat; padding: .5rem 1rem } .product-detail .product-header .product-headline .product-description { font: 500 .8rem/1.5 Montserrat } .product-detail .product-header .product-headline .product-description ul li { padding: 0 0 1rem } .product-detail .product-header .product-headline .product-props .romb_solid { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .product-detail .product-header .product-headline .product-props__item { font: 500 .6rem/1.3 Montserrat } } @media (min-width:1921px) and (max-width:2560px) { .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title+.description { padding-top: .6rem } .product-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif } .product-list__item .makers p { font: 500 .6rem/1.6666 Montserrat, sans-serif; width: 9.2rem } .product-detail .product-header .product-headline { padding-left: 5.5rem; padding-top: 3.5rem } .product-detail .product-header .product-headline .product-teaser { font: 500 .7rem/1 Montserrat; padding: .5rem 1rem } .product-detail .product-header .product-headline .product-description { font: 500 .8rem/1.5 Montserrat } .product-detail .product-header .product-headline .product-description ul li { padding: 0 0 1rem } .product-detail .product-header .product-headline .product-props .romb_solid { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .product-detail .product-header .product-headline .product-props__item { font: 500 .6rem/1.3 Montserrat } } .product-detail .product-header .product-headline .product-props__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8e8f90; letter-spacing: -.02em; width: 30% } .product-detail .product-header .product-headline .product-props__item:nth-child(odd) { margin: 0 2rem 0 0 } .product-detail .product-header .product-headline .product-props .ui-text { padding: 0 0 .8rem } .product-detail .product-header .product-headline .btn-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 0 4rem } .product-detail .product-header .product-headline .btn-wrapper .btn { border-radius: 0; letter-spacing: .07em; text-transform: uppercase } .product-gallery { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; position: relative } .table-props-overflow, table.props { overflow-x: auto } .product-gallery::before { content: ''; display: block; position: absolute; height: 100%; left: 0; background: #f5f7f9; -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 100%; top: 0 } .product-gallery .controls { position: absolute; -webkit-transform: none; transform: none; top: 0; right: 0; margin-top: 2rem } .product-gallery .controls .swiper-button-prev { top: 0; right: -1.75rem; left: unset } .product-gallery .controls .swiper-button-next { top: 5.35rem } .product-gallery-thumbs { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; padding: 1.5rem .75rem 0; min-width: 18.5rem; z-index: 3; max-width: 50% } .product-gallery-thumbs .swiper-slide { padding: .3rem; border: 2px solid transparent; width: 60px; height: 44px; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; cursor: pointer } .product-gallery [class*=swiper-button-] { display: block; -webkit-transform: matrix(-.71, -.71, -.71, .71, 0, 0); transform: matrix(-.71, -.71, -.71, .71, 0, 0); margin-top: 0 } .product-gallery .swiper-container .swiper-wrapper .swiper-slide img { max-width: 80%; max-height: 20rem } .lead-grid .properties .title, .product-detail__tech, .properties .lead-grid .title, .properties h2 { margin: 0 0 1.5rem } .product-detail__tech h3 { text-align: left; margin: 0 0 .75rem } .product-detail__tech--grid { letter-spacing: -.02em; padding-left: 1rem } @media (min-width:2161px) { .product-detail .product-header .product-headline .btn-wrapper .btn { font: 500 .6rem/1.3 Montserrat; padding: 1rem 2.5rem } .product-gallery { height: 38rem } .product-detail__tech h3 { font: 700 .8rem/1.4 Montserrat } .product-detail__tech--grid { font: 500 .8rem/1.4 Montserrat } } @media (min-width:1921px) and (max-width:2560px) { .product-detail .product-header .product-headline .btn-wrapper .btn { font: 500 .6rem/1.3 Montserrat; padding: 1rem 2.5rem } .product-gallery { height: 38rem } .product-detail__tech h3 { font: 700 .8rem/1.4 Montserrat } .product-detail__tech--grid { font: 500 .8rem/1.4 Montserrat } } @media (min-width:1281px) and (max-width:1920px) { .lead--mission .lead__slogan { width: 24.15rem } .page-lead .lead__slogan { top: 4rem } .lead-grid { margin-bottom: 3rem !important } .section-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem } .section-list__item .product-list__item .title, .section-list__item .title { font: 500 1rem/1.25 Montserrat, sans-serif } .section-list__item .image { width: 9rem; height: 7rem; -webkit-box-flex: 0; -ms-flex: 0 0 9rem; flex: 0 0 9rem } .search-page .headline, .section-page .headline, .static-page .headline { padding: 3rem 0 3.5rem } .section-page-2 { padding: 2.5rem 0 0 } .product-list.tabs .product-list__item .title, .product-list.tabs .section-list__item .title, .section-list.tabs .product-list__item .title, .section-list.tabs .section-list__item .title { font: 600 .8rem/1.25 Montserrat, sans-serif; padding: 0 0 .75rem } .product-detail .product-header .product-headline .product-props .romb_solid, .product-list.tabs .product-list__item .footer-panel .ui-icon, .product-list.tabs .section-list__item .footer-panel .ui-icon, .section-list.tabs .product-list__item .footer-panel .ui-icon, .section-list.tabs .section-list__item .footer-panel .ui-icon { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .category-list-item .category-list-grid__item, .category-list-item__section .title, .product-list.tabs .product-list__item .description, .product-list.tabs .section-list__item .description, .section-list.tabs .product-list__item .description, .section-list.tabs .section-list__item .description { font: 500 .7rem/1.25 Montserrat, sans-serif } .product-list.tabs .product-list__item .description+.footer-panel, .product-list.tabs .section-list__item .description+.footer-panel, .section-list.tabs .product-list__item .description+.footer-panel, .section-list.tabs .section-list__item .description+.footer-panel { padding: 1.5rem 0 0 } .section-list__item .product-list__item .image { width: 9rem } .section-body { padding: 4rem 3rem } .page-headline { padding: 0 0 4rem } .page-headline .headline-description { width: 50%; padding-top: 3rem; font: 500 1rem/1.4 Montserrat, sans-serif } .page-headline .headline-description p { padding-bottom: 1.5rem } .perspektive .image { margin-bottom: 2.15rem; font: 500 .7rem/1.4 Montserrat, sans-serif; width: 90% } .perspektive .description { padding-left: 2.15rem; font: 500 .8rem/1.4 Montserrat, sans-serif } .perspektive .description.collapsed::before { left: 2.15rem } .perspektive .description.collapsed::after { padding-left: 2.15rem } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item { padding: 2rem; font: 500 .8rem/1.4 Montserrat, sans-serif } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .image { margin: 0 0 1.6rem } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title { font: 600 .8rem/1.4 Montserrat, sans-serif } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title+.description { padding-top: .6rem } .product-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif } .product-list__item .makers p { font: 500 .6rem/1.6666 Montserrat, sans-serif; width: 9.2rem } .product-detail .product-header .product-headline { padding-left: 5.5rem; padding-top: 3.5rem } .product-detail .product-header .product-headline .product-teaser { font: 500 .7rem/1 Montserrat; padding: .5rem 1rem } .product-detail .product-header .product-headline .product-description { font: 500 .8rem/1.5 Montserrat } .product-detail .product-header .product-headline .product-description ul li { padding: 0 0 1rem } .product-detail .product-header .product-headline .product-props__item { font: 500 .6rem/1.3 Montserrat } .product-detail .product-header .product-headline .btn-wrapper .btn { font: 500 .6rem/1.3 Montserrat; padding: 1rem 2.5rem } .product-gallery { height: 38rem } .product-detail__tech h3 { font: 700 .8rem/1.4 Montserrat } .product-detail__tech--grid { font: 500 .7rem/1.4 Montserrat } } @media (min-width:1024px) and (max-width:1280px) { .lead--mission .lead__slogan { width: 24.15rem } .page-lead .lead__slogan { top: 4rem } .lead-grid { margin-bottom: 3rem !important } .inner-header+.lead__slogan { bottom: 50px } .section-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem } .section-list__item .product-list__item .title, .section-list__item .title { font: 500 1rem/1.25 Montserrat, sans-serif } .section-list__item .image { width: 9rem; height: 7rem; -webkit-box-flex: 0; -ms-flex: 0 0 9rem; flex: 0 0 9rem } .search-page .headline, .section-page .headline, .static-page .headline { padding: 3rem 0 3.5rem } .section-page-2 { padding: 2.5rem 0 0 } .product-list.tabs .product-list__item .title, .product-list.tabs .section-list__item .title, .section-list.tabs .product-list__item .title, .section-list.tabs .section-list__item .title { font: 600 .8rem/1.25 Montserrat, sans-serif; padding: 0 0 .75rem } .product-detail .product-header .product-headline .product-props .romb_solid, .product-list.tabs .product-list__item .footer-panel .ui-icon, .product-list.tabs .section-list__item .footer-panel .ui-icon, .section-list.tabs .product-list__item .footer-panel .ui-icon, .section-list.tabs .section-list__item .footer-panel .ui-icon { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .category-list-item .category-list-grid__item, .category-list-item__section .title, .product-list.tabs .product-list__item .description, .product-list.tabs .section-list__item .description, .section-list.tabs .product-list__item .description, .section-list.tabs .section-list__item .description { font: 500 .7rem/1.25 Montserrat, sans-serif } .product-list.tabs .product-list__item .description+.footer-panel, .product-list.tabs .section-list__item .description+.footer-panel, .section-list.tabs .product-list__item .description+.footer-panel, .section-list.tabs .section-list__item .description+.footer-panel { padding: 1.5rem 0 0 } .section-list__item .product-list__item .image { width: 9rem } .section-body { padding: 3rem 2rem } .page-headline { padding: 0 0 3rem } .page-headline .headline-description { width: 50%; padding-top: 3rem; font: 500 1rem/1.4 Montserrat, sans-serif } .page-headline .headline-description p { padding-bottom: 1.5rem } .perspektive .image { margin-bottom: 2.15rem; font: 500 .7rem/1.4 Montserrat, sans-serif; width: 90% } .perspektive .description { padding-left: 2.15rem; font: 500 .8rem/1.4 Montserrat, sans-serif } .perspektive .description.collapsed::before { left: 2.15rem } .perspektive .description.collapsed::after { padding-left: 2.15rem } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item { padding: 2rem; font: 500 .7rem/1.4 Montserrat, sans-serif } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .image { margin: 0 0 1.6rem } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title { font: 600 .7rem/1.4 Montserrat, sans-serif } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title+.description { padding-top: .6rem } .product-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif } .product-list__item .makers p { font: 500 .6rem/1.6666 Montserrat, sans-serif; width: 9.2rem } .product-detail .product-header .product-headline { padding-left: 1.5rem; padding-top: 0 } .product-detail .product-header .product-headline .product-teaser { font: 500 .7rem/1 Montserrat; padding: .5rem 1rem } .product-detail .product-header .product-headline .product-description { font: 500 .8rem/1.5 Montserrat } .product-detail .product-header .product-headline .product-description ul li { padding: 0 0 1rem } .product-detail .product-header .product-headline .product-props__item { font: 500 .6rem/1.3 Montserrat; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .product-detail .product-header .product-headline .btn-wrapper .btn { font: 500 .6rem/1.3 Montserrat; padding: 1rem 2.5rem } .product-gallery { height: 38rem } .product-detail__tech h3 { font: 700 .8rem/1.4 Montserrat } .product-detail__tech--grid { font: 500 .7rem/1.4 Montserrat } } @media (min-width:768px) and (max-width:1023px) { .lead-grid { margin-bottom: 3rem !important; display: block; -ms-grid-columns: unset; grid-template-columns: unset; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr) } .inner-header { position: absolute; left: 1.5rem; top: 0 } .inner-header+.lead__slogan { bottom: 120px } .section { padding-top: 2.5rem } .section-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif; width: 9.2rem } .section-list__item .product-list__item .title, .section-list__item .title { font: 500 1rem/1.25 Montserrat, sans-serif } .section-list__item .image { width: 100%; margin: 0 0 10px } .search-page .headline, .section-page .headline, .static-page .headline { padding: 1rem 0 1.5rem } .section-page-2 { padding: 2.5rem 0 0 } .product-list.tabs .product-list__item, .product-list.tabs .section-list__item, .section-list.tabs .product-list__item, .section-list.tabs .section-list__item { padding: 30px 20px } .product-list.tabs .product-list__item .image, .product-list.tabs .section-list__item .image, .section-list.tabs .product-list__item .image, .section-list.tabs .section-list__item .image { margin: 0 10px 30px 0 !important } .product-list.tabs .product-list__item .title, .product-list.tabs .section-list__item .title, .section-list.tabs .product-list__item .title, .section-list.tabs .section-list__item .title { font: 600 .8rem/1.25 Montserrat, sans-serif; padding: 0 0 .75rem } .product-detail .product-header .product-headline .product-props .romb_solid, .product-list.tabs .product-list__item .footer-panel .ui-icon, .product-list.tabs .section-list__item .footer-panel .ui-icon, .section-list.tabs .product-list__item .footer-panel .ui-icon, .section-list.tabs .section-list__item .footer-panel .ui-icon { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .category-list-item .category-list-grid__item, .product-list.tabs .product-list__item .description, .product-list.tabs .section-list__item .description, .section-list.tabs .product-list__item .description, .section-list.tabs .section-list__item .description { font: 500 .6rem/1.25 Montserrat, sans-serif } .product-list.tabs .product-list__item .description+.footer-panel, .product-list.tabs .section-list__item .description+.footer-panel, .section-list.tabs .product-list__item .description+.footer-panel, .section-list.tabs .section-list__item .description+.footer-panel { padding: 1.5rem 0 0 } .section-list__item .product-list__item .image { width: 9rem } .section-factory .section-list__item .title { font: 500 .8rem/1.25 Montserrat, sans-serif; max-width: 100% } .category-list-item__section .title { font: 500 .7rem/1.25 Montserrat, sans-serif } .section-body { padding: 1.5rem 1rem } .page-headline { padding: 0 0 1.5rem } .page-headline .headline-description { width: 50%; padding-top: 3rem; font: 500 .7rem/1.4 Montserrat, sans-serif } .page-headline .headline-description p { padding-bottom: 1.5rem } .perspektive .image { margin-bottom: 2.15rem; font: 500 .6rem/1.4 Montserrat, sans-serif; width: 90% } .perspektive .description { padding-left: 2.15rem; font: 500 .8rem/1.4 Montserrat, sans-serif } .perspektive .description.collapsed::before { left: 2.15rem } .perspektive .description.collapsed::after { padding-left: 2.15rem } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item { padding: 1.5rem; font: 500 .65rem/1.4 Montserrat, sans-serif; width: calc(50% - 20px) } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .image { margin: 0 0 1rem } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title { font: 600 .65rem/1.4 Montserrat, sans-serif } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title+.description { padding-top: .6rem } .product-list__item { width: calc(50% - .5rem); margin: 0 0 1.5rem } .product-list__item .name { font: 500 .8rem/1.25 Montserrat, sans-serif } .product-list__item .makers p { font: 500 .6rem/1.6666 Montserrat, sans-serif; width: 9.2rem } .product-list__item .image { -webkit-box-flex: 0; -ms-flex: 0 0 5rem; flex: 0 0 5rem; margin: 0 .5rem 0 0 } .product-detail { overflow-x: hidden } .product-detail .product-header { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; margin: 0 -1.5rem } .product-detail .product-header .product-headline { padding-left: 1.5rem; padding-top: 0 } .product-detail .product-header .product-headline .product-teaser { font: 500 .7rem/1 Montserrat; padding: .5rem 1rem; margin: 0 0 .75rem } .product-detail .product-header .product-headline .lead__slogan, .product-detail .product-header .product-headline h1 { margin: 0 0 1.8rem } .product-detail .product-header .product-headline .product-description { font: 500 .8rem/1.5 Montserrat; margin: 0 0 2.3rem } .product-detail .product-header .product-headline .product-description ul li { padding: 0 0 1rem } .product-detail .product-header .product-headline .product-props .romb_solid .ui-icon { width: 80%; height: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80% } .product-detail .product-header .product-headline .product-props__item { font: 500 .6rem/1.3 Montserrat; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .product-detail .product-header .product-headline .product-props .ui-text { font: 500 .55rem/1.3 Montserrat } .product-detail .product-header .product-headline .btn-wrapper { margin: 0 0 2rem } .product-detail .product-header .product-headline .btn-wrapper .btn { font: 500 .6rem/1.3 Montserrat; padding: 1rem 2.5rem; margin: 0 } .product-gallery { height: 22.5rem } .product-gallery-thumbs { width: 70% } .product-detail__tech h3 { font: 700 .8rem/1.4 Montserrat } .product-detail__tech--grid { font: 500 .7rem/1.4 Montserrat } } @media (max-width:767px) { .lead--mission .lead__slogan { width: auto; top: unset; bottom: 80px } .page-lead .lead__slogan { top: 5rem } .lead-grid { margin-bottom: 1.875rem !important; display: block; -ms-grid-columns: unset; grid-template-columns: unset; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr) } .lead-grid .description { max-width: inherit } .inner-header .link-return { max-width: 230px } .section { padding-top: 1.875rem } .section .secondary-title { padding: 2.3125rem 0 1.125rem } .section .secondary-title h3 { text-align: center } .lead-grid .section .title, .section .lead-grid .title, .section h2 { text-align: left; padding: 0 4vw } .section-list__item { width: auto; margin: 0 0 20px; padding: 4vw } .section-list__item .name { font: 500 1rem/1.25 Montserrat, sans-serif; width: 11.5rem } .section-list__item .product-list__item .title, .section-list__item .title { font: 500 1.25rem/1.25 Montserrat, sans-serif } .section-list__item .image { width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 10px !important; height: 150px } .section-list__item .image img { height: 100% } .search-page .headline, .section-page .headline, .static-page .headline { padding: 1.25rem 0 1.875rem } .section-page-2 { padding: 3.125rem 0 0 } .product-list.tabs, .section-list.tabs { margin: 0 0 30px } .product-list.tabs .pos-r .pos-a, .section-list.tabs .pos-r .pos-a { position: relative; margin: 8vw 0 0 } .product-list.tabs .product-list__item, .product-list.tabs .section-list__item, .section-list.tabs .product-list__item, .section-list.tabs .section-list__item { padding: 30px 20px } .product-list.tabs .product-list__item .image, .product-list.tabs .section-list__item .image, .section-list.tabs .product-list__item .image, .section-list.tabs .section-list__item .image { margin: 0 0 15px } .product-list.tabs .product-list__item .title, .product-list.tabs .section-list__item .title, .section-list.tabs .product-list__item .title, .section-list.tabs .section-list__item .title { font: 600 .75rem/1.25 Montserrat, sans-serif; padding: 0 0 .625rem } .product-list.tabs .product-list__item .body, .product-list.tabs .section-list__item .body, .section-list.tabs .product-list__item .body, .section-list.tabs .section-list__item .body { padding: 0 0 0 4vw } .product-detail .product-header .product-headline .product-props .romb_solid, .product-list.tabs .product-list__item .footer-panel .ui-icon, .product-list.tabs .section-list__item .footer-panel .ui-icon, .section-list.tabs .product-list__item .footer-panel .ui-icon, .section-list.tabs .section-list__item .footer-panel .ui-icon { width: 1.5625rem; height: 1.5625rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5625rem; flex: 0 0 1.5625rem } .product-list.tabs .product-list__item .description, .product-list.tabs .section-list__item .description, .section-list.tabs .product-list__item .description, .section-list.tabs .section-list__item .description { font: 500 .5625rem/1.25 Montserrat, sans-serif } .product-list.tabs .product-list__item .description+.footer-panel, .product-list.tabs .section-list__item .description+.footer-panel, .section-list.tabs .product-list__item .description+.footer-panel, .section-list.tabs .section-list__item .description+.footer-panel { padding: 1.875rem 0 0 } .product-list-wrapper, .section-list-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .product-list-wrapper.swiper-wrapper, .section-list-wrapper.swiper-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; width: auto } .product-list-wrapper.swiper-wrapper .section-list__item, .section-list-wrapper.swiper-wrapper .section-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90% } .section-list__item .product-list__item .image { width: 11.25rem } .section-factory .section-list__item { width: 100% } .section-factory .section-list__item .title { font: 500 .6875rem/1.25 Montserrat, sans-serif; max-width: 100% } .category-list { margin: 0 auto } .category-list .filter-btn { -webkit-transform: translateY(0); transform: translateY(0); font: 500 12px/16px Montserrat } .category-list.active .category-list-item .swiper-wrapper, .category-list.active .category-list-item .swiper-wrapper.justify-content-center { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .career-section .category-list.active .category-list-item { -webkit-transform: translateY(38px); transform: translateY(38px) } .category-list-item__section .title { font: 500 .75rem/1.25 Montserrat, sans-serif } .category-list-item .category-list-grid__item { font: 500 .75rem/1.25 Montserrat, sans-serif; padding: 1.5rem 1rem } .section-body { padding: 1.875rem 4vw } .page-headline { padding: 0 0 1.875rem } .page-headline .headline-description { width: 95%; padding-top: 1.875rem; font: 500 .75rem/1.4 Montserrat, sans-serif } .page-headline .headline-description p { padding-bottom: 1.875rem } .perspektive { padding-top: 0 } .perspektive .section-list { display: block } .perspektive .section-list__item { display: block; grid-template-areas: "image" "title" "description"; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .divisions-list__item .image, .perspektive .image { -ms-grid-row: 1; -ms-grid-column: 1 } .perspektive .title { display: block; margin-bottom: .625rem; -ms-grid-row: 2; -ms-grid-column: 1 } .perspektive .image { display: block; margin-bottom: 1.25rem; font: 500 .5625rem/1.4 Montserrat, sans-serif; width: 100%; height: inherit } .perspektive .image img { height: auto; display: block; width: 100% } .perspektive .description { padding-left: 0; margin-top: 1.25rem; font: 500 .8rem/1.4 Montserrat, sans-serif } .perspektive .description.collapsed::before { left: 0 } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item { padding: 1.25rem 4vw; font: 500 .6875rem/1.4 Montserrat, sans-serif; width: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; height: auto } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .image { margin: 0 0 .9375rem; width: auto; max-width: 100%; height: 100vw } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title { font: 600 .6875rem/1.4 Montserrat, sans-serif } .section_litsenzii-i-sertifikaty .section-list.tabs .section-list__item .title+.description { padding-top: 0 } .js-mobile-swiper { margin-right: -4vw } .product-list__item { width: auto; margin: 0 0 20px } .product-list__item .name { font: 500 1rem/1.25 Montserrat, sans-serif } .product-list__item .makers p { font: 500 .75rem/1.6666 Montserrat, sans-serif; width: 11.5rem } .product-detail { overflow-x: hidden } .product-detail .product-header .product-headline { padding-left: 0; padding-top: 0 } .product-detail .product-header .product-headline .product-teaser { font: 500 .75rem/1 Montserrat; padding: .3125rem .625rem; margin: 4vw 0 } .product-detail .product-header .product-headline .lead__slogan, .product-detail .product-header .product-headline h1 { margin: 0 0 1.5625rem } .product-detail .product-header .product-headline .product-description { font: 500 .75rem/1.5 Montserrat; margin: 0 } .product-detail .product-header .product-headline .product-description ul li { padding: 0 0 1.25rem } .product-detail .product-header .product-headline .product-props .romb_solid .ui-icon { width: 60%; height: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60% } .product-detail .product-header .product-headline .product-props__item { font: 500 .75rem/1.3 Montserrat; width: 43%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .product-detail .product-header .product-headline .product-props .ui-text { font: 500 .5625rem/1.3 Montserrat } .product-detail .product-header .product-headline .btn-wrapper { margin: 0 0 2rem } .product-detail .product-header .product-headline .btn-wrapper .btn { font: 500 .75rem/1.3 Montserrat; padding: .625rem 1.875rem; margin: 0 } .product-gallery { height: 47.5rem } .product-gallery::before, .product-gallery__desktop { display: none } .product-gallery__mobile { display: block; width: 100vw; margin: 0 -4vw 16vw; height: 100vw; overflow: hidden } .product-detail__tech h3 { font: 700 1rem/1.4 Montserrat } .product-detail__tech--grid { font: 500 .875rem/1.4 Montserrat } } .product-detail__tech--grid__item { letter-spacing: -.02em; position: relative } .product-detail__tech--grid__item::before { content: ''; position: absolute; top: .25rem; left: -1rem; width: .4rem; height: .4rem; -webkit-box-flex: 0; -ms-flex: 0 0 .4rem; flex: 0 0 .4rem; background-color: #52bbb5; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .product-detail__tech--grid__item:first-of-type { padding-top: 0 } .product-detail__tech--grid__item:last-of-type { border: 0; padding-bottom: 0 } .product-detail__tech--grid__item b, .product-detail__tech--grid__item strong { font-weight: 600 } .product-detail__tech--grid a[href^="#"] { text-transform: uppercase; letter-spacing: .07em; display: block } @media (min-width:2161px) { .product-detail__tech--grid__item { font: 500 .8rem/1.3 Montserrat; padding: 0 0 1rem } .product-detail__tech--grid a[href^="#"] { font: 600 .6rem/1.3 Montserrat; margin: 2rem 0 0 } .product-gallery-empty { margin: 2.5rem 0 0 } } @media (min-width:1921px) and (max-width:2560px) { .product-detail__tech--grid__item { font: 500 .8rem/1.3 Montserrat; padding: 0 0 1rem } .product-detail__tech--grid a[href^="#"] { font: 600 .6rem/1.3 Montserrat; margin: 2rem 0 0 } } @media (min-width:1281px) and (max-width:1920px) { .product-detail__tech--grid__item { font: 500 .8rem/1.3 Montserrat; padding: 0 0 1rem } .product-detail__tech--grid a[href^="#"] { font: 600 .6rem/1.3 Montserrat; margin: 2rem 0 0 } .product-gallery-empty { margin: 3rem 0 0 } } @media (min-width:1024px) and (max-width:1280px) { .product-detail__tech--grid__item { font: 500 .8rem/1.3 Montserrat; padding: 0 0 1rem } .product-detail__tech--grid a[href^="#"] { font: 600 .6rem/1.3 Montserrat; margin: 2rem 0 0 } } .complect-item .product-detail__image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60% } .complect-item .product-detail__image .image, .properties-rows .properties:first-of-type { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .complect, .properties, .similar { border-top: 1px solid #d8d8d8; margin: 4rem 0 0 } .complect, .similar { padding: 4rem 0 0 } .lead-grid .properties .title, .properties .lead-grid .title, .properties h2 { text-align: left; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .complect .lead-grid .title, .complect h2, .lead-grid .complect .title, .lead-grid .similar .title, .similar .lead-grid .title, .similar h2 { text-align: left; margin: 0 0 3.25rem; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width:768px) and (max-width:1023px) { .product-detail__tech--grid__item { font: 500 .8rem/1.3 Montserrat; padding: 0 0 1rem } .product-detail__tech--grid a[href^="#"] { font: 600 .6rem/1.3 Montserrat; margin: 2rem 0 0 } .complect-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .complect-item .product-detail__image { margin: 0 0 1.5rem; width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .complect, .properties, .similar { padding: 2rem 0; margin: 2rem 0 0 } .complect .lead-grid .title, .complect h2, .lead-grid .complect .title, .lead-grid .properties .title, .lead-grid .similar .title, .properties .lead-grid .title, .properties h2, .similar .lead-grid .title, .similar h2 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 .75rem 0 0; margin: 0 0 1.5rem } } @media (max-width:767px) { .product-detail__tech--grid__item { font: 500 .875rem/1.3 Montserrat; padding: 0 0 1.25rem } .product-detail__tech--grid a[href^="#"] { font: 600 .5625rem/1.3 Montserrat; margin: 1.25rem 0 0 } .complect-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .complect-item .product-detail__image { margin: 0 0 1.875rem; width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .complect, .properties, .similar { padding: 1.25rem 0; margin: 1.25rem 0 0 } .complect .lead-grid .title, .complect h2, .lead-grid .complect .title, .lead-grid .properties .title, .lead-grid .similar .title, .properties .lead-grid .title, .properties h2, .similar .lead-grid .title, .similar h2 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 .75rem 0 0; margin: 0 0 1.5rem } } .complect .lead-grid .title .pos-a, .complect h2 .pos-a, .lead-grid .complect .title .pos-a, .lead-grid .properties .title .pos-a, .lead-grid .similar .title .pos-a, .properties .lead-grid .title .pos-a, .properties h2 .pos-a, .similar .lead-grid .title .pos-a, .similar h2 .pos-a { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .complect .lead-grid .title .pos-a .ui-icon, .complect h2 .pos-a .ui-icon, .lead-grid .complect .title .pos-a .ui-icon, .lead-grid .properties .title .pos-a .ui-icon, .lead-grid .similar .title .pos-a .ui-icon, .properties .lead-grid .title .pos-a .ui-icon, .properties h2 .pos-a .ui-icon, .similar .lead-grid .title .pos-a .ui-icon, .similar h2 .pos-a .ui-icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; width: .35rem; height: .35rem; -webkit-box-flex: 0; -ms-flex: 0 0 .35rem; flex: 0 0 .35rem } .properties-rows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #4e4953 } .properties-rows .properties:last-of-type .product-detail__tech--grid { width: 100%; padding-left: 5.5rem } .properties-rows .properties .product-detail__tech--grid { display: block; width: 90%; max-width: inherit; font-size: .8rem; line-height: 1.5 } .properties-rows .properties b, .properties-rows .properties strong { display: inline; font-weight: 700 } .properties { margin: 0; padding: 1.5rem 0 } .properties .product-detail__tech--grid { max-width: 55%; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width:768px) and (max-width:1023px) { .properties { padding: 2rem 0 } .properties .product-detail__tech--grid { max-width: inherit } } .lg-outer .lg, .product-gallery-empty .properties .product-detail__tech--grid { max-width: 100% } .properties .product-detail__tech--grid__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: .5rem 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #d8d8d8; letter-spacing: -.02em } .custom-checkbox input, .custom-clustericon img, .custom-radio input, .filter-panel-grid__item:last-of-type::after, .gmnoprint.gm-bundled-control button img, .gmnoprint.gm-bundled-control button:first-of-type+div, .gmnoprint.gm-bundled-control button:hover img, .lg-actions .lg-next::before, .lg-outer .lg-empty-html, .lg-show.video-full-gallery .lg-actions, .lg-show.video-full-gallery .lg-counter, .lg-show.video-full-gallery .lg-has-video .lg-has-poster, .lg-show.video-full-gallery .lg-next, .lg-show.video-full-gallery .lg-prev, .lg-single-item .lg-next, .lg-single-item .lg-prev, .lg-toolbar #lg-actual-size, .lg-toolbar #lg-download, .lg-toolbar #lg-share, .lg-toolbar #lg-zoom-in, .lg-toolbar #lg-zoom-out, .lg-toolbar .lg-autoplay-button, .lg-toolbar .lg-fullscreen, .main-geo .ksc-marker-icon .gmnoprint, .mobile-only .header-search, .over-filter-grid__item:last-of-type::after, .over-filter_item .filter-panel-grid__item:last-child::after, .over-filter_item .filter-panel-grid__item:only-child:after, .over-filter_item .over-filter-grid__item:last-child::after, .over-filter_item .over-filter-grid__item:only-child:after, .product-gallery-empty .short-tech, .properties .product-detail__tech--grid__item::before { display: none } .properties .product-detail__tech--grid__item .ui-title { color: #8e8f90; padding-right: 1.5rem; width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60% } @media (max-width:767px) { .properties { padding: 1.25rem 0 } .properties .product-detail__tech--grid { max-width: inherit } .properties .product-detail__tech--grid__item .ui-title { width: 100%; font: 500 .6875rem/1.3 Montserrat, sans-serif; white-space: pre-line; word-break: break-word; display: block } } .properties .product-detail__tech--grid__item .ui-title.table-header { color: #262626; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; font-weight: 600 } .properties .product-detail__tech--grid__item .ui-value { color: #262626; text-align: right; padding-left: 1.5rem; font-weight: 600 } .product-gallery-empty, .properties .product-detail__tech--grid__item, .similar .product-list-wrapper, .similar .section-list-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .product-gallery-empty { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative } .product-gallery-empty .link-return { top: 0; padding-top: 0; position: relative } .product-gallery-empty .complect { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 0; width: 45% } .product-gallery-empty .properties { margin-top: 0; width: 48%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .filter-panel-grid__item, .over-filter-grid__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: auto !important } .filter-panel-grid__item::after, .over-filter-grid__item::after, .over-filter_item .filter-panel-grid__item::after, .over-filter_item .over-filter-grid__item::after { content: ''; display: block; width: 4px; height: 4px; -webkit-box-flex: 0; -ms-flex: 0 0 4px; flex: 0 0 4px; background-color: #52bbb5; border-radius: 50% } @media (min-width:2161px) { .product-gallery-empty .product-header .product-headline { padding-left: 5.5rem; padding-top: 0 } .filter-panel, .over-filter { font: 500 .8rem/1.25 Montserrat; margin: 0 0 .75rem; height: 1.5rem } .filter-panel-grid__item, .over-filter-grid__item { font: 500 .8rem/1.25 Montserrat; margin: 0 .75rem .75rem 0 } .filter-panel-grid__item::after, .over-filter-grid__item::after { margin: 0 0 0 .75rem } .gallery-page .headline .btn { font: 500 .8rem/1.25 Montserrat, sans-serif } } @media (min-width:1921px) and (max-width:2560px) { .product-gallery-empty { margin: 3rem 0 0 } .product-gallery-empty .product-header .product-headline { padding-left: 5.5rem; padding-top: 0 } .filter-panel, .over-filter { font: 500 .8rem/1.25 Montserrat; margin: 0 0 .75rem; height: 1.5rem } .filter-panel-grid__item, .over-filter-grid__item { font: 500 .8rem/1.25 Montserrat; margin: 0 .75rem .75rem 0 } .filter-panel-grid__item::after, .over-filter-grid__item::after { margin: 0 0 0 .75rem } .gallery-page .headline .btn { font: 500 .8rem/1.25 Montserrat, sans-serif } } @media (min-width:1281px) and (max-width:1920px) { .product-gallery-empty .product-header .product-headline { padding-left: 5.5rem; padding-top: 0 } .filter-panel, .over-filter { font: 500 .8rem/1.25 Montserrat; margin: 0 0 .75rem; height: 1.5rem } .filter-panel-grid__item, .over-filter-grid__item { font: 500 .8rem/1.25 Montserrat; margin: 0 .75rem .75rem 0 } .filter-panel-grid__item::after, .over-filter-grid__item::after { margin: 0 0 0 .75rem } .gallery-page .headline .btn { font: 500 .8rem/1.25 Montserrat, sans-serif } } @media (min-width:1024px) and (max-width:1280px) { .product-gallery-empty { margin: 2.5rem 0 0 } .product-gallery-empty .product-header .product-headline { padding-left: 1.5rem; padding-top: 0 } .filter-panel, .over-filter { font: 500 .8rem/1.25 Montserrat; margin: 0 0 .75rem; height: 1.5rem } .filter-panel-grid__item, .over-filter-grid__item { font: 500 .8rem/1.25 Montserrat; margin: 0 .75rem .75rem 0 } .filter-panel-grid__item::after, .over-filter-grid__item::after { margin: 0 0 0 .75rem } .gallery-page .headline .btn { font: 500 .8rem/1.25 Montserrat, sans-serif } } @media (min-width:768px) and (max-width:1023px) { .product-gallery-empty { margin: 2.5rem 0 0 } .product-gallery-empty .product-header .product-headline { padding-left: 1.5rem; padding-top: 0 } .filter-panel, .over-filter { font: 500 .8rem/1.25 Montserrat; margin: 0 0 .75rem; height: 1.5rem } .filter-panel-grid__item, .over-filter-grid__item { font: 500 .7rem/1.25 Montserrat; margin: 0 .75rem .75rem 0; white-space: nowrap } .filter-panel-grid__item::after, .over-filter-grid__item::after { margin: 0 0 0 .75rem } .gallery-page .headline { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media (max-width:767px) { .properties .product-detail__tech--grid__item .ui-value { display: block; text-align: left; padding-left: 0; padding-top: .25rem; font: 700 .6875rem/1.6666 Montserrat, sans-serif } .product-gallery-empty { margin: 1.875rem 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .product-gallery-empty .product-header .product-headline { padding-left: 0; padding-top: 0 } .filter-panel, .over-filter { font: 500 1rem/1.25 Montserrat; margin: 0 4vw; height: 1.875rem } .filter-panel-grid, .over-filter-grid { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .filter-panel-grid__item, .over-filter-grid__item { font: 500 .75rem/1.25 Montserrat; margin: 0 .9375rem .9375rem 0; white-space: nowrap } .filter-panel-grid__item::after, .over-filter-grid__item::after { margin: 0 0 0 .9375rem } } .filter-blocks { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .filter-blocks .filter-panel { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative } .filter-blocks .category-list { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .over-filter { padding: 2rem; border-bottom: 1px solid rgba(38, 38, 38, .1); background-color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto } .over-filter::after, .over-filter::before { content: ''; position: absolute; display: block; top: 0; height: 100% } .over-filter::before { left: 0; width: 1rem; background: -webkit-gradient(linear, right top, left top, color-stop(10%, rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to left, rgba(255, 255, 255, 0) 10%, #fff); z-index: 2 } .over-filter::after { z-index: 2; left: unset; right: 0; width: .5rem; background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, #fff) } .over-filter .filter-panel { width: 100% !important; height: auto; margin: 0; padding: 0 1rem; position: relative } .over-filter .filter-panel-grid { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: .8rem } .over-filter .over-filter-grid { overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: none; visibility: hidden; opacity: 0 } .over-filter .over-filter-grid.active { width: 100% !important; display: block; visibility: visible; opacity: 1; margin: -2rem 0 } .over-filter_item .filter-panel-grid__item, .over-filter_item .over-filter-grid__item { margin: 0 .75rem 0 0 } .over-filter_item .over-filter-grid__item { width: auto !important; padding: 2rem 0 } .over-filter .controls { top: 3px; left: 0; right: 0; -webkit-transform: none; transform: none } .over-filter .controls .swiper-button-next.thin-arrow svg, .over-filter .controls .swiper-button-prev.thin-arrow svg { fill: #52bbb5; color: #52bbb5 } .over-filter .controls .swiper-button-next { right: -1.6vw } .over-filter .controls .swiper-button-prev { left: -1.6vw } table.props { border-left: 1px solid #8e8f90; border-top: 1px solid #8e8f90; width: 100% !important } table.props td { border-right: 1px solid #8e8f90; border-bottom: 1px solid #8e8f90; padding: .5rem } table.props td.rowspan { vertical-align: middle } table.props tr:first-of-type td { background: rgba(82, 187, 181, .2); font-weight: 500 } .lg-icon { font-family: lg !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .lg-next, .lg-prev { background-color: rgba(0, 0, 0, .45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; outline: 0; border: 0 } .lg-next.disabled, .lg-prev.disabled { opacity: 0 !important; cursor: default } .lg-next:before { content: '\e095' } .lg-prev:after { content: '\e094' } .lg-outer.lg-right-end .lg-object { -webkit-animation: .3s lg-right-end; animation: .3s lg-right-end; position: relative } .lg-outer.lg-left-end .lg-object { -webkit-animation: .3s lg-left-end; animation: .3s lg-left-end; position: relative } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100% } .lg-media-overlap .lg-toolbar { background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .4))); background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .4)) } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; will-change: color; -webkit-transition: color .2s linear; transition: color .2s linear; background: 0 0; border: 0; -webkit-box-shadow: none; box-shadow: none } .lg-toolbar .lg-icon.lg-icon-18 { font-size: 18px } .lg-toolbar .lg-maximize { font-size: 22px } .lg-toolbar .lg-maximize:after { content: '\e90a' } .lg-toolbar .lg-download:after { content: '\e0f2' } .lg-sub-html { font-size: 16px; padding: 10px 40px; opacity: 0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out } .lg-sub-html .perspektive .title, .lg-sub-html h4, .perspektive .lg-sub-html .title { margin: 0; font-size: 13px; font-weight: 700 } .lg-sub-html p { font-size: 12px; margin: 5px 0 0 } .lg-media-overlap .lg-sub-html { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .6))); background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6)) } .lg-item .lg-sub-html { position: absolute; bottom: 0; right: 0; left: 0 } .lg-error-msg { font-size: 14px; color: #999 } .lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; height: 47px; vertical-align: middle } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { opacity: 0; will-change: opacity; -webkit-transition: opacity 250ms cubic-bezier(0, 0, .25, 1) !important; transition: opacity 250ms cubic-bezier(0, 0, .25, 1) !important } .lg-group:after { content: ''; display: table; clear: both } .lg-on { scroll-behavior: unset } .lg-hide-sub-html .lg-sub-html, .lg-next, .lg-pager-outer, .lg-prev, .lg-toolbar { will-change: transform, opacity; -webkit-transition: opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1); transition: transform .25s cubic-bezier(0, 0, .25, 1), opacity .25s cubic-bezier(0, 0, .25, 1), -webkit-transform .25s cubic-bezier(0, 0, .25, 1) } .lg-backdrop, .lg-outer { position: fixed; top: 0; will-change: auto; left: 0 } .lg-show-in .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } .lg-show-in .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } .lg-show-in .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } .lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } .lg-outer { width: 100%; height: 100%; z-index: 1050; text-align: left; opacity: .001; outline: 0; -webkit-transition: opacity .15s; transition: opacity .15s } .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1 } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-height: 100%; outline: 0 } .lg-outer .lg-inner { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: opacity; transition: opacity; white-space: nowrap } .lg-outer .lg-item { will-change: transform, opacity; display: none !important } .lg-outer .lg-item:not(.lg-start-end-progress) { background: url(/local/templates/.default/assets/src/build/css/../images/loading.gif) center center no-repeat } .lg-outer .lg-img-wrap, .lg-outer .lg-item { text-align: center; position: absolute; width: 100%; height: 100%; /*margin: 0 0 0 -70vw;*/ } @media (max-width: 767px) { .lg-outer .lg-img-wrap, .lg-outer .lg-item { text-align: center; position: absolute; width: 100%; height: 100%; /*margin: 0 0 0 -100vw;*/ } } .lg-outer .lg-img-wrap { display: inline-block; left: 0; right: 0; top: 0; bottom: 0; white-space: nowrap; font-size: 0 } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .lg-outer .lg-item.lg-current { z-index: 1060 } .lg-outer .lg-object { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; position: relative } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play-button { opacity: 0; will-change: opacity; -webkit-transition: opacity .15s; transition: opacity .15s } .lg-outer .lg-first-slide .lg-dummy-img { position: absolute; top: 50%; left: 50% } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-outer.lg-components-open:not(.lg-zoomed) .lg-components { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html { opacity: 1; -webkit-transition: opacity .2s ease-out .15s; transition: opacity .2s ease-out .15s } .lg-backdrop { right: 0; bottom: 0; z-index: 1040; opacity: 0; -webkit-transition: opacity 333ms ease-in; transition: opacity 333ms ease-in; background-color: #8e8f90 } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { -webkit-transition: none !important; transition: none !important } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { -webkit-transition: opacity .1s; transition: opacity .1s } .lg-css3.lg-use-css3 .lg-item.lg-start-progress { -webkit-transition: -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275); transition: transform 1s cubic-bezier(.175, .885, .32, 1.275); transition: transform 1s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) } .lg-css3.lg-use-css3 .lg-item.lg-start-end-progress { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1); transition: transform 1s cubic-bezier(0, 0, .25, 1); transition: transform 1s cubic-bezier(0, 0, .25, 1), -webkit-transform 1s cubic-bezier(0, 0, .25, 1) } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transition: opacity .1s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1); transition: transform 1s cubic-bezier(0, 0, .25, 1), opacity .1s, -webkit-transform 1s cubic-bezier(0, 0, .25, 1) } .lg-container { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; display: none } .lg-inline .lg-maximize:after { content: '\e909' } .lg-components { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); will-change: transform; -webkit-transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out, -webkit-transform .35s ease-out; z-index: 1080; bottom: 0; right: 0; left: 0 } .gallery-page .headline .btn { padding: 16px 62px 16px 40px; margin: 0 0 0 1.5rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: -.02em; height: 100% } .gallery-page .headline .btn:first-of-type { margin: 0 0 0 auto } .gallery-page .headline .btn .ui-icon { margin: 0 0 0 12px; width: 15px; height: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; -webkit-transform: scaleY(1); transform: scaleY(1) } .gallery-page .headline .btn .ui-icon.r-90 { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); width: 5px; height: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 5px; flex: 0 0 5px } .gallery-list .gallery-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0 0 40px } .gallery-list .gallery-header h3 { margin: 0; max-width: 50%; text-align: left } .gallery-list .gallery-header h3 span { color: #8e8f90; letter-spacing: -.02em; margin: 0 0 0 10px } .gallery-list .gallery-header .ui-text { color: #8e8f90; margin: 0 20px 0 auto } .gallery-list__item { margin: 0 0 5rem; position: relative; height: 13.5rem } .gallery-list__item .swiper-slide { height: 100% } .gallery-list__item [class*=swiper-button-] { margin-top: -1.75rem } .gallery-list .spinner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotateZ(45deg); transform: translate(-50%, -50%) rotateZ(45deg); z-index: 2 } .footer-section .ui-text { margin: 0 40px 0 auto; color: #8e8f90; max-width: 7.5rem; text-align: right } .footer-section .btn { letter-spacing: .07em; text-transform: uppercase; font-weight: 300 } .gallery-detail .lead__slogan, .gallery-detail h1, .geo-markers .marker-item .romb_solid .ui-value, .popup-window .status-success p, .search-form [type=submit] { text-align: center } .gallery-detail .lead__slogan span, .gallery-detail h1 span { margin: 1rem 0 0; display: block; text-align: center; letter-spacing: -.04em; color: #8e8f90 } .gallery-detail .headline { margin: 5.6rem 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0 } @media (min-width:768px) and (max-width:1280px) { .gallery-detail .section { padding-top: 0 } } .gallery-album { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr) } .gallery-album .progressive img.preview { -webkit-transform: none; transform: none } .video-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -1rem -1rem 120px; -ms-flex-wrap: wrap; flex-wrap: wrap } .video-gallery__item { cursor: pointer; position: relative; margin: 0; padding: 20px } .video-gallery__item .image img { position: absolute; -webkit-transition: .6s linear; transition: .6s linear; -webkit-transform: scale(1); transform: scale(1); display: block; min-width: 100%; height: 100% } .video-gallery__item:hover .description.pos-a, .video-gallery__item:hover .image img { -webkit-transform: scale(1.05); transform: scale(1.05) } .video-gallery__item .image { position: relative; display: block; width: 100%; overflow: hidden } .video-gallery__item .image::before { position: absolute; display: block; content: ''; width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; background: rgba(38, 38, 38, .6); mix-blend-mode: normal; left: 0; top: 0; z-index: 1; -webkit-transition: .2s linear; transition: .2s linear } .video-gallery__item .romb_icon.solid { width: 2.6rem; height: 2.6rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); position: absolute } .video-gallery__item .romb_icon.solid .ui-icon { width: 15px; height: 17px } .video-gallery__item .description { display: block; position: relative !important; z-index: 1; padding: 1.5rem; background-color: #505050; color: #fff; margin: -1.5rem auto 0; width: 80%; bottom: unset; letter-spacing: -.02em; -webkit-transition: .4s linear; transition: .4s linear } .career-block, .form-default .form-group, .lg-sub-html, .popup-window .info, .right-side .video-gallery .video-gallery__item .image { position: relative } @media (min-width:2161px) { .gallery-detail .lead__slogan span, .gallery-detail h1 span { font: 500 1rem/1.25 Montserrat, sans-serif } .gallery-detail .headline { margin: 5.6rem 0 0 } .gallery-album { margin: 0 0 6rem; grid-gap: 2rem } .video-gallery__item { width: 50% } .video-gallery__item .image { padding: 0 0 66% } .video-gallery__item .description { font: 500 1rem/1.2 Montserrat, sans-serif } .right-side .video-gallery .video-gallery__item { width: 25rem } } .right-side .video-gallery .video-gallery__item { cursor: pointer } .right-side .video-gallery .video-gallery__item .image img { -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform: scale(1); transform: scale(1) } .right-side .video-gallery .video-gallery__item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1) } .lg-toolbar { opacity: 1; background-color: #fff; height: 102px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .lg-toolbar .lg-close { -webkit-transition: .2s linear; transition: .2s linear; cursor: pointer; width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; background: #52bbb5; position: relative; float: left; left: 0; top: 0 } .lg-toolbar .lg-close::after { display: block; content: ''; width: .9rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.41895' y='0.410156' width='22.6806' height='2' transform='rotate(45 1.41895 0.410156)' fill='white'/%3E%3Crect x='17.4517' y='1.41406' width='22.6806' height='2' transform='rotate(135 17.4517 1.41406)' fill='white'/%3E%3C/svg%3E"); margin: 0 auto } .lg-toolbar #lg-counter { margin: 0 auto 0 20px; padding: 2px 1.5rem 0 0; font-size: .6rem; letter-spacing: -.02em; color: #8e8f90; white-space: nowrap } .lg-inner { background-color: #f5f7f9; margin: 0 0 0 102px; overflow: hidden } .lg-actions .lg-prev { left: 142px } .lg-actions .lg-next, .lg-actions .lg-prev { opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; width: 70px; height: 70px; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; background-color: #fff; -webkit-box-shadow: 10px 8px 100px rgba(0, 0, 0, .14); box-shadow: 10px 8px 100px rgba(0, 0, 0, .14); -webkit-transform: matrix(-.71, -.71, -.71, .71, 0, 0) scale(1); transform: matrix(-.71, -.71, -.71, .71, 0, 0) scale(1); position: absolute; margin-top: -37px; cursor: pointer; -webkit-transition: .2s linear; transition: .2s linear; outline: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lg-actions .lg-next:after, .lg-actions .lg-prev:after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(-140deg); transform: translate(-50%, -50%) rotate(-140deg); display: block; width: 8px; height: 9px; -webkit-box-flex: 0; -ms-flex: 0 0 8px; flex: 0 0 8px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.42676 1L1.92676 5.5L6.42676 10' stroke='%2352BBB5' stroke-width='2'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat } .lg-actions .lg-next:after { -webkit-transform: translate(-50%, -50%) rotate(50deg); transform: translate(-50%, -50%) rotate(50deg) } .lg-actions .lg-next svg, .lg-actions .lg-prev svg { position: absolute; width: .25rem; height: .45rem; top: 50%; left: 50% } .lg-actions .lg-next { right: 2rem } .lg-show.video-full-gallery { z-index: 50; position: fixed; width: 50vw; height: 50vh; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0 0 34px rgba(38, 38, 38, .3); box-shadow: 0 0 34px rgba(38, 38, 38, .3) } .lg-show.video-full-gallery .lg { overflow: unset } .lg-show.video-full-gallery .lg-inner { margin: 0 !important; overflow: unset; bottom: 0 !important } .lg-show.video-full-gallery .lg-item { width: 100%; background: #505050 } .lg-show.video-full-gallery .lg-toolbar { background-color: #303030 } .lg-show.video-full-gallery .lg-has-video { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .lg-show.video-full-gallery .lg-components { position: absolute; top: 0; left: 0; width: 100%; z-index: 1090; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 102px; overflow: hidden } .lg-show.photo-full-gallery .lg-components .lg-sub-html, .lg-show.video-full-gallery .lg-components .lg-sub-html { width: calc(100% - (102px + 1.5rem)); padding-left: .75rem } @media (min-width:1281px) and (max-width:2560px), (min-width:2161px) { .col-4 { width: 15.5rem !important } .second-level-navigation .nav-tab .swiper-wrapper li .nav-tab__item:hover .menu-icon { -webkit-transform: scale(1.2) translateY(-5px); transform: scale(1.2) translateY(-5px) } .nav-tab.secondary li { width: calc(100%/9) !important } .main-geo__grid--item:first-child, .main-geo__grid--item:nth-child(2), .main-geo__grid--item:nth-child(3) { border-top: 0; border-bottom: 0 } .main-geo__grid--item:nth-child(4), .main-geo__grid--item:nth-child(5), .main-geo__grid--item:nth-child(6) { border-bottom: 0 } .main-geo__grid--item:first-child, .main-geo__grid--item:nth-child(3), .main-geo__grid--item:nth-child(4), .main-geo__grid--item:nth-child(6) { border-left: 0; border-right: 0 } .lg-show.leadership-gallery .lg-img-wrap { top: 102px } .popup-window__body { max-height: calc(100vh - 102px); min-height: 22.5rem } } .lg-show.photo-full-gallery .lg-inner { bottom: 0 !important } .lg-show.photo-full-gallery .lg-components { position: absolute; top: 0; left: calc(102px + .75rem); width: 100%; z-index: 1090; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 102px; overflow: hidden } .lg-show.photo-full-gallery .lg-next, .lg-show.photo-full-gallery .lg-prev { margin-top: 10px !important; margin-left: 10px !important; background: 0 0; width: 3rem; height: 3rem; padding: 0 } .lg-show.photo-full-gallery .lg-next::before, .lg-show.photo-full-gallery .lg-prev::before { display: block; content: ''; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.42676 1L1.92676 5.5L6.42676 10' stroke='%2352BBB5' stroke-width='2'/%3E%3C/svg%3E%0A"); background-size: cover; width: .25rem; height: .45rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2 } .lg-show.photo-full-gallery .lg-next::after, .lg-show.photo-full-gallery .lg-prev::after { content: ''; background: #fff; display: block; width: 100%; height: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2) } .lg-show.photo-full-gallery .lg-prev { left: calc(102px + 1.5rem) } .lg-show.photo-full-gallery .lg-next::before { -webkit-transform: translate(-50%, -50%) scaleX(-1); transform: translate(-50%, -50%) scaleX(-1) } .lg-show.photo-full-gallery .lg-counter { position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .lg-sub-html { bottom: unset; text-align: left; background: 0 0; z-index: 10800; color: #262626; letter-spacing: -.04em; padding-right: 0 } .lg-sub-html .popup-description { color: #505050 } .lg-object.lg-image { margin: 0 0 0 -200vw; } .lg-backdrop.in.opacity { background-color: rgba(38, 38, 38, .7) } .lg-on .section-page, .lg-on footer, .lg-on header { -webkit-filter: blur(5px); filter: blur(5px) } .announce-magazine .lead__slogan, .announce-magazine h1 { padding: 3rem 0 2.5rem; margin: 0 } .announce-magazine__block .announce-list { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; margin: 0 -20px 5rem; width: auto } .announce-magazine__block .announce { background-color: #fff; padding: 2.4rem 3.5rem 1.8rem; width: calc(33% - 36px) } .announce-magazine__block .announce[href$=".pdf"]::after { content: 'pdf' } .announce-magazine__block .announce .image { margin: 0 0 .5rem; display: block } .announce-magazine__block .announce .image img { line-height: 0 } .announce-magazine__block .announce .date, .announce-magazine__block .announce[href$=".pdf"]::after { display: block; text-align: center; padding: 10px 0; margin: 0; color: #8e8f90; font: 500 .75rem/1 Montserrat, sans-serif; letter-spacing: -.02em } .announce-magazine__block .announce .date { background: 0 0 } .announce-magazine__block .announce .description { display: block; text-align: center; color: #262626; font-weight: 600 } .people-company .lead__slogan, .people-company h1 { padding: 2.5rem 0; margin: 0 } .people-list .col:first-of-type { width: 45% } .people-list .col:first-of-type img { width: 100%; max-height: 110vw } .people-list .col:last-of-type { width: 55%; padding-left: 6rem } .people-list__item { margin: 0 -20px 6rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 6rem; border-bottom: 1px solid #8e8f90 } .mass-media__body, .mass-media__item { display: -webkit-box; display: -ms-flexbox } .people-list__item:last-of-type { padding: 0; border: 0 } .people-list__item .title { text-align: left; font: 600 1.75rem/1 Montserrat, sans-serif; margin: 0 0 1.25rem } .people-list__item .position { background: 0 0; display: block; margin: 0 0 1.25rem; color: #8e8f90; font: 500 1rem/1.5 Montserrat, sans-serif; letter-spacing: -.02em } .people-list__item .link { color: #52bbb5; font: 600 .75rem/1.2 Montserrat, sans-serif; letter-spacing: .04em; margin: 0 0 2rem; text-transform: uppercase } @media (min-width:2161px) { .lg-toolbar { padding: 0 } .lg-show.video-full-gallery .lg-close { margin-left: -102px } .lg-sub-html { font: 500 1.2rem/1.2 Montserrat, sans-serif; margin: 0 } .lg-sub-html .popup-description { font: 500 1rem/1.2 Montserrat, sans-serif } .mass-media__title { font: 500 1rem/1.1 Montserrat, sans-serif } .mass-media__item .title { width: 23.35rem } } @media (min-width:1921px) and (max-width:2560px) { .gallery-detail .lead__slogan span, .gallery-detail h1 span { font: 500 1rem/1.25 Montserrat, sans-serif } .gallery-detail .headline { margin: 5.6rem 0 0 } .gallery-album { margin: 0 0 6rem; grid-gap: 2rem } .video-gallery__item { width: 50% } .video-gallery__item .image { padding: 0 0 66% } .video-gallery__item .description { font: 500 .8rem/1.2 Montserrat, sans-serif } .right-side .video-gallery .video-gallery__item { width: 25rem } .lg-toolbar { padding: 0 } .lg-show.video-full-gallery .lg-close { margin-left: -102px } .lg-sub-html { font: 500 1.2rem/1.2 Montserrat, sans-serif; margin: 0 } .lg-sub-html .popup-description { font: 500 1rem/1.2 Montserrat, sans-serif } .mass-media__title { font: 500 2.1rem/1.1 Montserrat, sans-serif } .mass-media__item .title { width: 23.35rem } } .mass-media__item { display: flex; margin: 0 0 40px; padding: 40px; width: 100%; background-color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0 14px transparent; box-shadow: 0 0 14px transparent } .mass-media__item:hover { -webkit-box-shadow: 0 0 24px rgba(80, 80, 80, .2); box-shadow: 0 0 24px rgba(80, 80, 80, .2); -webkit-transform: translateY(-2px); transform: translateY(-2px) } .mass-media__item:last-child { margin: 0 } .mass-media__item .title { margin: 0 10px 0 0; color: #262626 } .mass-media__item .title a { text-decoration: none; color: inherit } .mass-media__item .text { margin: 0 5px 0 0; color: #262626 } .mass-media__item .text .mass-media__link { text-decoration: none; color: #52bbb5; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .mass-media__item .text .mass-media__link .ui-icon { width: 10px; height: 10px; margin-left: 10px; fill: #52bbb5 } .mass-media__item .image { margin-left: 43px } @media (min-width:2161px) { .mass-media__item .text { width: 25.4rem } .mass-media__footer .author, .mass-media__item .text .mass-media__link { font: 500 .8rem/1.5 Montserrat, sans-serif } .mass-media__item .image { width: 9.5rem; height: 9.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.5rem; flex: 0 0 9.5rem } } @media (min-width:1921px) and (max-width:2560px) { .mass-media__item .text { width: 25.4rem } .mass-media__footer .author, .mass-media__item .text .mass-media__link { font: 500 .8rem/1.5 Montserrat, sans-serif } .mass-media__item .image { width: 9.5rem; height: 9.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.5rem; flex: 0 0 9.5rem } } .mass-media__item .image a { display: block; outline: 0 } .mass-media__item .image img { width: 100%; height: auto } .mass-media__body { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .career-block__vacancy--grid .item, .mosaic-inner__image, .popup-window .popup-toggle, .popup-window .status-success { -webkit-box-orient: vertical; -webkit-box-direction: normal } .mass-media__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 23px 0 0 } .mass-media__footer .author { color: #8e8f90 } .mass-media__footer .logo-block { margin: 14px 0 0 } .mass-media__footer .logo-block a { display: inline-block; height: 100% } .mass-media__footer .logo-block img { height: 100% } .mosaic-layout { position: absolute; top: 20%; right: 0 } @media (min-width:2161px) { .mass-media__footer .logo-block { height: 1.3rem } .mosaic-layout { width: 61.5% } .mosaic-layout .image01 { width: 36%; top: -5.55rem; right: 47.6% } } @media (min-width:1921px) and (max-width:2560px) { .mass-media__footer .logo-block { height: 1.3rem } .mosaic-layout { width: 61.5% } .mosaic-layout .image01 { width: 36%; top: -5.55rem; right: 47.6% } } .mosaic-inner__image-1::before, .mosaic-layout .image01::after, .mosaic-layout .image01::before, .mosaic-layout .image02::after, .mosaic-layout .image02::before, .mosaic-layout .image03::after, .mosaic-layout .image03::before, .mosaic-layout .image04::after, .mosaic-layout .image04::before, .mosaic-layout .image05::after, .mosaic-layout .image05::before { display: block; position: absolute; content: ''; background-color: #fff } .mosaic-layout .image01 { z-index: 1 } .mosaic-layout .image02 { top: 0; right: 0; z-index: 2 } @media (min-width:2161px) { .mosaic-layout .image02 { width: 52%; top: 2rem } .mosaic-layout .image02::before { width: 22.35rem; height: 3.55rem; -webkit-box-flex: 0; -ms-flex: 0 0 22.35rem; flex: 0 0 22.35rem } } .mosaic-layout .image02::before { top: 0; left: 0 } @media (min-width:1921px) and (max-width:2560px) { .mosaic-layout .image02 { width: 52%; top: 0 } .mosaic-layout .image02::before { width: 22.35rem; height: 3.55rem; -webkit-box-flex: 0; -ms-flex: 0 0 22.35rem; flex: 0 0 22.35rem } } @media (min-width:2161px) { .mosaic-layout .image02::after { width: 3.55rem; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 3.55rem; flex: 0 0 3.55rem } .mosaic-layout .image03 { width: 34.7%; top: 15rem; right: 65% } } @media (min-width:1921px) and (max-width:2560px) { .mosaic-layout .image02::after { width: 3.55rem; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 3.55rem; flex: 0 0 3.55rem } .mosaic-layout .image03 { width: 34.7%; top: 15rem; right: 65% } } .mosaic-layout .image03 { z-index: 4 } .mosaic-layout .image03::before { bottom: 0; left: 0 } @media (min-width:2161px) { .mosaic-layout .image03::before { width: 100%; height: 2.85rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .mosaic-layout .image04 { width: 52%; top: 17rem; right: 26% } } @media (min-width:1921px) and (max-width:2560px) { .mosaic-layout .image03::before { width: 100%; height: 2.85rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .mosaic-layout .image04 { width: 52%; top: 17rem; right: 26% } } .mosaic-layout .image04 { z-index: 3 } .geo-markers .marker-item .romb_solid:hover, .mosaic-layout .image05 { z-index: 5 } @media (min-width:2161px) { .mosaic-layout .image05 { width: 35.7%; top: 29.25rem; right: 8.65% } .mosaic-inner__image { padding: 0 3rem 0 0; min-height: 22.5rem } } @media (min-width:1921px) and (max-width:2560px) { .mosaic-layout .image05 { width: 35.7%; top: 29.25rem; right: 8.65% } .mosaic-inner__image { padding: 0 3rem 0 0; min-height: 22.5rem } } .mosaic-inner__image { position: relative; width: 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 0 0 auto } .mosaic-inner__image img { height: auto; width: 100% } .mosaic-inner__image-1 { width: 76%; position: relative } .mosaic-inner__image-1::before { left: 0; top: 0 } @media (min-width:2161px) { .mosaic-inner__image-1::before { width: 30%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } } @media (min-width:1921px) and (max-width:2560px) { .mosaic-inner__image-1::before { width: 30%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } } .mosaic-inner__image-2 { position: absolute; left: 0; bottom: 0; -webkit-transform: translate(0, 25%); transform: translate(0, 25%); border-left: 0; width: 57%; z-index: 2 } .mosaic-inner__image-2::before { position: absolute; left: -1px; bottom: -1px; content: ''; display: block; background-color: #fff } @media (min-width:2161px) { .mosaic-inner__image-2 { width: 60%; border: 1.5rem solid #fff; -webkit-transform: translate(0, 30%); transform: translate(0, 30%) } .mosaic-inner__image-2::before { width: 50%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .mosaic-inner__image-3 { margin-top: -1.5rem; margin-bottom: -4.5rem; border: 1.5rem solid #fff } } @media (min-width:1921px) and (max-width:2560px) { .mosaic-inner__image-2 { width: 60%; border: 1.5rem solid #fff; -webkit-transform: translate(0, 30%); transform: translate(0, 30%) } .mosaic-inner__image-2::before { width: 50%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .mosaic-inner__image-3 { margin-top: -1.5rem; margin-bottom: -4.5rem; border: 1.5rem solid #fff } } .mosaic-inner__image-3 { width: 50%; position: relative; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 4 } .career-section .category-list { -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0 } .career-section .category-list .swiper-container { padding-top: 1.75rem; padding-bottom: 1.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .career-section .category-list .swiper-wrapper .filter-panel-item__section { display: block; color: #fff; cursor: pointer; text-align: center; background: 0 0; white-space: nowrap; border: 1px solid transparent; outline: 0 } .career-block__category--headline .description .ui-value, .career-block__vacancy--grid .item .description .ui-value { font-weight: 700 } @media (min-width:1024px) and (max-width:2560px), (min-width:2161px) { .digits-block { padding-right: 4rem } .formula-widget__item ol { -webkit-columns: 2; -moz-columns: 2; columns: 2 } .formula-widget__item ol li { margin-right: 1rem !important } .properties-rows .properties { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .career-section .category-list { margin-bottom: -1.5rem } .career-section .category-list .swiper-wrapper .filter-panel-item__section:hover { color: #52bbb5 } } .career-section .category-list .swiper-wrapper .filter-panel-item__section.active, .form-default .form-group .dropdown-zone .ui-icon svg { color: #52bbb5 } .career-section .controls { top: 1.25rem } .career-block__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } .career-block__title h3, .popup-window__header h3 { text-align: left; margin: 0 } .career-block__title .ui-text { right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #8e8f90 } .career-block__category { border: 2px solid transparent } @media (min-width:2161px) { .career-section .category-list .swiper-container { height: 6.75rem } .career-section .category-list .swiper-wrapper .filter-panel-item__section { font: 500 .6rem/1.6 Montserrat } .career-block__title { padding: 1.6rem 0 } .career-block__title .ui-text { font: 500 .7rem/1.6 Montserrat } .career-block__category { font: 500 1rem/1.6 Montserrat; margin: 0 0 1rem } } @media (min-width:1921px) and (max-width:2560px) { .career-section .category-list .swiper-container { height: 6.75rem } .career-section .category-list .swiper-wrapper .filter-panel-item__section { font: 500 .6rem/1.6 Montserrat } .career-block__title { padding: 1.6rem 0 } .career-block__title .ui-text { font: 500 .7rem/1.6 Montserrat } .career-block__category { font: 500 1rem/1.6 Montserrat; margin: 0 0 1rem } } @media (min-width:1281px) and (max-width:1920px) { .gallery-detail .lead__slogan span, .gallery-detail h1 span { font: 500 1rem/1.25 Montserrat, sans-serif } .gallery-detail .headline { margin: 5.6rem 0 0 } .gallery-album { margin: 0 0 6rem; grid-gap: 2rem } .video-gallery__item { width: 50% } .video-gallery__item .image { padding: 0 0 66% } .video-gallery__item .description { font: 500 .8rem/1.2 Montserrat, sans-serif } .right-side .video-gallery .video-gallery__item { width: 25rem } .lg-toolbar { padding: 0 } .lg-show.video-full-gallery { width: 70vw; height: 50vh } .lg-show.video-full-gallery .lg-close { margin-left: -102px } .lg-sub-html { font: 500 1.2rem/1.2 Montserrat, sans-serif; margin: 0 } .lg-sub-html .popup-description { font: 500 1rem/1.2 Montserrat, sans-serif } .mass-media__title { font: 500 1rem/1.1 Montserrat, sans-serif } .mass-media__item .title { width: 23.35rem } .mass-media__item .text { width: 25.4rem } .mass-media__footer .author, .mass-media__item .text .mass-media__link { font: 500 .8rem/1.5 Montserrat, sans-serif } .mass-media__item .image { width: 9.5rem; height: 9.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.5rem; flex: 0 0 9.5rem } .mass-media__footer .logo-block { height: 1.3rem } .mosaic-layout { width: 64% } .mosaic-layout .image01 { width: 36%; top: -3.15rem; right: 47.6% } .mosaic-layout .image02 { width: 52%; top: 0 } .mosaic-layout .image02::before { width: 12.6rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 12.6rem; flex: 0 0 12.6rem } .mosaic-layout .image02::after { width: 2rem; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .mosaic-layout .image03 { width: 34.7%; top: 13.3rem; right: 65% } .mosaic-layout .image03::before { width: 100%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .mosaic-layout .image04 { width: 52%; top: 15.3rem; right: 26% } .mosaic-layout .image05 { width: 35.7%; top: 25.75rem; right: 8.65% } .mosaic-inner__image { padding: 0 3rem 0 0; min-height: 22.5rem } .mosaic-inner__image-1::before { width: 30%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } .mosaic-inner__image-2 { width: 60%; border: 1.5rem solid #fff } .mosaic-inner__image-2::before { width: 50%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .mosaic-inner__image-3 { margin-top: -1.5rem; margin-bottom: -4.5rem; border: 1.5rem solid #fff } .career-section .category-list .swiper-container { height: 6.75rem } .career-section .category-list .swiper-wrapper .filter-panel-item__section { font: 500 .6rem/1.6 Montserrat } .career-block__title { padding: 1.6rem 0 } .career-block__title .ui-text { font: 500 .7rem/1.6 Montserrat } .career-block__category { font: 500 .8rem/1.6 Montserrat; margin: 0 0 1rem } } @media (min-width:1024px) and (max-width:1280px) { .gallery-list__item { height: 12.5rem; margin: 0 0 4rem } .gallery-detail .lead__slogan span, .gallery-detail h1 span { font: 500 1rem/1.25 Montserrat, sans-serif } .gallery-detail .headline { margin: 4rem 0 0 } .gallery-album { margin: 0; grid-gap: 2rem } .video-gallery__item { width: 50% } .video-gallery__item .image { padding: 0 0 66% } .video-gallery__item .description { font: 500 .8rem/1.2 Montserrat, sans-serif } .right-side .video-gallery .video-gallery__item { width: 20rem } .lg-toolbar { padding: 0; height: 102px } .lg-toolbar .lg-close { width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px } .lg-inner { margin: 0 0 0 102px } .lg-show.video-full-gallery { width: 70vw; height: 50vh } .lg-show.video-full-gallery .lg-close { margin-left: -102px } .lg-show.video-full-gallery .lg-components { height: 102px; left: 1.5rem; overflow: hidden } .lg-show.photo-full-gallery .lg-components .lg-sub-html, .lg-show.video-full-gallery .lg-components .lg-sub-html { width: calc(100% - (102px + 1.5rem)); padding-left: 0; padding-right: 0 } .lg-show.leadership-gallery .lg-img-wrap { top: 102px } .lg-show.photo-full-gallery .lg-components { height: 102px; left: calc(102px + 1.5rem); overflow: hidden } .lg-show.photo-full-gallery .lg-prev { left: calc(102px + 1.5rem) } .lg-show.photo-full-gallery .lg-counter { position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .lg-sub-html { font: 500 1.1rem/1.2 Montserrat, sans-serif; margin: 0 } .lg-sub-html .popup-description { font: 500 .9rem/1.2 Montserrat, sans-serif } .lg-object.lg-image { margin: 0 0 0 -200vw; } .mass-media__title { font: 500 1rem/1.1 Montserrat, sans-serif } .mass-media__item .title { width: 23.35rem } .mass-media__item .text { width: 25.4rem } .mass-media__footer .author, .mass-media__item .text .mass-media__link { font: 500 .8rem/1.5 Montserrat, sans-serif } .mass-media__item .image { width: 9.5rem; height: 9.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.5rem; flex: 0 0 9.5rem } .mass-media__footer .logo-block { height: 1.3rem } .mosaic-layout { width: 64.7% } .mosaic-layout .image01 { width: 36%; top: 0; right: 47.6% } .mosaic-layout .image02 { width: 52%; top: 2rem } .mosaic-layout .image02::before { width: 9rem; height: 1.4rem; -webkit-box-flex: 0; -ms-flex: 0 0 9rem; flex: 0 0 9rem } .mosaic-layout .image02::after { width: 1.4rem; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 1.4rem; flex: 0 0 1.4rem } .mosaic-layout .image03 { width: 34.7%; top: 9.55rem; right: 65% } .mosaic-layout .image03::before { width: 100%; height: 2.85rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .mosaic-layout .image04 { width: 52%; top: 11rem; right: 26% } .mosaic-layout .image05 { width: 35.7%; top: 18.5rem; right: 8.65% } .mosaic-inner__image { padding: 0 1.5rem 0 0 } .mosaic-inner__image-1::before { width: 30%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } .mosaic-inner__image-2 { width: 60%; border: 1.5rem solid #fff } .mosaic-inner__image-2::before { width: 50%; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .mosaic-inner__image-3 { margin-top: -1.5rem; margin-bottom: -4.5rem; border: 1.5rem solid #fff } .career-section .category-list .swiper-container { height: 6.75rem } .career-section .category-list .swiper-wrapper .filter-panel-item__section { font: 500 .7rem/1.6 Montserrat; max-width: inherit } .career-block__title { padding: 0 0 1.6rem } .career-block__title .ui-text { font: 500 .7rem/1.6 Montserrat } .career-block__category { font: 500 .8rem/1.6 Montserrat; margin: 0 0 1rem } } @media (min-width:768px) and (max-width:1023px) { .lg-object.lg-image { margin: 0 0 0 -200vw; } .gallery-page .headline .btn { font: 500 .8rem/1.25 Montserrat, sans-serif } .gallery-list__item { height: 10rem; margin: 0 0 2.5rem } .gallery-detail .lead__slogan span, .gallery-detail h1 span { font: 500 1rem/1.25 Montserrat, sans-serif } .gallery-detail .headline { margin: 3.1rem 0 0 } .gallery-album { margin: 0 0 1rem; grid-gap: 1rem; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr) } .video-gallery { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .video-gallery__item { width: 48%; padding: 0; margin: 0 0 40px } .video-gallery__item .image { padding: 0 0 66% } .video-gallery__item .description { font: 500 .8rem/1.2 Montserrat, sans-serif } .right-side .video-gallery { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .people-list__item, .right-side .video-gallery .video-gallery__item { width: 48% } .lg-toolbar { padding: 0; height: 102px } .lg-toolbar .lg-close { width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px } .lg-inner { margin: 0 0 0 102px } .lg-show.video-full-gallery { width: 90vw; height: 50vh } .lg-show.video-full-gallery .lg-close { margin-left: 0 } .lg-show.photo-full-gallery .lg-components, .lg-show.video-full-gallery .lg-components { height: 102px; left: calc(102px + .75rem); overflow: hidden } .lg-show.video-full-gallery .lg-components .lg-sub-html { width: calc(100% - (102px + 1.5rem)) } .lg-show.leadership-gallery .lg-img-wrap { top: 102px } .lg-show.photo-full-gallery .lg-components .lg-sub-html { width: calc(100% - (102px + 5rem)) } .lg-show.photo-full-gallery .lg-prev { left: calc(102px + 1.5rem) } .lg-show.photo-full-gallery .lg-counter { position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .lg-sub-html { font: 500 1.1rem/1.2 Montserrat, sans-serif; margin: 0 } .lg-sub-html .popup-description { font: 500 .9rem/1.2 Montserrat, sans-serif } .lg-object.lg-image { margin: 0 0 0 -200vw; } .announce-magazine__block .announce { margin: 2vw 0; width: 100% } .people-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .mass-media__title { font: 500 1rem/1.1 Montserrat, sans-serif } .mass-media__item .title { width: auto } .mass-media__item .text { width: 25.4rem } .mass-media__footer .author, .mass-media__item .text .mass-media__link { font: 500 .8rem/1.5 Montserrat, sans-serif } .mass-media__item .image { margin: 0 20px 0 0; width: 9.5rem; height: 9.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.5rem; flex: 0 0 9.5rem } .mass-media__footer .logo-block { height: 1.3rem } .mosaic-layout { width: 65% } .mosaic-layout .image01 { width: 36%; top: 0; right: 47.6% } .mosaic-layout .image02 { width: 52%; top: 1.5rem } .mosaic-layout .image02::before { width: 5.9rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 5.9rem; flex: 0 0 5.9rem } .mosaic-layout .image02::after { width: .9rem; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem } .mosaic-layout .image03 { width: 34.7%; top: 6.25rem; right: 65% } .mosaic-layout .image03::before { width: 100%; height: .75rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .mosaic-layout .image04 { width: 52%; top: 7.2rem; right: 26% } .mosaic-layout .image05 { width: 35.7%; top: 12.1rem; right: 8.65% } .mosaic-inner__image { padding: 0 1.5rem 0 0 } .mosaic-inner__image-1::before { width: 30%; height: .75rem; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } .mosaic-inner__image-2 { width: 60%; border: .75rem solid #fff } .mosaic-inner__image-2::before { width: 50%; height: .75rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .mosaic-inner__image-3 { margin-top: -1.5rem; margin-bottom: -1.5rem; border: .75rem solid #fff } .career-section .category-list .swiper-wrapper .filter-panel-item__section { font: 500 .7rem/1.6 Montserrat; max-width: inherit; padding: .25rem 0 .75rem } .career-block__title { padding: 0 0 .5rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .career-block__title .ui-text { font: 500 .6rem/1.6 Montserrat } .career-block__title .ui-text.pos-a { margin-top: 10px; position: relative !important; right: unset; top: unset } .career-block__category { font: 500 .8rem/1.6 Montserrat; margin: 0 0 1rem } } @media (max-width:767px) { .over-filter { padding: 1.5rem .5rem } .over-filter .filter-panel, .over-filter .filter-panel-grid, .over-filter .over-filter-grid { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .gallery-page .headline .btn { font: 500 1rem/1.25 Montserrat, sans-serif; display: none } .gallery-list .gallery-header { -ms-flex-wrap: wrap; flex-wrap: wrap } .gallery-list .gallery-header h3 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: inherit } .gallery-list .gallery-header .ui-text { margin: 0 auto 0 0 } .gallery-list .gallery-header .small-more { margin: 4vw 0 0 auto } .gallery-list__item { overflow: hidden; height: 10rem; margin: 0 -4vw 8vw } .gallery-list__item .swiper-slide { width: 100% } .gallery-list__item [class*=swiper-button-] { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1.75rem; height: 1.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.75rem; flex: 0 0 1.75rem; margin-top: -1.4rem } .gallery-list__item .swiper-button-next { right: -.85rem } .gallery-list__item .swiper-button-next svg { top: 61%; left: 61% } .gallery-list__item .swiper-button-prev { left: -.85rem } .gallery-list__item .swiper-button-prev svg { top: 40%; left: 35% } .gallery-detail .lead__slogan span, .gallery-detail h1 span { font: 500 1.25rem/1.25 Montserrat, sans-serif } .gallery-detail .headline, .lg-inner, .lg-object.lg-image { margin: 0 } .gallery-detail .link-return { padding-top: 8vw } .gallery-detail .section { padding-top: 4vw } .gallery-album { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: .75rem; margin: 0 } .video-gallery__item { display: block; width: 100%; margin: 0; padding: 0 } .video-gallery__item .image { padding: 0 0 66% } .video-gallery__item .romb_icon.solid { width: 1.6875rem; height: 1.6875rem } .video-gallery__item .romb_icon.solid .ui-icon { width: .625rem; height: .6875rem } .video-gallery__item .description { font: 500 .75rem/1.2 Montserrat, sans-serif; padding: 4vw 4vw 8vw; margin: -4vw auto 0 } .right-side .video-gallery .video-gallery__item { width: auto; padding: 0 } .lg-toolbar { padding: 0; height: 80px } .lg-toolbar .lg-close { width: 80px; height: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px } .lg-toolbar #lg-counter { padding-top: 0 } .lg-actions .lg-next, .lg-actions .lg-prev { display: none } .lg-show.video-full-gallery { width: 100vw; height: 100vh } .lg-show.video-full-gallery .lg-sub-html { background: #303030 } .lg-show.video-full-gallery .lg-close { margin-left: 0 } .lg-show.photo-full-gallery .lg-components, .lg-show.video-full-gallery .lg-components { height: 80px; left: calc(80px + 4vw); overflow: hidden } .lg-show.video-full-gallery .lg-components .lg-sub-html { width: calc(100% - (80px + 8vw)); padding-left: 0; padding-right: 0 } .lg-show.leadership-gallery .lg-img-wrap { top: 80px } .lg-show.photo-full-gallery .lg-components .lg-sub-html { width: calc(100% - (160px + 1.5rem)); padding-left: 0; padding-right: 0; font-size: .8rem } .lg-show.photo-full-gallery .lg-next, .lg-show.photo-full-gallery .lg-prev { width: 2rem; height: 2rem } .lg-show.photo-full-gallery .lg-prev { left: 20px } .lg-show.photo-full-gallery .lg-counter { position: absolute; right: 8vw; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .lg-sub-html { font: 500 1rem/1.2 Montserrat, sans-serif; margin: 0; padding: 4vw } .lg-sub-html .popup-description { font: 500 .625rem/1.2 Montserrat, sans-serif } .announce-magazine__block .announce { padding: 8vw; margin: 2vw 0; width: 100% } .mass-media__item { padding: 4vw; margin: 0 0 4vw } .mass-media__item .title { width: auto; font: 600 .875rem/1.5 Montserrat, sans-serif } .mass-media__item .text { width: 31.75rem } .mass-media__item .text .mass-media__link { font: 500 1rem/1.5 Montserrat, sans-serif } .mass-media__item .image { margin: 0 20px 0 0; width: 5rem; height: 5rem; -webkit-box-flex: 0; -ms-flex: 0 0 5rem; flex: 0 0 5rem } .mass-media__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .mass-media__footer .author { font: 500 .6875rem/1.5 Montserrat, sans-serif } .mass-media__footer .logo-block { height: 1.625rem } .mosaic-layout { width: 11.5rem; display: none } .mosaic-layout .image01 { width: 36%; top: 9.6875rem; right: 47.6% } .mosaic-layout .image02 { width: 52%; top: 11.5rem } .mosaic-layout .image02::before { width: 7.375rem; height: 1.125rem; -webkit-box-flex: 0; -ms-flex: 0 0 7.375rem; flex: 0 0 7.375rem } .mosaic-layout .image02::after { width: 1.125rem; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 1.125rem; flex: 0 0 1.125rem } .mosaic-layout .image03 { width: 34.7%; top: 17.5rem; right: 65% } .mosaic-layout .image03::before { width: 100%; height: .9375rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% } .mosaic-layout .image04 { width: 52%; top: 14.375rem; right: 26% } .mosaic-layout .image05 { width: 35.7%; top: 24.8125rem; right: 8.65% } .career-section .category-list .swiper-wrapper .filter-panel-item__section { font: 500 .6rem/1.6 Montserrat; max-width: inherit; padding: .25rem 0 .75rem } .career-block__title { padding: 0 0 .625rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .career-block__title .ui-text { font: 500 .5625rem/1.6 Montserrat } .career-block__title .ui-text.pos-a { margin-top: 10px; position: relative !important; right: unset; top: unset } .career-block__category { font: 500 1rem/1.6 Montserrat; margin: 0 0 .625rem } } .career-block__category.active { border: 2px solid #52bbb5 } .career-block__category--headline { color: #262626; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background-color: #fff; cursor: pointer } @media (min-width:2161px) { .career-block__category--headline { font: 500 1rem/1.6 Montserrat; padding: 1.5rem 2rem } .career-block__vacancy--grid { font: 500 .9rem/1.6 Montserrat; padding: 2rem } } @media (min-width:1921px) and (max-width:2560px) { .career-block__category--headline { font: 500 1rem/1.6 Montserrat; padding: 1.5rem 2rem } .career-block__vacancy--grid { padding: 2rem } } @media (min-width:1281px) and (max-width:1920px) { .career-block__category--headline { font: 500 .8rem/1.6 Montserrat; padding: 1.5rem 2rem } .career-block__vacancy--grid { padding: 2rem } } @media (min-width:1024px) and (max-width:1280px) { .career-block__category--headline { font: 500 .8rem/1.6 Montserrat; padding: 1.5rem 2rem } .career-block__vacancy--grid { padding: 2rem } } @media (min-width:768px) and (max-width:1023px) { .career-block__category--headline { font: 500 .8rem/1.6 Montserrat; padding: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .career-block__category--headline .pos-a { right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } @media (max-width:767px) { .career-block__category--headline { font: 500 .875rem/1.1 Montserrat; padding: .625rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .career-block__category--headline .title { line-height: 1.1; padding-right: 20px } .career-block__category--headline .pos-a { right: 10px } } .career-block__category--headline .ui-icon { width: 16px; height: 8px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; color: #52bbb5; -webkit-transform: scaleY(1); transform: scaleY(1) } .career-block__category--headline .description { right: 12%; color: #8e8f90 } .career-block__category.active .career-block__category--headline .ui-icon, .form-default .form-group .dropdown-zone .ui-icon.push { -webkit-transform: scaleY(-1); transform: scaleY(-1) } .career-block__category.active .career-block__vacancy--grid { visibility: visible; -webkit-transform: scaleY(1); transform: scaleY(1); position: relative } .career-block__vacancy--grid { background-color: #fff; border-top: 1px solid #d8d8d8; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; grid-gap: 40px; visibility: hidden; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; position: absolute } @media (min-width:768px) and (max-width:1023px) { .career-block__category--headline .description { position: relative !important; right: unset; top: unset; -webkit-transform: none; transform: none; font: 500 .5rem/1.1 Montserrat } .career-block__vacancy--grid { padding: 1rem 0 0 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 0 } } @media (max-width:767px) { .career-block__category--headline .description { position: relative !important; right: unset; top: unset; -webkit-transform: none; transform: none; font: 500 .5625rem/1.1 Montserrat } .career-block__vacancy--grid { padding: .625rem; display: block } } .career-block__vacancy--grid .item, .custom-radio-item, .popup-window__header { display: -webkit-box; display: -ms-flexbox } .career-block__vacancy--grid .item { display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #f5f7f9; -webkit-transition: .2s linear; transition: .2s linear; border: 2px solid transparent } @media (min-width:2161px) { .career-block__vacancy--grid .item { font: 500 .9rem/1.6 Montserrat; padding: 1.5rem } .popup-window__header { padding: 1.5rem 0 1.5rem 40px; height: 102px } } @media (min-width:1921px) and (max-width:2560px) { .career-block__vacancy--grid .item { font: 500 .9rem/1.6 Montserrat; padding: 1.5rem } .popup-window__header { padding: 1.5rem 0 1.5rem 40px; height: 102px } } @media (min-width:1281px) and (max-width:1920px) { .career-block__vacancy--grid .item { font: 500 .7rem/1.6 Montserrat; padding: 1.5rem } .popup-window__header { padding: 1.5rem 0 1.5rem 40px; height: 102px } } @media (min-width:1024px) and (max-width:1280px) { .career-block__vacancy--grid .item { font: 500 .7rem/1.6 Montserrat; padding: 1.5rem } .popup-window__header { padding: 1.5rem 0 1.5rem 40px; height: 102px } } @media (min-width:768px) and (max-width:1023px) { .career-block__vacancy--grid .item { font: 500 .6rem/1.6 Montserrat; padding: 1rem; margin: 0 1rem 1rem 0; display: block; width: 30%; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30% } .popup-window { width: 95% } } @media (max-width:767px) { .career-block__vacancy--grid .item { display: block; font: 500 .5625rem/1.6 Montserrat; padding: .625rem; margin: 0 0 .625rem } .career-block__vacancy--grid .item:last-child { margin: 0 } } .career-block__vacancy--grid .item .name { color: #000; font-weight: 700; margin: 0 0 1.6rem } .career-block__vacancy--grid .item .description, .form-info { color: #8e8f90 } .career-block__vacancy--grid .item:hover { border-color: #52bbb5; background-color: #fff } .popup-overlay, .popup-window { -webkit-transition: visibility .2s linear; transition: visibility .2s linear; visibility: hidden; position: fixed } .popup-overlay { top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background: rgba(28, 41, 72, .3) } .popup-window { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -10001; padding: 0; max-width: 780px } .popup-window.active { visibility: visible; z-index: 10001 } .popup-window__header { background: #fff; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .popup-window__body { background: #f5f7f9; height: 100%; overflow-y: auto } .popup-window .popup-toggle { -webkit-transition: .2s linear; transition: .2s linear; cursor: pointer; width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; -ms-flex-direction: column; flex-direction: column; background: #52bbb5; position: absolute; right: -102px; top: 0 } .geography-description .close-btn::after, .popup-window .popup-toggle::after { display: block; content: ''; width: 18px; height: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.41895' y='0.410156' width='22.6806' height='2' transform='rotate(45 1.41895 0.410156)' fill='white'/%3E%3Crect x='17.4517' y='1.41406' width='22.6806' height='2' transform='rotate(135 17.4517 1.41406)' fill='white'/%3E%3C/svg%3E") } .popup-window .status-success { top: 0; left: 0; bottom: 0; right: 0; position: absolute; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column } @media (min-width:2161px) { .popup-window .status-success .ui-icon { width: 12.3rem; height: 8.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 12.3rem; flex: 0 0 12.3rem } .popup-window .info { font: 400 .7rem/1.3 Montserrat, sans-serif; padding: 1rem 1.5rem; margin: 1rem auto } } @media (min-width:1921px) and (max-width:2560px) { .popup-window .status-success .ui-icon { width: 12.3rem; height: 8.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 12.3rem; flex: 0 0 12.3rem } .popup-window .info { font: 400 .7rem/1.3 Montserrat, sans-serif; padding: 1rem 1.5rem; margin: 1rem auto } } .popup-window .info:before, .popup-window .status-success .btn { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .popup-window .status-success .btn { font-weight: 400; text-transform: uppercase; letter-spacing: .07em; bottom: 34px } .popup-window .info:before { content: ''; border-top: 1px solid #52bbb5; width: 100%; max-width: 300px } .form-default .form-group.btn-wrapper .btn { font-weight: 600; text-transform: uppercase; letter-spacing: .07em } .form-default .form-group .input-files label { position: relative; cursor: pointer; font-size: .7rem; color: #52bbb5; text-transform: uppercase; top: 0; left: 0; -webkit-transition: linear; transition: linear } .form-default .form-group .input-files label+* { pointer-events: none } .form-default .form-group .input-files input, .form-tab-toggle { position: absolute; visibility: hidden } .form-default .form-group .input-files input.active+label { font-size: 0 } .form-default .form-group .input-files input.active+label span { font-size: .7rem } .form-default .form-group .dropdown-zone { cursor: pointer; position: relative; z-index: 1 } .form-default .form-group .dropdown-zone .ui-icon { width: .8rem; height: .4rem; -webkit-box-flex: 0; -ms-flex: 0 0 .8rem; flex: 0 0 .8rem; color: #52bbb5; -webkit-transform: scaleY(1); transform: scaleY(1); right: .5rem; top: 50% } .form-default .form-group .dropdown-zone.active .dropdown, .form-default .form-group .dropdown.active { -webkit-transform: translateY(0); transform: translateY(0); z-index: 2; visibility: visible } .form-default .form-group .dropdown { list-style-type: none; margin: 0; position: absolute; background: #fff; padding: 0; overflow-y: auto; max-height: 10rem; visibility: hidden; -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform: translateY(-5px); transform: translateY(-5px); z-index: -2 } .form-default .form-group .dropdown-item input:checked+label, .form-default .form-group .dropdown-item label:hover { background: rgba(82, 187, 181, .3) } .form-default .form-group .dropdown-item label { cursor: pointer; position: relative; left: unset; top: unset; display: block; padding: 5px 1rem; background: 0 0; -webkit-transition: .1s linear; transition: .1s linear } .form-default .form-group label { position: absolute; color: #8e8f90; top: 3px; -webkit-transition: .2s linear; transition: .2s linear; -webkit-transform: translateY(0); transform: translateY(0) } .form-default [type=email], .form-default [type=text], .form-default textarea { color: #262626; display: block; width: 100%; background: #fff; outline: 0; border: 1px solid transparent; padding: 1.2rem 1rem .6rem } .form-default [type=email]::-webkit-input-placeholder, .form-default [type=text]::-webkit-input-placeholder, .form-default textarea::-webkit-input-placeholder { color: #8e8f90; font-size: .7rem } .form-default [type=email]::-moz-placeholder, .form-default [type=text]::-moz-placeholder, .form-default textarea::-moz-placeholder { color: #8e8f90; font-size: .7rem } .form-default [type=email]::-ms-input-placeholder, .form-default [type=text]::-ms-input-placeholder, .form-default textarea::-ms-input-placeholder { color: #8e8f90; font-size: .7rem } .form-default [type=email]::placeholder, .form-default [type=text]::placeholder, .form-default textarea::placeholder { color: #8e8f90; font-size: .7rem } .form-default [type=email]:not([value])+label, .form-default [type=email][value=""]+label, .form-default [type=text]:not([value])+label, .form-default [type=text][value=""]+label, .form-default textarea:not([value])+label, .form-default textarea[value=""]+label { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .form-default [type=email].active+label, .form-default [type=email]:focus+label, .form-default [type=text].active+label, .form-default [type=text]:focus+label, .form-default textarea.active+label, .form-default textarea:focus+label { top: .15rem; -webkit-transform: translateY(0); transform: translateY(0) } .form-default [type=email].error, .form-default [type=text].error, .form-default textarea.error { border-color: rgba(255, 0, 0, .4) } .form-default [type=email].success, .form-default [type=text].success, .form-default textarea.success { border-color: rgba(0, 255, 0, .4) } .form-default textarea { padding-top: .9rem; resize: vertical } .form-default label.error, .form-default label.success { font-size: .6rem; position: relative; bottom: 0; top: unset !important; -webkit-transform: translateY(100%) !important; transform: translateY(100%) !important } .form-default label.error { color: rgba(255, 0, 0, .4) } .form-default label.success { color: rgba(0, 255, 0, .4) } .form-info { font-size: .7rem; display: block; margin: .5rem 0 0; position: absolute; bottom: -1rem } .file-upload { font-size: .6rem; text-transform: uppercase } .custom-checkbox-item, .custom-radio-item { cursor: pointer; position: relative !important; left: unset !important; top: unset !important } .custom-checkbox-item { padding-left: .9rem; display: block; margin: 1.5rem 0 } .custom-checkbox-item .checkbox-item, .custom-radio-item .radio-item { left: 0; position: absolute; display: block; border: 1px solid #8e8f90; width: .6rem; height: .6rem } .custom-checkbox-item .checkbox-item i, .custom-radio-item .radio-item::before { opacity: 0; width: .475rem; height: .325rem; -webkit-transition: .3s linear; transition: .3s linear } .custom-radio-item { padding-left: 1.3rem; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1rem 0 } .custom-radio-item .radio-item { border: 1px solid transparent; background: #fff; width: 1rem; height: 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 1rem; flex: 0 0 1rem; border-radius: 50%; margin: 0 .6rem 0 0 } .custom-radio-item .radio-item::before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; width: .4rem; height: .4rem; background: #52bbb5; border-radius: 50% } .field-caption { letter-spacing: -.04em; color: #262626; font-size: .8rem; line-height: 1.2; font-weight: 600; padding: 0 0 1rem } .form-content { font-size: .7rem; line-height: 1.2; color: #8e8f90; padding-bottom: 2.5rem } #compliance { width: 100%; max-width: 39rem } #compliance .perspektive .title, #compliance h4, .perspektive #compliance .title { font-size: 1.2rem; margin: 1.5rem 0 .8rem } #compliance .status-success .ui-icon { width: 2.85rem; height: 2.85rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.85rem; flex: 0 0 2.85rem } #compliance p { font-size: .7rem; line-height: 1rem; max-width: 60% } #compliance .js-after-hide.invisible { max-height: 21rem; overflow: hidden } .form-tab-toggle.active { position: relative; visibility: visible } .input-info { font-size: .7rem; margin: .6rem 0 0; color: #8e8f90 } input.required+label::after { content: '*'; color: red; display: inline-block; margin: -3px 0 0 3px } .header-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 1.5rem 0 0; position: absolute; top: 0; right: 100%; outline: 0 } @media (min-width:2161px) { .form-default { padding: 1.5rem 80px 1.5rem 40px } .form-default .form-group { margin: 0 0 2rem } .form-default .form-group label { left: 1rem; font: 500 14px/1 Montserrat } .form-default [type=email], .form-default [type=text], .form-default textarea { font: 500 14px/1.4 Montserrat } .header-search { width: 45rem } .header-search .search-btn { width: .9rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem } } @media (min-width:1921px) and (max-width:2560px) { .form-default { padding: 1.5rem 80px 1.5rem 40px } .form-default .form-group { margin: 0 0 2rem } .form-default .form-group label { left: 1rem; font: 500 14px/1 Montserrat } .form-default [type=email], .form-default [type=text], .form-default textarea { font: 500 14px/1.4 Montserrat } .header-search { width: 30rem } } .header-search .search-btn { position: relative; z-index: 2; cursor: pointer; background-color: transparent; border: 0; outline: 0; -webkit-transition: .2s linear; transition: .2s linear } @media (min-width:1921px) and (max-width:2560px) { .header-search .search-btn { width: .9rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem } .header-search [type=text] { padding: .9rem 3rem .9rem 1rem; font: 500 .8rem/1 Montserrat; margin: 0 -1.9rem } } .header-search .search-btn .ui-icon { -webkit-transform: scaleY(1); transform: scaleY(1); width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-transition: .1s linear; transition: .1s linear } .header-search [type=text], .search-form [type=text] { background-color: #f5f7f9; -webkit-transition: .2s linear; color: #8e8f90; width: 100%; outline: 0; border: 0 } .header-search.active svg { color: #262626 !important } .header-search.active [type=text] { -webkit-transform: scaleX(1); transform: scaleX(1) } .header-search [type=text] { -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0); transition: .2s linear } @media (min-width:2161px) { .header-search [type=text] { padding: .9rem 3rem .9rem 1rem; font: 500 .8rem/1 Montserrat; margin: 0 -1.9rem } .search-form [type=text] { padding: .9rem 3rem .9rem 1rem; font: 500 1rem/1 Montserrat } } .search-form form { padding: 1.5rem 0 0 } .search-form [type=text] { -webkit-transform-origin: right; transform-origin: right; transition: .2s linear } .search-page .search-results__item { background: #fff; color: #8e8f90 } .search-page .search-results__item b { background-color: rgba(82, 187, 181, .2); padding: .1rem .15rem } .search-page .search-results__item .title { display: block; font: 600 1rem/1.5 Montserrat, sans-serif; color: #262626; letter-spacing: -.02em; -webkit-transition: .2s linear; transition: .2s linear; margin-bottom: .8rem } .search-page .search-results__item .title:hover { color: #52bbb5 } .map_image { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 170% } .geo-markers .marker-item { position: absolute; 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-align: center } @media (min-width:2161px) { .search-form [type=submit] { padding: .9rem 1rem; font: 500 1rem/1 Montserrat } .search-page .search-results { padding: 3rem 0; font: 500 .8rem/1 Montserrat } .search-page .search-results__item { padding: 2rem 2.5rem; margin-bottom: 1rem; font: 500 .8rem/1.5 Montserrat } .geo-markers .marker-item { width: 1.5rem; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem } .geo-markers .marker-item .ui-value { font: 500 .7rem/1 Montserrat } } @media (min-width:1921px) and (max-width:2560px) { .search-form [type=text] { padding: .9rem 3rem .9rem 1rem; font: 500 1rem/1 Montserrat } .search-form [type=submit] { padding: .9rem 1rem; font: 500 1rem/1 Montserrat } .search-page .search-results { padding: 3rem 0; font: 500 .8rem/1 Montserrat } .search-page .search-results__item { padding: 2rem 2.5rem; margin-bottom: 1rem; font: 500 .8rem/1.5 Montserrat } .geo-markers .marker-item { width: 1.5rem; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem } .geo-markers .marker-item .ui-value { font: 500 .7rem/1 Montserrat } } .geo-markers .marker-item .ui-value { color: #fff; position: relative; z-index: 3 } .custom-clustericon span, .geo-markers .marker-item .romb_solid { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .geo-markers .marker-item .romb_solid { cursor: pointer; width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center } .geo-markers .marker-item .romb_solid::before { width: 100%; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-transition: .2s linear; transition: .2s linear; background: #52bbb5; -webkit-transform-origin: center; transform-origin: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1) rotate(45deg); transform: translate(-50%, -50%) scale(1) rotate(45deg) } .geo-markers .marker-item .romb_solid .tooltip-baloon { text-align: left; letter-spacing: -.02em; color: rgba(255, 255, 255, .5); line-height: 1.2 } .geo-markers .marker-item .romb_solid .tooltip-baloon b { color: #fff; display: block; margin: 0 0 5px; text-align: left } .geo-markers .marker-item .romb_solid:hover .tooltip-baloon { -webkit-transform: translateX(-50%); transform: translateX(-50%); visibility: visible; bottom: 55px; -webkit-box-shadow: 3px 0 15px 2px rgba(38, 38, 38, .6); box-shadow: 3px 0 15px 2px rgba(38, 38, 38, .6) } .geo-markers .marker-item .romb_solid:hover::before { -webkit-box-shadow: 3px 0 15px rgba(38, 38, 38, .5); box-shadow: 3px 0 15px rgba(38, 38, 38, .5); -webkit-transform: translate(-50%, -50%) scale(1.5) rotate(90deg); transform: translate(-50%, -50%) scale(1.5) rotate(90deg) } @media (min-width:1281px) and (max-width:1920px) { .popup-window .status-success .ui-icon { width: 12.3rem; height: 8.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 12.3rem; flex: 0 0 12.3rem } .popup-window .info { font: 400 .7rem/1.3 Montserrat, sans-serif; padding: 1rem 1.5rem; margin: 1rem auto } .form-default { padding: 1.5rem 80px 1.5rem 40px } .form-default .form-group { margin: 0 0 2rem } .form-default .form-group label { left: 1rem; font: 500 14px/1 Montserrat } .form-default [type=email], .form-default [type=text], .form-default textarea { font: 500 14px/1.4 Montserrat } .header-search { width: 20rem } .header-search .search-btn { width: .9rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem } .header-search [type=text] { padding: .9rem 3rem .9rem 1rem; font: 500 .7rem/1 Montserrat; margin: 0 -1.9rem } .search-form [type=text] { padding: .9rem 3rem .9rem 1rem; font: 500 1rem/1 Montserrat } .search-form [type=submit] { padding: .9rem 1rem; font: 500 1rem/1 Montserrat } .search-page .search-results { padding: 3rem 0; font: 500 .8rem/1 Montserrat } .search-page .search-results__item { padding: 2rem 2.5rem; margin-bottom: 1rem; font: 500 .8rem/1.5 Montserrat } .geo-markers .marker-item { width: 1.5rem; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem } .geo-markers .marker-item .ui-value { font: 500 .7rem/1 Montserrat } .geo-markers .marker-item.geo01 { left: 305px; top: 285px } .geo-markers .marker-item.geo02 { left: 360px; top: 390px } .geo-markers .marker-item.geo03 { left: 350px; top: 185px } .geo-markers .marker-item.geo04 { left: 310px; top: 365px } .geo-markers .marker-item.geo05 { left: 327px; top: 348px } .geo-markers .marker-item.geo06 { left: 430px; top: 205px } .geo-markers .marker-item.geo07 { left: 340px; top: 310px } .geo-markers .marker-item.geo08 { left: 220px; top: 350px } .geo-markers .marker-item.geo09 { left: 372px; top: 480px } .geo-markers .marker-item.geo10 { left: 217px; top: 167px } } .geography-map { position: relative; overflow: hidden } .geography .geography-map { height: 650px } .geography-map iframe { outline: 0 } .geography-map iframe>div { outline: 0; border: 0 } .custom-clustericon span { z-index: 2; color: #fff; font-size: .875rem; line-height: 1 } .custom-clustericon::before { display: block; content: ''; width: 3.1rem; height: 3.1rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.1rem; flex: 0 0 3.1rem; background: rgba(82, 187, 181, .8); -webkit-box-shadow: 10px 8px 100px rgba(0, 0, 0, .08); box-shadow: 10px 8px 100px rgba(0, 0, 0, .08); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .ksc-marker-icon, .ksc-marker-icon::before { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .ksc-marker-icon { font-size: 0; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer } .ksc-marker-icon::before { position: absolute; display: block; content: ''; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .ksc-marker-icon::after, .main-geo .ksc-marker-icon::before { position: absolute; content: ''; -webkit-box-flex: 0; top: 50%; left: 50% } .ksc-marker-icon::after { width: .25rem; height: .25rem; -ms-flex: 0 0 .25rem; flex: 0 0 .25rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff } .main-geo .ksc-marker-icon { font-size: 0 !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 1.66667rem; height: 1.66667rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.66667rem; flex: 0 0 1.66667rem; -webkit-transition: .2s linear; transition: .2s linear } .main-geo .ksc-marker-icon:hover { width: 2rem; height: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 2rem; flex: 0 0 2rem } .main-geo .ksc-marker-icon::before { display: block; width: 100%; height: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; background: #52bbb5; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) } .main-geo .ksc-marker-icon::after { content: ''; width: .25rem; height: .25rem; -webkit-box-flex: 0; -ms-flex: 0 0 .25rem; flex: 0 0 .25rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff } .geo-select__wrapper, .main-geo .ksc-marker-icon { position: relative; cursor: pointer } .geo-select__wrapper.active .geo-dropdown { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1 } .geo-select .geo-select-item { padding: .8rem 3.1rem .8rem 2rem; border: 1px solid #d8d8d8 } .geo-select .geo-select-item .geo-select__text { font-size: .8rem; color: #262626; font-weight: 500; letter-spacing: -.02em; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .geo-select .geo-dropdown__item::before, .geo-select .geo-select-item .geo-select__text::before { content: ''; width: .5rem; height: .5rem; -webkit-box-flex: 0; -ms-flex: 0 0 .5rem; flex: 0 0 .5rem; margin: 0 .6rem 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: none } .geo-select .geo-select-item .ui-icon { position: absolute; right: 2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; height: 5px; color: #52bbb5 } .geo-select .geo-select-item .ui-icon svg { color: #52bbb5; stroke: #52bbb5 } .geo-select .geo-dropdown { position: absolute; right: 0; top: 2.85rem; background: rgba(38, 38, 38, .89); -webkit-box-shadow: 10px 8px 100px rgba(0, 0, 0, .07); box-shadow: 10px 8px 100px rgba(0, 0, 0, .07); z-index: 10; padding: .9rem 0; width: 13.5rem; -webkit-transform: translateY(-5px); transform: translateY(-5px); visibility: hidden; opacity: 0 } .geo-select .geo-dropdown__item { font-size: .7rem; font-weight: 500; letter-spacing: -.02em; color: #fff; padding: .9rem 1.65rem .9rem 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer } .geo-select .geo-dropdown__item.active, .geo-select .geo-dropdown__item:hover { background: rgba(38, 38, 38, .6) } .geo-select .geo-dropdown__item::before { display: block; border-width: 1px; border-style: solid; margin: 0 .9rem 0 0 } .geo-select .geo-dropdown__item .geo-item { margin: 0 auto 0 0 } .geo-select .geo-dropdown__item .geo-count { color: rgba(255, 255, 255, .3); letter-spacing: -.02em; font-weight: 500; font-size: .6rem } [data-geo-type=type-0]::before { background: #595959; border-color: #d8d8d8 } .type-1111::before, [data-geo-type=type-1111]::before, [data-type=type-1111]::before { display: block !important; background: #fff; border-color: #fff } .type-570::before, [data-geo-type=type-570]::before, [data-type=type-570]::before { display: block !important; background: #a80000; border-color: #a80000 } .type-1268::before, [data-geo-type=type-1268]::before, [data-type=type-1268]::before { display: block !important; background: #00bfff; border-color: #00bfff } .type-1108::before, [data-geo-type=type-1108]::before, [data-type=type-1108]::before { display: block !important; background: #191970; border-color: #191970 } .type-587::before, [data-geo-type=type-587]::before, [data-type=type-587]::before { display: block !important; background: #3c3cdb; border-color: #3c3cdb } .type-574::before, [data-geo-type=type-574]::before, [data-type=type-574]::before { display: block !important; background: #bfbfbf; border-color: #bfbfbf } .type-589::before, [data-geo-type=type-589]::before, [data-type=type-589]::before { display: block !important; background: red; border-color: red } .type-590::before, .type-591::before, .type-592::before, [data-geo-type=type-590]::before, [data-geo-type=type-591]::before, [data-geo-type=type-592]::before, [data-type=type-590]::before, [data-type=type-591]::before, [data-type=type-592]::before { display: block !important; background: teal; border-color: teal } .type-588::before, [data-geo-type=type-588]::before, [data-type=type-588]::before { display: block !important; background: #ff0; border-color: #ff0 } .gm-style-iw { background: rgba(38, 38, 38, .8) !important; -webkit-box-shadow: 10px 8px 100px rgba(0, 0, 0, .08) !important; box-shadow: 10px 8px 100px rgba(0, 0, 0, .08) !important; padding: 1rem .9rem !important; min-width: 11rem !important } .gm-style-iw .gm-style-iw-d { background: 0 0 !important; overflow: inherit !important } .gm-style-iw-t::after { background: linear-gradient(45deg, rgba(38, 38, 38, .8) 50%, rgba(38, 38, 38, 0) 51%, rgba(38, 38, 38, 0) 100%) !important; -webkit-box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4) !important; box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4) !important } .marker-subtitle, .marker-title { display: block; text-align: center; font-weight: 500 !important; letter-spacing: -.02em } .marker-title { color: #fff !important; font-size: .7rem !important; line-height: 1.14 !important } .marker-subtitle { color: rgba(255, 255, 255, .5) !important; font-size: .6rem !important; line-height: 1.3 !important } .gmnoprint.gm-bundled-control { margin: 3rem 0 0 4rem !important } .gmnoprint.gm-bundled-control button { background: #fff !important } .gmnoprint.gm-bundled-control button:active { background-color: rgba(82, 187, 181, .3) } .gmnoprint.gm-bundled-control button:first-of-type { border-bottom: 1px solid #d8d8d8 !important } .gmnoprint.gm-bundled-control button:first-of-type::after { content: '+' } .gmnoprint.gm-bundled-control button:last-of-type::after { content: '-' } .gmnoprint.gm-bundled-control button::after { font-size: 1rem !important; color: #52bbb5 } .geography-description { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; visibility: hidden } .geography-description__item { right: -100%; height: 100%; width: 100%; max-width: 36rem; background-color: #f5f7f9; z-index: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .3s linear; transition: .3s linear; visibility: hidden } #mapMain::after, #mapMain::before, .blend-mask { z-index: 2; position: absolute } .geography-description__item.active { right: 0; visibility: visible } .geography-description .close-btn, .geography-description__item { position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 0 } .geography-description .close-btn { -webkit-transition: .2s linear; transition: .2s linear; cursor: pointer; width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; margin-left: -102px; background: #52bbb5; float: left; left: 0 } .geography-description__header, .geography-description__header .headline { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .geography-description__header { padding: 1.5rem 2rem; background: #fff; min-height: 102px } .geography-description__body, .geography-description__footer { background-color: #f5f7f9; font-size: 1rem; letter-spacing: -.02em } @media (min-width:2161px) { .geo-markers .marker-item.geo01 { left: 305px; top: 285px } .geo-markers .marker-item.geo02 { left: 360px; top: 390px } .geo-markers .marker-item.geo03 { left: 350px; top: 185px } .geo-markers .marker-item.geo04 { left: 310px; top: 365px } .geo-markers .marker-item.geo05 { left: 327px; top: 348px } .geo-markers .marker-item.geo06 { left: 430px; top: 205px } .geo-markers .marker-item.geo07 { left: 340px; top: 310px } .geo-markers .marker-item.geo08 { left: 220px; top: 350px } .geo-markers .marker-item.geo09 { left: 372px; top: 480px } .geo-markers .marker-item.geo10 { left: 217px; top: 167px } .geography-description .close-btn { width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; margin-left: -102px } .geography-description__header { min-height: 102px } } @media (min-width:1921px) and (max-width:2560px) { .geo-markers .marker-item.geo01 { left: 305px; top: 285px } .geo-markers .marker-item.geo02 { left: 360px; top: 390px } .geo-markers .marker-item.geo03 { left: 350px; top: 185px } .geo-markers .marker-item.geo04 { left: 310px; top: 365px } .geo-markers .marker-item.geo05 { left: 327px; top: 348px } .geo-markers .marker-item.geo06 { left: 430px; top: 205px } .geo-markers .marker-item.geo07 { left: 340px; top: 310px } .geo-markers .marker-item.geo08 { left: 220px; top: 350px } .geo-markers .marker-item.geo09 { left: 372px; top: 480px } .geo-markers .marker-item.geo10 { left: 217px; top: 167px } .geography-description .close-btn { width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; margin-left: -102px } .geography-description__header { min-height: 102px } } @media (min-width:1024px) and (max-width:1280px) { .popup-window__body { max-height: calc(100vh - 102px); min-height: 22.5rem } .popup-window .popup-toggle { width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; right: -102px } .popup-window .status-success .ui-icon { width: 12.3rem; height: 8.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 12.3rem; flex: 0 0 12.3rem } .popup-window .info { font: 400 .7rem/1.3 Montserrat, sans-serif; padding: 1rem 1.5rem; margin: 1rem auto } .form-default { padding: 1.5rem 60px 1.5rem 40px } .form-default .form-group { margin: 0 0 1rem } .form-default .form-group label { left: 1rem; font: 500 13px/1 Montserrat } .form-default [type=email], .form-default [type=text], .form-default textarea { font: 500 13px/1.4 Montserrat } .header-search { height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem; width: 10rem } .header-search .search-btn { width: .9rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem } .header-search [type=text] { padding: .9rem 3rem .9rem 1rem; font: 500 .7rem/1 Montserrat; margin: 0 -1.9rem } .search-form [type=text] { padding: .55rem .75rem; font: 500 1rem/1 Montserrat } .search-form [type=submit] { padding: .9rem 1rem; font: 500 .7rem/1 Montserrat } .search-page .search-results { padding: 2rem 0; font: 500 .8rem/1 Montserrat } .search-page .search-results__item { padding: .75rem; margin-bottom: 1rem; font: 500 .7rem/1.5 Montserrat } .map_image { top: 50%; left: -33px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 190% } .geo-markers .marker-item { width: 1.5rem; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem } .geo-markers .marker-item .ui-value { font: 500 .7rem/1 Montserrat } .geo-markers .marker-item.geo01 { left: 260px; top: 233px } .geo-markers .marker-item.geo02 { left: 310px; top: 325px } .geo-markers .marker-item.geo03 { left: 305px; top: 145px } .geo-markers .marker-item.geo04 { left: 255px; top: 300px } .geo-markers .marker-item.geo05 { left: 278px; top: 277px } .geo-markers .marker-item.geo06 { left: 355px; top: 165px } .geo-markers .marker-item.geo07 { left: 299px; top: 243px } .geo-markers .marker-item.geo08 { left: 175px; top: 285px } .geo-markers .marker-item.geo09 { left: 315px; top: 415px } .geo-markers .marker-item.geo10 { left: 156px; top: 108px } .geography-description .close-btn { width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; margin-left: -102px } .geography-description__header { min-height: 102px } } @media (min-width:768px) and (max-width:1023px) { .popup-window__header { padding: 1.5rem 0 1.5rem 20px; height: 102px } .popup-window__header h3 { width: calc(100% - 102px) } .popup-window__body { max-height: calc(100vh - 102px); min-height: 22.5rem } .popup-window .popup-toggle { width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; right: 0 } .popup-window .status-success .ui-icon { width: 12.3rem; height: 8.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 12.3rem; flex: 0 0 12.3rem } .popup-window .info { font: 400 .7rem/1.3 Montserrat, sans-serif; padding: 1rem 1.5rem; margin: 1rem auto } .form-default { padding: 1.5rem 20px } .form-default .form-group { margin: 0 0 1rem } .form-default .form-group label { left: 1rem; font: 500 12px/1 Montserrat } .form-default [type=email], .form-default [type=text], .form-default textarea { font: 500 12px/1.4 Montserrat } #compliance-form-anketa .row.justify-content-between, #vacancies .row.justify-content-between, #vacancies-form .row.justify-content-between { display: -webkit-box; display: -ms-flexbox; display: flex } #compliance-form-anketa .row.justify-content-between .one_half, #vacancies .row.justify-content-between .one_half, #vacancies-form .row.justify-content-between .one_half { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .header-search { height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem; width: 20rem } .header-search .search-btn { width: .9rem; height: .9rem; -webkit-box-flex: 0; -ms-flex: 0 0 .9rem; flex: 0 0 .9rem } .header-search [type=text] { padding: .9rem 3rem .9rem 1rem; font: 500 .6rem/1 Montserrat; margin: 0 -1.9rem } .search-form [type=submit], .search-form [type=text] { padding: .45rem .5rem; font: 500 .6rem/1 Montserrat } .search-page .search-results { padding: 1.5rem 0; font: 500 .8rem/1 Montserrat } .search-page .search-results__item { padding: .75rem; margin-bottom: 1rem; font: 500 .65rem/1.5 Montserrat } .search-push header.main-header::before { width: 100% } .search-push header.main-header .nav-panel .header-search [type=text] { background-color: #f5f7f9 } .search-push header.main-header .nav-panel .lang-block__item, .search-push header.main-header .nav-panel .lang-block__item .current { color: #262626 } .map_image { top: 50%; left: -115px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 190% } .geo-markers .marker-item { width: 1.5rem; height: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.5rem; flex: 0 0 1.5rem } .geo-markers .marker-item .ui-value { font: 500 .7rem/1 Montserrat } .geo-markers .marker-item.geo01 { left: 185px; top: 235px } .geo-markers .marker-item.geo02 { left: 230px; top: 340px } .geo-markers .marker-item.geo03 { left: 220px; top: 145px } .geo-markers .marker-item.geo04 { left: 180px; top: 305px } .geo-markers .marker-item.geo05 { left: 200px; top: 285px } .geo-markers .marker-item.geo06 { left: 285px; top: 155px } .geo-markers .marker-item.geo07 { left: 215px; top: 255px } .geo-markers .marker-item.geo08 { left: 95px; top: 295px } .geo-markers .marker-item.geo09 { left: 234px; top: 412px } .geo-markers .marker-item.geo10 { left: 87px; top: 108px } .geography-description .close-btn { width: 102px; height: 102px; -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px } .geography-description__header { min-height: 102px } } .geography-description__header .headline { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font: 600 1.2rem/1.6 Montserrat, sans-serif; color: #262626; letter-spacing: -.02em } @media (max-width:767px) { .popup-window { width: 95%; max-width: 100vw } .popup-window__header { padding: 8vw 0 8vw 20px; height: 80px } .popup-window__header h3 { width: calc(100% - 80px) } .popup-window__body { max-height: calc(90vh - 80px); min-height: 22.5rem } .popup-window .popup-toggle { width: 80px; height: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; right: 0 } .popup-window .status-success .ui-icon { width: 9.375rem; height: 4.625rem; -webkit-box-flex: 0; -ms-flex: 0 0 9.375rem; flex: 0 0 9.375rem } .popup-window .info { font: 400 .625rem/1.3 Montserrat, sans-serif; padding: 1.25rem .625rem; margin: 1.25rem auto } .form-default { padding: 8vw 20px } .form-default .form-group { margin: 0 0 1.25rem } .form-default .form-group label { left: 1.25rem; font: 500 11px/1 Montserrat } .form-default [type=email], .form-default [type=text], .form-default textarea { font: 500 11px/1.4 Montserrat } #compliance-form-anketa .row.justify-content-between, #vacancies .row.justify-content-between, #vacancies-form .row.justify-content-between, .geography .headline { display: block } #compliance-form-anketa .row.justify-content-between .one_half, #vacancies .row.justify-content-between .one_half, #vacancies-form .row.justify-content-between .one_half { margin-left: 0 !important; margin-right: 0 !important } .header-search { display: none } .mobile-only .header-search { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: unset; right: unset; margin: 8vw 0 0; height: 1.5rem } .mobile-only .header-search button { width: 1.8rem; height: 1.8rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.8rem; flex: 0 0 1.8rem; background-color: #f5f7f9; 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 } .mobile-only .header-search button .ui-icon { width: .75rem; height: .75rem; -webkit-box-flex: 0; -ms-flex: 0 0 .75rem; flex: 0 0 .75rem } .mobile-only .header-search [type=text] { width: 100%; -webkit-transform: scaleX(1); transform: scaleX(1); padding: .5rem 1rem; margin: 0 } .header-search [type=text] { padding: 1.125rem 3.75rem 1.125rem 1.25rem; font: 500 .6875rem/1 Montserrat; margin: 0 -2.375rem } .search-form [type=submit], .search-form [type=text] { padding: .5625rem .625rem; font: 500 .6875rem/1 Montserrat } .search-page .search-results { padding: 1.25rem 0; font: 500 1rem/1 Montserrat } .search-page .search-results__item { padding: 4vw; margin-bottom: 1.25rem; font: 500 .55rem/1.5 Montserrat } .search-page .search-results__item .title { margin-bottom: .6rem; font: 600 .8rem/1.5 Montserrat, sans-serif } .map_image { top: 50%; left: -115px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 190% } .geo-markers .marker-item { width: 1.25rem; height: 1.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem } .geo-markers .marker-item .ui-value { font: 500 .5625rem/1 Montserrat } .geo-markers .marker-item .romb_solid .tooltip-baloon { font-size: 12px } .geo-markers .marker-item.geo01 { left: 131px; top: 197px } .geo-markers .marker-item.geo02 { left: 177px; top: 289px } .geo-markers .marker-item.geo03 { left: 165px; top: 120px } .geo-markers .marker-item.geo04 { left: 130px; top: 265px } .geo-markers .marker-item.geo05 { left: 144px; top: 240px } .geo-markers .marker-item.geo06 { left: 219px; top: 140px } .geo-markers .marker-item.geo07 { left: 163px; top: 217px } .geo-markers .marker-item.geo08 { left: 60px; top: 250px } .geo-markers .marker-item.geo08 .tooltip-baloon { left: 100px; -webkit-transform: none; transform: none } .geo-markers .marker-item.geo08 .tooltip-baloon::after { left: 60px } .geo-markers .marker-item.geo09 { left: 185px; top: 354px } .geo-markers .marker-item.geo10 { left: 54px; top: 108px } .geography .headline .geo-select { margin-top: 10px } .geography .headline .geo-select .geo-select__text { max-width: 100%; overflow: hidden; padding: 0 5px } .geography .headline .geo-select .geo-select__text em { font-style: normal } .geography .headline .geo-select .geo-select__text .text-wrapper { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .geo-select .geo-select-item { padding: .6rem 1.5rem .8rem .5rem } .geo-select .geo-select-item .ui-icon { right: 1rem } .gmnoprint.gm-bundled-control { margin: 1rem 0 0 1.5rem !important } .geography-description .close-btn { position: relative; width: 3.75rem; height: 3.75rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.75rem; flex: 0 0 3.75rem; margin-left: 0; margin-right: 4vw } .geography-description__header { min-height: 3.75rem; padding: 0 } .geography-description__header .headline { display: block; -webkit-box-flex: 1; -ms-flex: auto; flex: auto } .geography-description__header .headline .city, .geography-description__header .headline .name { display: block; font-size: .875rem } .geography-description__header .headline .name { max-width: 80%; line-height: 1 } .geography-description__header .headline .city { float: none !important; margin: 5px 0 0 } } .geography-description__header .headline .city { float: right; letter-spacing: -.02em; color: #8e8f90; font-size: .6rem } .geography-description__body { padding: 2rem; line-height: 1.5 } .geography-description__body p, .geography-description__footer p { font-size: 1rem; line-height: 1.5; letter-spacing: -.02em; padding-bottom: 1rem } .geography-description__body p:last-of-type { padding-bottom: 0 } .geography-description__footer { line-height: 1.5; padding: 0 2rem } .geography-description__footer .title-sm { letter-spacing: -.02em; color: #8e8f90; font-size: .6rem; margin: 0 0 4px } .geography-description__footer .lead-grid .title, .geography-description__footer .lead__slogan, .geography-description__footer .perspektive .title, .geography-description__footer h1, .geography-description__footer h2, .geography-description__footer h3, .geography-description__footer h4, .geography-description__footer h5, .geography-description__footer h6, .lead-grid .geography-description__footer .title, .perspektive .geography-description__footer .title { font-size: .6rem; color: #8e8f90; text-align: left; margin: 0 0 5px; padding: 0; display: block } .geography-description__scroll { height: 100%; overflow-x: hidden; overflow-y: auto } .blend-mask { -webkit-box-shadow: 0 0 9000px 9000px rgba(28, 41, 72, .2); box-shadow: 0 0 9000px 9000px rgba(28, 41, 72, .2) } #mapMain { width: 100%; height: 100%; position: relative } #mapMain::after { content: ''; display: block; top: 0; left: 0; height: 100%; width: 50px; background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff) } #mapMain::before { content: ''; display: block; top: 0; left: 0; width: 100%; height: 50px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to top, rgba(255, 255, 255, 0), #fff) } .main-geo .list-geo-main__divisions .caption { width: 50%; white-space: nowrap; color: #8e8f90; font-size: .5rem; text-transform: uppercase; margin: 0 0 .5rem } .main-geo .list-geo-main__divisions .division-item { background: #fff; margin: .5rem auto; padding: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; border: 2px solid transparent; -webkit-transition: .2s linear; transition: .2s linear } .main-geo .list-geo-main__divisions .division-item-name { color: #262626; font-size: .8rem; font-weight: 500; line-height: 1rem; letter-spacing: -.04em; width: 50% } .main-geo .list-geo-main__divisions .division-item:hover { border-color: #52bbb5 } .main-geo .list-geo-main__divisions .division-item .company-list { width: 50% } .main-geo .list-geo-main__divisions .division-item .company-list li { color: #8e8f90; font-size: .6rem; line-height: 1rem; letter-spacing: -.02em } .main-geo.push+.main-video .mask-overlay::before { background: #aaa7a7 } .video-vacancies .video-gallery { margin: -1rem -1rem 6rem } .video-vacancies .video-gallery .announce { background: #fff; padding: 2.5rem; margin: 1rem; width: calc(50% - 2rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width:768px) and (max-width:1023px) { .video-vacancies .video-gallery .announce { margin: .5rem 0; width: 50%; padding: 1rem } } @media (max-width:767px) { .geography-description__body { padding: 8vw 4vw } .geography-description__footer { padding: 0 4vw } .main-geo .list-geo-main__divisions .row { display: block } .main-geo .list-geo-main__divisions .caption { width: 100% } .main-geo .list-geo-main__divisions .caption:first-child { margin-bottom: 0 } .main-geo .list-geo-main__divisions .caption:first-child::after { content: ' /' } .main-geo .list-geo-main__divisions .division-item { padding: 1rem } .main-geo .geography-description { height: 510px; bottom: 0; top: unset } .video-vacancies .video-gallery .announce { margin: .5rem 0; width: 100%; padding: 1rem } } .video-vacancies .video-gallery .announce .image { margin-bottom: .75rem } .video-vacancies .video-gallery .announce .body { font: 500 1rem/1 Montserrat, sans-serif } .video-vacancies .video-gallery .announce .body .body-crumbs { font: 500 .7rem/1 Montserrat, sans-serif } .video-vacancies .video-gallery .announce .body .company { color: #7de0d9 } .video-vacancies .video-gallery .announce .body .city { color: #8e8f90; margin-left: .1rem; position: relative; padding-left: .6rem } .video-vacancies .video-gallery .announce .body .city::before { position: absolute; top: 7px; left: 0; content: ''; width: .1rem; height: .1rem; border-radius: 50%; background-color: #8e8f90; border: 1px solid #8e8f90 } .video-vacancies .video-gallery .announce .body h3 { margin: .75rem 0 0; text-align: left; font: 600 1rem/1 Montserrat, sans-serif } .video-vacancies .video-gallery .announce .btn { margin: .75rem auto 0 0; width: auto; text-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } @media (max-width:1023px) { .digits-block, .properties-rows .properties .product-detail__tech--grid { width: auto } .disclamer { padding: .75rem } .disclamer__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .disclamer__close { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 4vw auto 0 } .perspektive .special-content-1 .title, .special-content-1 .perspektive .title, .special-content-1 h3, .special-content-1 h4, .video-gallery { margin: 0 } .perspektive .special-content-1 .title li, .special-content-1 .perspektive .title li, .special-content-1 h3 li, .special-content-1 h4 li { line-height: 1; width: auto } .perspektive .special-content-1 .title+i, .special-content-1 .perspektive .title+i, .special-content-1 h3+i, .special-content-1 h4+i { padding: 0 0 1.5rem 1rem } .special-content-1 hr+p { font-size: 1rem } .lead-grid .side_left .title, .side_left .lead-grid .title, .side_left h2 { margin: 0 0 1.5rem } .lead__link .romb_icon { width: 30px; height: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; margin-right: 15px } .lead-grid .title { max-width: inherit !important; padding: 0 0 8vw !important } #mapMain::after, .desktop-response-image, .mosaic-inner__image.vertical { display: none } .section-list__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .perspektive .section-list__item, .product-gallery-empty .complect, .product-gallery-empty .properties { width: 100% } .properties-rows, .video-vacancies .video-gallery .announce .btn { display: block } .properties-rows .properties:last-of-type .product-detail__tech--grid { padding-left: 0 } .announce-magazine__block .announce-list { margin: 0 0 3rem } .people-company .lead__slogan, .people-company h1 { padding-left: 0; padding-right: 0 } .people-list .col:first-of-type { padding: 0 0 1rem; width: auto } .people-list .col:last-of-type { padding: 0; width: auto } .people-list__item { display: block; padding: 0 0 3rem; margin: 0 0 3rem; font-size: 1rem } .people-list__item .title { padding: 0; font: 600 1.5rem/1 Montserrat, sans-serif } .career-block__vacancy--grid .item .name, .people-list__item .link { margin: 0 0 .5rem } .mass-media__body { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .career-section .category-list { height: 4.25rem; margin-bottom: 3rem } .form-default [type=email]:not([value])+label, .form-default [type=email][value=""]+label, .form-default [type=text]:not([value])+label, .form-default [type=text][value=""]+label, .form-default textarea:not([value])+label, .form-default textarea[value=""]+label { top: .4rem; left: 1rem; -webkit-transform: translateY(0); transform: translateY(0) } .form-default [type=email].active+label, .form-default [type=email]:focus+label, .form-default [type=text].active+label, .form-default [type=text]:focus+label, .form-default textarea.active+label, .form-default textarea:focus+label { left: 1rem; top: .4rem } .form-info { font-size: .5rem; line-height: 1.1; position: relative; bottom: 0 } .geography-description { border-top: 1px solid #d8d8d8 } } @media (max-width: 767px) { .lg-outer .lg-inner { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: opacity; transition: opacity; white-space: nowrap; } .lg-object.lg-image { margin: 0 0 0 -200vw; } } @media (min-width:1921 px) and (max-width:2560px) { .lg-outer .lg-inner { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: opacity; transition: opacity; white-space: nowrap; } .lg-object.lg-image { margin: 0 0 0 -200vw; } } .test { border: 1px solid red } /* End */ /* Start:/local/templates/kscgroup/styles.css?17531897371892*/ @media (max-width: 767px) { .category-list.active .category-list-item .swiper-wrapper,.category-list.active .category-list-item .swiper-wrapper.justify-content-center { -webkit-box-pack:start; -ms-flex-pack: start; justify-content: flex-start; /* width:auto!important; */ } @media (min-width: 2161px) { .nav-tab.secondary li .nav-tab__item { font: 600 .6rem / 1.66 Montserrat; } } div.unstyledTable { } .divTable.unstyledTable .divTableCell, .divTable.unstyledTable .divTableHead { } .divTable.unstyledTable .divTableHeading { background: #DDDDDD; } .divTable.unstyledTable .divTableHeading .divTableHead { font-weight: normal; } .unstyledTable .tableFootStyle { font-weight: bold; } /* DivTable.com */ .divTable{ display: table; } .divTableRow { display: table-row; } .divTableHeading { display: table-header-group;} .divTableCell, .divTableHead { display: table-cell;} .divTableHeading { display: table-header-group;} .divTableFoot { display: table-footer-group;} .divTableBody { display: table-row-group;} @media (min-width: 1024px) and (max-width: 1280px) { .col-md-4 { width: 10rem !important; margin-bottom: 30px; } } .main-geo__grid { position: relative; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3,1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2,1fr); background: #fff; } .main-geo__body { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; margin: 0 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: inherit; } /* End */ /* Start:/local/templates/kscgroup/template_styles.css?17531897371911*/ @media (max-width: 767px) { .category-list.active .category-list-item .swiper-wrapper,.category-list.active .category-list-item .swiper-wrapper.justify-content-center { -webkit-box-pack:start; -ms-flex-pack: start; justify-content: flex-start; /* width:auto!important; */ } @media (min-width: 2161px) { .nav-tab.secondary li .nav-tab__item { font: 600 .6rem / 1.66 Montserrat; } div.unstyledTable { } .divTable.unstyledTable .divTableCell, .divTable.unstyledTable .divTableHead { } .divTable.unstyledTable .divTableHeading { background: #DDDDDD; } .divTable.unstyledTable .divTableHeading .divTableHead { font-weight: normal; } .unstyledTable .tableFootStyle { font-weight: bold; } /* DivTable.com */ .divTable{ display: table; } .divTableRow { display: table-row; } .divTableHeading { display: table-header-group;} .divTableCell, .divTableHead { display: table-cell;} .divTableHeading { display: table-header-group;} .divTableFoot { display: table-footer-group;} .divTableBody { display: table-row-group;} .containerbox { display: flex; flex-wrap: wrap; justify-content: space-between; } .containerbox .left-block { width: 50%; } .containerbox .right-block { width: 50%; } @media (max-width: 768px) { .containerbox .left-block, .containerbox .right-block { width: 100%; } } @media (min-width: 1024px) and (max-width: 1280px) { .col-md-4 { width: 10rem !important; margin-bottom: 30px; } } .main-geo__body { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; margin: 0 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: inherit; } /* End */ /* /local/templates/.default/assets/src/build/css/styles.min.css?1757339162680281 */ /* /local/templates/kscgroup/styles.css?17531897371892 */ /* /local/templates/kscgroup/template_styles.css?17531897371911 */