/* Start:/local/templates/comd2019/js/owl.carousel.css?17485550993234*/
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/comd2019/js/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/* End */


/* Start:/local/templates/comd2019/js/fancybox/jquery.fancybox.css?174855509914686*/
body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: linear-gradient( to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100% ); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } 
/* End */


/* Start:/local/templates/comd2019/js/animate.css?174855509968064*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 40%, 43% {  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  -webkit-transform: translate3d(0, -30px, 0);  transform: translate3d(0, -30px, 0); } 70% {  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  -webkit-transform: translate3d(0, -15px, 0);  transform: translate3d(0, -15px, 0); } 90% {  -webkit-transform: translate3d(0, -4px, 0);  transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 40%, 43% {  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  -webkit-transform: translate3d(0, -30px, 0);  transform: translate3d(0, -30px, 0); } 70% {  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);  -webkit-transform: translate3d(0, -15px, 0);  transform: translate3d(0, -15px, 0); } 90% {  -webkit-transform: translate3d(0, -4px, 0);  transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to {  opacity: 1; } 25%, 75% {  opacity: 0; } } @keyframes flash { from, 50%, to {  opacity: 1; } 25%, 75% {  opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } 50% {  -webkit-transform: scale3d(1.05, 1.05, 1.05);  transform: scale3d(1.05, 1.05, 1.05); } to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } } @keyframes pulse { from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } 50% {  -webkit-transform: scale3d(1.05, 1.05, 1.05);  transform: scale3d(1.05, 1.05, 1.05); } to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } 30% {  -webkit-transform: scale3d(1.25, 0.75, 1);  transform: scale3d(1.25, 0.75, 1); } 40% {  -webkit-transform: scale3d(0.75, 1.25, 1);  transform: scale3d(0.75, 1.25, 1); } 50% {  -webkit-transform: scale3d(1.15, 0.85, 1);  transform: scale3d(1.15, 0.85, 1); } 65% {  -webkit-transform: scale3d(0.95, 1.05, 1);  transform: scale3d(0.95, 1.05, 1); } 75% {  -webkit-transform: scale3d(1.05, 0.95, 1);  transform: scale3d(1.05, 0.95, 1); } to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } 30% {  -webkit-transform: scale3d(1.25, 0.75, 1);  transform: scale3d(1.25, 0.75, 1); } 40% {  -webkit-transform: scale3d(0.75, 1.25, 1);  transform: scale3d(0.75, 1.25, 1); } 50% {  -webkit-transform: scale3d(1.15, 0.85, 1);  transform: scale3d(1.15, 0.85, 1); } 65% {  -webkit-transform: scale3d(0.95, 1.05, 1);  transform: scale3d(0.95, 1.05, 1); } 75% {  -webkit-transform: scale3d(1.05, 0.95, 1);  transform: scale3d(1.05, 0.95, 1); } to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% {  -webkit-transform: translate3d(-10px, 0, 0);  transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% {  -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% {  -webkit-transform: translate3d(-10px, 0, 0);  transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% {  -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% {  -webkit-transform: translateX(0);  transform: translateX(0); } 6.5% {  -webkit-transform: translateX(-6px) rotateY(-9deg);  transform: translateX(-6px) rotateY(-9deg); } 18.5% {  -webkit-transform: translateX(5px) rotateY(7deg);  transform: translateX(5px) rotateY(7deg); } 31.5% {  -webkit-transform: translateX(-3px) rotateY(-5deg);  transform: translateX(-3px) rotateY(-5deg); } 43.5% {  -webkit-transform: translateX(2px) rotateY(3deg);  transform: translateX(2px) rotateY(3deg); } 50% {  -webkit-transform: translateX(0);  transform: translateX(0); } } @keyframes headShake { 0% {  -webkit-transform: translateX(0);  transform: translateX(0); } 6.5% {  -webkit-transform: translateX(-6px) rotateY(-9deg);  transform: translateX(-6px) rotateY(-9deg); } 18.5% {  -webkit-transform: translateX(5px) rotateY(7deg);  transform: translateX(5px) rotateY(7deg); } 31.5% {  -webkit-transform: translateX(-3px) rotateY(-5deg);  transform: translateX(-3px) rotateY(-5deg); } 43.5% {  -webkit-transform: translateX(2px) rotateY(3deg);  transform: translateX(2px) rotateY(3deg); } 50% {  -webkit-transform: translateX(0);  transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% {  -webkit-transform: rotate3d(0, 0, 1, 15deg);  transform: rotate3d(0, 0, 1, 15deg); } 40% {  -webkit-transform: rotate3d(0, 0, 1, -10deg);  transform: rotate3d(0, 0, 1, -10deg); } 60% {  -webkit-transform: rotate3d(0, 0, 1, 5deg);  transform: rotate3d(0, 0, 1, 5deg); } 80% {  -webkit-transform: rotate3d(0, 0, 1, -5deg);  transform: rotate3d(0, 0, 1, -5deg); } to {  -webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% {  -webkit-transform: rotate3d(0, 0, 1, 15deg);  transform: rotate3d(0, 0, 1, 15deg); } 40% {  -webkit-transform: rotate3d(0, 0, 1, -10deg);  transform: rotate3d(0, 0, 1, -10deg); } 60% {  -webkit-transform: rotate3d(0, 0, 1, 5deg);  transform: rotate3d(0, 0, 1, 5deg); } 80% {  -webkit-transform: rotate3d(0, 0, 1, -5deg);  transform: rotate3d(0, 0, 1, -5deg); } to {  -webkit-transform: rotate3d(0, 0, 1, 0deg);  transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } 10%, 20% {  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } } @keyframes tada { from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } 10%, 20% {  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 15% {  -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% {  -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% {  -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% {  -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% {  -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes wobble { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 15% {  -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% {  -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% {  -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% {  -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% {  -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 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(-0.78125deg) skewY(-0.78125deg);  transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% {  -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);  transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% {  -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } 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(-0.78125deg) skewY(-0.78125deg);  transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% {  -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);  transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% {  -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {  opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); } 20% {  -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1); } 40% {  -webkit-transform: scale3d(0.9, 0.9, 0.9);  transform: scale3d(0.9, 0.9, 0.9); } 60% {  opacity: 1;  -webkit-transform: scale3d(1.03, 1.03, 1.03);  transform: scale3d(1.03, 1.03, 1.03); } 80% {  -webkit-transform: scale3d(0.97, 0.97, 0.97);  transform: scale3d(0.97, 0.97, 0.97); } to {  opacity: 1;  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {  opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); } 20% {  -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1); } 40% {  -webkit-transform: scale3d(0.9, 0.9, 0.9);  transform: scale3d(0.9, 0.9, 0.9); } 60% {  opacity: 1;  -webkit-transform: scale3d(1.03, 1.03, 1.03);  transform: scale3d(1.03, 1.03, 1.03); } 80% {  -webkit-transform: scale3d(0.97, 0.97, 0.97);  transform: scale3d(0.97, 0.97, 0.97); } to {  opacity: 1;  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {  opacity: 0;  -webkit-transform: translate3d(0, -3000px, 0);  transform: translate3d(0, -3000px, 0); } 60% {  opacity: 1;  -webkit-transform: translate3d(0, 25px, 0);  transform: translate3d(0, 25px, 0); } 75% {  -webkit-transform: translate3d(0, -10px, 0);  transform: translate3d(0, -10px, 0); } 90% {  -webkit-transform: translate3d(0, 5px, 0);  transform: translate3d(0, 5px, 0); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {  opacity: 0;  -webkit-transform: translate3d(0, -3000px, 0);  transform: translate3d(0, -3000px, 0); } 60% {  opacity: 1;  -webkit-transform: translate3d(0, 25px, 0);  transform: translate3d(0, 25px, 0); } 75% {  -webkit-transform: translate3d(0, -10px, 0);  transform: translate3d(0, -10px, 0); } 90% {  -webkit-transform: translate3d(0, 5px, 0);  transform: translate3d(0, 5px, 0); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {  opacity: 0;  -webkit-transform: translate3d(-3000px, 0, 0);  transform: translate3d(-3000px, 0, 0); } 60% {  opacity: 1;  -webkit-transform: translate3d(25px, 0, 0);  transform: translate3d(25px, 0, 0); } 75% {  -webkit-transform: translate3d(-10px, 0, 0);  transform: translate3d(-10px, 0, 0); } 90% {  -webkit-transform: translate3d(5px, 0, 0);  transform: translate3d(5px, 0, 0); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% {  opacity: 0;  -webkit-transform: translate3d(-3000px, 0, 0);  transform: translate3d(-3000px, 0, 0); } 60% {  opacity: 1;  -webkit-transform: translate3d(25px, 0, 0);  transform: translate3d(25px, 0, 0); } 75% {  -webkit-transform: translate3d(-10px, 0, 0);  transform: translate3d(-10px, 0, 0); } 90% {  -webkit-transform: translate3d(5px, 0, 0);  transform: translate3d(5px, 0, 0); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {  opacity: 0;  -webkit-transform: translate3d(3000px, 0, 0);  transform: translate3d(3000px, 0, 0); } 60% {  opacity: 1;  -webkit-transform: translate3d(-25px, 0, 0);  transform: translate3d(-25px, 0, 0); } 75% {  -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); } 90% {  -webkit-transform: translate3d(-5px, 0, 0);  transform: translate3d(-5px, 0, 0); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {  opacity: 0;  -webkit-transform: translate3d(3000px, 0, 0);  transform: translate3d(3000px, 0, 0); } 60% {  opacity: 1;  -webkit-transform: translate3d(-25px, 0, 0);  transform: translate3d(-25px, 0, 0); } 75% {  -webkit-transform: translate3d(10px, 0, 0);  transform: translate3d(10px, 0, 0); } 90% {  -webkit-transform: translate3d(-5px, 0, 0);  transform: translate3d(-5px, 0, 0); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {  opacity: 0;  -webkit-transform: translate3d(0, 3000px, 0);  transform: translate3d(0, 3000px, 0); } 60% {  opacity: 1;  -webkit-transform: translate3d(0, -20px, 0);  transform: translate3d(0, -20px, 0); } 75% {  -webkit-transform: translate3d(0, 10px, 0);  transform: translate3d(0, 10px, 0); } 90% {  -webkit-transform: translate3d(0, -5px, 0);  transform: translate3d(0, -5px, 0); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to {  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {  opacity: 0;  -webkit-transform: translate3d(0, 3000px, 0);  transform: translate3d(0, 3000px, 0); } 60% {  opacity: 1;  -webkit-transform: translate3d(0, -20px, 0);  transform: translate3d(0, -20px, 0); } 75% {  -webkit-transform: translate3d(0, 10px, 0);  transform: translate3d(0, 10px, 0); } 90% {  -webkit-transform: translate3d(0, -5px, 0);  transform: translate3d(0, -5px, 0); } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% {  -webkit-transform: scale3d(0.9, 0.9, 0.9);  transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% {  opacity: 1;  -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1); } to {  opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% {  -webkit-transform: scale3d(0.9, 0.9, 0.9);  transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% {  opacity: 1;  -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1); } to {  opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% {  -webkit-transform: translate3d(0, 10px, 0);  transform: translate3d(0, 10px, 0); } 40%, 45% {  opacity: 1;  -webkit-transform: translate3d(0, -20px, 0);  transform: translate3d(0, -20px, 0); } to {  opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% {  -webkit-transform: translate3d(0, 10px, 0);  transform: translate3d(0, 10px, 0); } 40%, 45% {  opacity: 1;  -webkit-transform: translate3d(0, -20px, 0);  transform: translate3d(0, -20px, 0); } to {  opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% {  opacity: 1;  -webkit-transform: translate3d(20px, 0, 0);  transform: translate3d(20px, 0, 0); } to {  opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% {  opacity: 1;  -webkit-transform: translate3d(20px, 0, 0);  transform: translate3d(20px, 0, 0); } to {  opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% {  opacity: 1;  -webkit-transform: translate3d(-20px, 0, 0);  transform: translate3d(-20px, 0, 0); } to {  opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% {  opacity: 1;  -webkit-transform: translate3d(-20px, 0, 0);  transform: translate3d(-20px, 0, 0); } to {  opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% {  -webkit-transform: translate3d(0, -10px, 0);  transform: translate3d(0, -10px, 0); } 40%, 45% {  opacity: 1;  -webkit-transform: translate3d(0, 20px, 0);  transform: translate3d(0, 20px, 0); } to {  opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% {  -webkit-transform: translate3d(0, -10px, 0);  transform: translate3d(0, -10px, 0); } 40%, 45% {  opacity: 1;  -webkit-transform: translate3d(0, 20px, 0);  transform: translate3d(0, 20px, 0); } to {  opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from {  opacity: 0; } to {  opacity: 1; } } @keyframes fadeIn { from {  opacity: 0; } to {  opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from {  opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from {  opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from {  opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from {  opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from {  opacity: 0;  -webkit-transform: translate3d(-20%, 0, 0);  transform: translate3d(-20%, 0, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from {  opacity: 0;  -webkit-transform: translate3d(-20%, 0, 0);  transform: translate3d(-20%, 0, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from {  opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from {  opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from {  opacity: 0;  -webkit-transform: translate3d(20%, 0, 0);  transform: translate3d(20%, 0, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from {  opacity: 0;  -webkit-transform: translate3d(20%, 0, 0);  transform: translate3d(20%, 0, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from {  opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from {  opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from {  opacity: 0;  -webkit-transform: translate3d(0, 20%, 0);  transform: translate3d(0, 20%, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from {  opacity: 0;  -webkit-transform: translate3d(0, 20%, 0);  transform: translate3d(0, 20%, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from {  opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from {  opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from {  opacity: 1; } to {  opacity: 0; } } @keyframes fadeOut { from {  opacity: 1; } to {  opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(0, 2000px, 0);  transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(-2000px, 0, 0);  transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(2000px, 0, 0);  transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(0, -2000px, 0);  transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; } 40% {  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; } 50% {  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } 80% {  -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);  transform: perspective(400px) scale3d(0.95, 0.95, 0.95);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } to {  -webkit-transform: perspective(400px);  transform: perspective(400px);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } } @keyframes flip { from {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; } 40% {  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out; } 50% {  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } 80% {  -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);  transform: perspective(400px) scale3d(0.95, 0.95, 0.95);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } to {  -webkit-transform: perspective(400px);  transform: perspective(400px);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  opacity: 0; } 40% {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } 60% {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  opacity: 1; } 80% {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to {  -webkit-transform: perspective(400px);  transform: perspective(400px); } } @keyframes flipInX { from {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  opacity: 0; } 40% {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } 60% {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  opacity: 1; } 80% {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to {  -webkit-transform: perspective(400px);  transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  opacity: 0; } 40% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } 60% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1; } 80% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to {  -webkit-transform: perspective(400px);  transform: perspective(400px); } } @keyframes flipInY { from {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;  opacity: 0; } 40% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in; } 60% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  opacity: 1; } 80% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to {  -webkit-transform: perspective(400px);  transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from {  -webkit-transform: perspective(400px);  transform: perspective(400px); } 30% {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  opacity: 1; } to {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  opacity: 0; } } @keyframes flipOutX { from {  -webkit-transform: perspective(400px);  transform: perspective(400px); } 30% {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  opacity: 1; } to {  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from {  -webkit-transform: perspective(400px);  transform: perspective(400px); } 30% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  opacity: 1; } to {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  opacity: 0; } } @keyframes flipOutY { from {  -webkit-transform: perspective(400px);  transform: perspective(400px); } 30% {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  opacity: 1; } to {  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from {  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  transform: translate3d(100%, 0, 0) skewX(-30deg);  opacity: 0; } 60% {  -webkit-transform: skewX(20deg);  transform: skewX(20deg);  opacity: 1; } 80% {  -webkit-transform: skewX(-5deg);  transform: skewX(-5deg);  opacity: 1; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } @keyframes lightSpeedIn { from {  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  transform: translate3d(100%, 0, 0) skewX(-30deg);  opacity: 0; } 60% {  -webkit-transform: skewX(20deg);  transform: skewX(20deg);  opacity: 1; } 80% {  -webkit-transform: skewX(-5deg);  transform: skewX(-5deg);  opacity: 1; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from {  opacity: 1; } to {  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  transform: translate3d(100%, 0, 0) skewX(30deg);  opacity: 0; } } @keyframes lightSpeedOut { from {  opacity: 1; } to {  -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  transform: translate3d(100%, 0, 0) skewX(30deg);  opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from {  -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: rotate3d(0, 0, 1, -200deg);  transform: rotate3d(0, 0, 1, -200deg);  opacity: 0; } to {  -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } @keyframes rotateIn { from {  -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: rotate3d(0, 0, 1, -200deg);  transform: rotate3d(0, 0, 1, -200deg);  opacity: 0; } to {  -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; } to {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } @keyframes rotateInDownLeft { from {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; } to {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; } to {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } @keyframes rotateInDownRight { from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; } to {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; } to {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } @keyframes rotateInUpLeft { from {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; } to {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, -90deg);  transform: rotate3d(0, 0, 1, -90deg);  opacity: 0; } to {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } @keyframes rotateInUpRight { from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, -90deg);  transform: rotate3d(0, 0, 1, -90deg);  opacity: 0; } to {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from {  -webkit-transform-origin: center;  transform-origin: center;  opacity: 1; } to {  -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: rotate3d(0, 0, 1, 200deg);  transform: rotate3d(0, 0, 1, 200deg);  opacity: 0; } } @keyframes rotateOut { from {  -webkit-transform-origin: center;  transform-origin: center;  opacity: 1; } to {  -webkit-transform-origin: center;  transform-origin: center;  -webkit-transform: rotate3d(0, 0, 1, 200deg);  transform: rotate3d(0, 0, 1, 200deg);  opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  opacity: 1; } to {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; } } @keyframes rotateOutDownLeft { from {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  opacity: 1; } to {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, 45deg);  transform: rotate3d(0, 0, 1, 45deg);  opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  opacity: 1; } to {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; } } @keyframes rotateOutDownRight { from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  opacity: 1; } to {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  opacity: 1; } to {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; } } @keyframes rotateOutUpLeft { from {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  opacity: 1; } to {  -webkit-transform-origin: left bottom;  transform-origin: left bottom;  -webkit-transform: rotate3d(0, 0, 1, -45deg);  transform: rotate3d(0, 0, 1, -45deg);  opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  opacity: 1; } to {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, 90deg);  transform: rotate3d(0, 0, 1, 90deg);  opacity: 0; } } @keyframes rotateOutUpRight { from {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  opacity: 1; } to {  -webkit-transform-origin: right bottom;  transform-origin: right bottom;  -webkit-transform: rotate3d(0, 0, 1, 90deg);  transform: rotate3d(0, 0, 1, 90deg);  opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% {  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; } 20%, 60% {  -webkit-transform: rotate3d(0, 0, 1, 80deg);  transform: rotate3d(0, 0, 1, 80deg);  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; } 40%, 80% {  -webkit-transform: rotate3d(0, 0, 1, 60deg);  transform: rotate3d(0, 0, 1, 60deg);  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  opacity: 1; } to {  -webkit-transform: translate3d(0, 700px, 0);  transform: translate3d(0, 700px, 0);  opacity: 0; } } @keyframes hinge { 0% {  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; } 20%, 60% {  -webkit-transform: rotate3d(0, 0, 1, 80deg);  transform: rotate3d(0, 0, 1, 80deg);  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out; } 40%, 80% {  -webkit-transform: rotate3d(0, 0, 1, 60deg);  transform: rotate3d(0, 0, 1, 60deg);  -webkit-transform-origin: top left;  transform-origin: top left;  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  opacity: 1; } to {  -webkit-transform: translate3d(0, 700px, 0);  transform: translate3d(0, 700px, 0);  opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from {  opacity: 0;  -webkit-transform: scale(0.1) rotate(30deg);  transform: scale(0.1) rotate(30deg);  -webkit-transform-origin: center bottom;  transform-origin: center bottom; } 50% {  -webkit-transform: rotate(-10deg);  transform: rotate(-10deg); } 70% {  -webkit-transform: rotate(3deg);  transform: rotate(3deg); } to {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1); } } @keyframes jackInTheBox { from {  opacity: 0;  -webkit-transform: scale(0.1) rotate(30deg);  transform: scale(0.1) rotate(30deg);  -webkit-transform-origin: center bottom;  transform-origin: center bottom; } 50% {  -webkit-transform: rotate(-10deg);  transform: rotate(-10deg); } 70% {  -webkit-transform: rotate(3deg);  transform: rotate(3deg); } to {  opacity: 1;  -webkit-transform: scale(1);  transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from {  opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes rollIn { from {  opacity: 0;  -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to {  opacity: 1;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from {  opacity: 1; } to {  opacity: 0;  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from {  opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); } 50% {  opacity: 1; } } @keyframes zoomIn { from {  opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); } 50% {  opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from {  opacity: 1; } 50% {  opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); } to {  opacity: 0; } } @keyframes zoomOut { from {  opacity: 1; } 50% {  opacity: 0;  -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3); } to {  opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);  -webkit-transform-origin: center bottom;  transform-origin: center bottom;  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);  -webkit-transform-origin: center bottom;  transform-origin: center bottom;  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to {  opacity: 0;  -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);  transform: scale(0.1) translate3d(-2000px, 0, 0);  -webkit-transform-origin: left center;  transform-origin: left center; } } @keyframes zoomOutLeft { 40% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to {  opacity: 0;  -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);  transform: scale(0.1) translate3d(-2000px, 0, 0);  -webkit-transform-origin: left center;  transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to {  opacity: 0;  -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);  transform: scale(0.1) translate3d(2000px, 0, 0);  -webkit-transform-origin: right center;  transform-origin: right center; } } @keyframes zoomOutRight { 40% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to {  opacity: 0;  -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);  transform: scale(0.1) translate3d(2000px, 0, 0);  -webkit-transform-origin: right center;  transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);  -webkit-transform-origin: center bottom;  transform-origin: center bottom;  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% {  opacity: 1;  -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to {  opacity: 0;  -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);  -webkit-transform-origin: center bottom;  transform-origin: center bottom;  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from {  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0);  visibility: visible; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from {  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0);  visibility: visible; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from {  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);  visibility: visible; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from {  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);  visibility: visible; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from {  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  visibility: visible; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from {  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  visibility: visible; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from {  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0);  visibility: visible; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from {  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0);  visibility: visible; } to {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } to {  visibility: hidden;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } to {  visibility: hidden;  -webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } to {  visibility: hidden;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } to {  visibility: hidden;  -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } to {  visibility: hidden;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } to {  visibility: hidden;  -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } to {  visibility: hidden;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); } to {  visibility: hidden;  -webkit-transform: translate3d(0, -100%, 0);  transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
/* End */


/* Start:/local/templates/comd2019/js/jquery.formstyler.css?17485550991999*/
.jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
/* End */


/* Start:/local/templates/comd2019/template_styles.css?1750749678201803*/
@font-face {font-family: 'PF DinDisplay Pro'; src: url('/local/templates/comd2019/fonts/PFDinDisplayPro-Regular.eot'); src: local('fonts/PFDinDisplayPro-Regular'), url('/local/templates/comd2019/fonts/PFDinDisplayPro-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/comd2019/fonts/PFDinDisplayPro-Regular.woff') format('woff'), url('/local/templates/comd2019/fonts/PFDinDisplayPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'PF DinDisplay Pro'; src: url('/local/templates/comd2019/fonts/PFDinDisplayPro-Bold.eot'); src: local('PFDinDisplayPro-Bold'), url('/local/templates/comd2019/fonts/PFDinDisplayPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/comd2019/fonts/PFDinDisplayPro-Bold.woff') format('woff'), url('/local/templates/comd2019/fonts/PFDinDisplayPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;}
body, html {padding: 0; margin: 0; font-family: "Roboto", "Arial", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; color: #595C5E;}
* {box-sizing: border-box; outline: none;}
p:first-child, h2:first-child, h3:first-child {margin-top: 0;}
p:last-child, h2:last-child, h3:last-child {margin-bottom: 0;}
a{text-decoration: none; color: #0D192B; transition: all .3s;}
h1,.title-h1, h2,.title-h2, h3,.title-h3, h4,.title-h4, h5,.title-h5{font-family: "PF DinDisplay Pro", "Roboto", "Arial", sans-serif; color: #0D192B; font-weight: bold;}
h1,.title-h1{font-size: 54px; line-height: 60px;}
main h1{margin: 0 0 62px;}
h2,.title-h2{font-size: 36px; line-height: 46px;}
h3,.title-h3{font-size: 30px; line-height: 40px;}
h4,.title-h4{font-size: 24px; line-height: 36px;}
h5,.title-h5{font-size: 22px; line-height: 32px;}
.title-h1,.title-h2,.title-h3,.title-h4,.title-h5{margin-top: 0;}
.subtitle{font-family: 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #ec6d22; margin-bottom: 38px;}
.btn{-webkit-appearance: none; display: inline-block; vertical-align: top; font-family: 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 1px; text-transform: uppercase; color: #ffffff; background-color: #162948; border: 2px solid #162948; padding: 14px 38px 13px; cursor: pointer; transition: all .3s}
.btn:hover{background-color: #002B7E; border-color: #002B7E;}
.btn--orange{background-color: #ec6d22; border-color: #ec6d22; border-radius: 1px;}
.btn--orange:hover{background-color: #C75E14; border-color: #C75E14;}
.btn--white{background-color: transparent; border-color: #E8EAED; color: #0D192B; border-radius: 1px;}
.btn--white:hover{border-color: #ec6d22; background-color: transparent; color: #0D192B;}
.input-holder{display: inline-block; vertical-align: top; width: 100%; position: relative; cursor: pointer; margin-bottom: 10px;}
.input-holder--2{width: 49%; margin-right: 2%;}
.input-holder--2.last{margin-right: 0;}
.input-holder--file{background: #FFFFFF; border: 2px dashed #E6E8EB; border-radius: 5px; padding: 14px 14px 16px; text-align: center;}
.input-holder--file input{display: none;}
.input-holder--file span:last-child{font-size: 14px; line-height: 22px; color: #909EAB; display: block;}
.input{-webkit-appearance: none; font-size: 16px; line-height: 28px; font-family: 'Roboto', 'Arial', sans-serif; padding: 11px 15px; cursor: pointer; color: #162948; width: 100%; border-radius: 1px; border: 1px solid #E6E8EB;}
.input:focus,.input:hover{border-color: #909EAB;}
input.error, .input.error{border: 1px solid red;}
.input::placeholder{font-size: 16px; line-height: 28px; font-family: 'Roboto', 'Arial', sans-serif; color: #909EAB;}
.input + span{display: inline-block; vertical-align: middle; font-family: 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #000000;}
.check{display: inline-block; vertical-align: top; width: 25px; height: 25px; background: #FFFFFF; border: 1px solid #E6E8EB; border-radius: 1px; margin-right: 10px;}
.check + span{display: inline-block; vertical-align: top; width: calc(100% - 40px); font-size: 14px; line-height: 26px;}
.checked .jq-checkbox__div,.diesel-production__filter-pack .checked .jq-radio__div{width: 18px; height: 18px; background: url("/local/templates/comd2019/images/ok.svg") no-repeat center; background-size: contain; margin: 3px 0 0 2px;}
.clear,.clear:after{content: ' '; display: block; clear: both;}
.breadcrumps{padding-top: 10px; margin: 0 0 33px;}
.breadcrumps a{font-size: 14px; line-height: 16px; color: #595C5E;}
.breadcrumps span:not(:last-child) a:after{content: ''; display: inline-block; vertical-align: middle; width: 8px; height: 1px; background-color: #595C5E; margin: 0 8px 0 8px;}
.breadcrumps a:hover{color: #002B7E;}
.bg--gray{background-color: #EFF0F2; padding: 0 105px; margin: 0 -105px;}
.menu{margin: 0 -105px; padding: 0 105px; box-shadow: 0 2px 0 #E8EAED; list-style: none;}
.menu--top {white-space: nowrap;}
.menu li{margin: 0; display: inline-block; vertical-align: top;}
.menu a{display: block; padding: 18px 0 12px;font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #0D192B; border-bottom: 5px solid transparent; margin-bottom: -1px; cursor: pointer;}
.menu > li:not(:last-of-type) {margin-right: 20px;}
.menu > li:hover > a,.menu a.active{border-bottom-color: #ec6d22;}
.menu--sub{background-color: #F7F8FA;}
.menu--sub a{color: #595C5E;}
.menu--sub a:hover,.menu--sub a.active{color: #0D192B; border-bottom-color: #002B7E;}
.wow {visibility: hidden;}
.page-top{padding: 33px 0 0;}
.page-top__info{display: inline-block; vertical-align: middle;}
.page-top__info-det{display: none;}
.page-top__content{position: relative;}
.page-top__info-price{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-style: normal; font-weight: bold; font-size: 24px; line-height: 36px; color: #0D192B; margin-bottom: 22px;}
.page-top__info-btn{margin-bottom: 20px; padding: 16px 30px 15px;}
.page-top__info-compare{display: block; font-family: 'Roboto', 'Arial', sans-serif; font-style: normal; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #0D192B; margin-bottom: 30px; position: relative;}
.page-top__info-compare span{display: inline-block; vertical-align: middle; margin-right: 10px; width: 22px; height: 22px; border-radius: 100px; background: #ffffff; position: relative;}
.page-top__info-compare span:before{content: ' '; display: block; width: 11px; height: 11px; background: url("/local/templates/comd2019/images/plus.svg") no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.page-top__info-compare:hover,.page-top__info-compare.active{color: #274372;}
.page-top__info-compare:hover span,.page-top__info-compare.active span{background-color: #274372;}
.page-top__info-compare:hover span:before,.page-top__info-compare.active span:before{filter: brightness(100);}
.page-top__info-logo{display: block; width: 100%; max-width: 85px; margin-bottom: 37px; margin-top: 36px;}
.page-top--product-prof:after,.page-top--product-prem:after{content: ' '; display: none; width: 4%; height: 69%; background: url("/local/templates/comd2019/images/prof.svg") no-repeat center; background-size: contain; position: absolute; right: 5px; top: 3%;}
.page-top--product-prem:after {background-image: url("/local/templates/comd2019/images/prem.svg?1");}
.page-top__product-img{display: none; vertical-align: middle; width: 50%; transform: scale(.8); transition: all 1s ease-in-out;}
.animated.page-top__product-img{transform: scale(1);}
.page-top__product-img img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: auto;}
.page-top__product-descr{display: none; color: #ffffff; background-color: #162948; padding: 20px 105px 0; margin: 0 -105px;}
.page-top__product-descr > div{display: inline-block; vertical-align: top; width: calc(100% / 9); margin-bottom: 16px;}
.page-top__product-descr img,.page-top__product-descr svg{display: block; width: 40px; height: 40px; margin-bottom: 12px;}
.page-top__product-descr span{display: block; font-size: 14px; line-height: 22px;}
html.hidden, .hidden body{overflow: hidden; height: 0}
.main{padding: 0 105px; position: relative; margin-top: 126px; overflow: hidden; width: 100%;}
.header--min .main{margin-top: 50px;}
header{background-color: #ffffff; position: fixed; top: 0; left: 0; right: 0; padding: 0 105px; transition: all .3s; z-index: 20;}
body.header--min header.animate{transform: translateY(-50px);}
.header--min header{top: 0;}
.header-top{padding: 20px 105px 11px; margin: 0 -105px; border-bottom: 1px solid #F2F2F2; box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1);}
.logo{display: inline-block; vertical-align: top; width: 197px;}
.logo img, .logo svg{display: block; width: 100%;}
.header-top__right{display: inline-block; vertical-align: top; width: calc(100% - 227px); text-align: right; padding-top: 4px;}
.header-phone{display: inline-block; vertical-align: top; margin-right: 16px; text-align: left; margin-top: 6px;}
.header-phone__title{line-height: 6px; font-weight: 400; font-size: 12px; color: #7f7f7f;}
.header-phone a{display: inline-block; line-height: 22px; position: relative; z-index: 1; font-weight: 600; font-size: 18px; color: #000;}
.header-top__right .btn--orange{padding: 14px 25px 12px; transition: all .1s; /* position: fixed; */ top: 15px; z-index: 21;}
.header-top__right .btn--white{margin-right: 9px; padding: 14px 24px 12px;}
.header--min .header-top__right .btn--orange{top: 0;}
.header--min .menu--top > li > a{padding: 15px 0 9px;}
footer{background-color: #162948; padding: 63px 105px 0; color: #B3B3B3; font-size: 12px; line-height: 16px; position: relative;}
footer a{color: inherit;}
footer a:hover{color: #ffffff;}
.footer-top{margin-bottom: 27px;}
.footer-mid{margin-bottom: 37px; position: relative;}
.footer-bot{padding: 30px 200px 37px 0; border-top: 1px solid #4A5568; position: relative;}
.footer-title{display: inline-block; vertical-align: top; font-size: 12px; line-height: 15px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 17px;}
a.footer-title:hover,.footer-title a:hover{color: #ec6d22;}
.footer-bot a:not(.prominado){display: inline-block; vertical-align: top; margin-left: 20px;}
.prominado{display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.footer-items{margin-bottom: 20px;}
.footer-item{display: inline-block; vertical-align: top;}
.footer-item span{display: inline-block; vertical-align: top; margin: 0 5px 0 4px;}
.footer-premium{display: inline-block; vertical-align: top; margin-right: 40px;}
.footer-premium:last-child{margin-right: 0;}
.footer-premium .footer-title{margin-right: 20px;}
.footer-premium__items{display: inline-block; vertical-align: top;}
.footer-col{display: inline-block; vertical-align: top; margin-bottom: 13px; margin-right: 50px;}
.footer-col--right{margin-right: 0;}
.footer-col .footer-title{display: block;}
.footer-menu{list-style: none; padding: 0; margin: 0;}
.footer-menu li{margin: 0 0 4px;}
.social{margin: 0 -10px 24px;}
.social-item{display: inline-block; vertical-align: top; width: 25px; height: 18px; margin: 0 10px; background: no-repeat center; background-size: contain; filter: brightness(100); transition: none;}
.social-item--footer{display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center}
.social-item--footer svg {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; fill: #7F7F7F;}
.social-item:hover{filter: none;}
.social-item--tw > svg{height: 24px; position: relative; top: 4px;}
.body--main .menu--sub,.body--main .page-top{display: none;}
.main-top{color: #ffffff; position: relative; /* background-color: #162948; */ margin: 0 -105px;}
.main-top__item{background: no-repeat center; background-size: cover; min-height: 645px; height: 100vh; position: relative; color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.main-top__item-text-a { text-decoration: underline; color: #fff; }
.main-top__item-text-a :hover { text-shadow: 2px 2px 21px rgba(255, 255, 0, 0.93); }
.main-top__item-info{padding: 60px 10px 82px 105px; display: inline-block; vertical-align: middle; width: 50%; margin-right: 7.6%; z-index: 2;}
.main-top__img{display: inline-block; vertical-align: middle; width: 50%; float: right; transform: scale(.8); transition: all 1s ease-in-out; padding: 10px 10px 82px 105px; margin-top: -270px; z-index: 2; }

.animated.main-top__img {transform: scale(1);}
/* .main-top__img:after{content: ''; display: block; position: absolute; top: -20%; right: -10%; left: -10%; bottom: -20%; background: radial-gradient(ellipse at center, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 68%); z-index: 0;} */
.main-top__img img{display: block; max-width: 100%; max-height: 100%; width: auto; position: relative; z-index: 1;}
.owl-carousel .owl-item .main-top__img img{width: 91%;}
.main-top__item-title{color: #ffffff; margin: 0 0 30px;}
.main-top__item-text{margin-bottom: 25px;}
.main-top__item-btn:hover,.main-top__item-btn{color: #ffffff;}
.main-top .owl-nav{position: static;}
.main-top .owl-nav > div{position: absolute; right: 20px; background-color: transparent; opacity: .5;}
.main-top .owl-nav > div:hover{opacity: 1; background-color: transparent;}
.main-top .owl-nav > div:after{width: 18px; height: 18px;}
.main-top .owl-nav > div.owl-prev{top: 24px; transform: rotate(-90deg);}
.main-top .owl-nav > div.owl-next{bottom: 26px; transform: rotate(90deg);}
.main-top__nav{position: absolute; right: 37px; top: 100px; bottom: 100px; width: auto; writing-mode: tb-rl; overflow: hidden; z-index: 1;}
.main-top__nav span{display: inline-block; position: relative; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF;}
.main-top__nav span:after{content: ''; display: block; width: 1px; background-color: #ffffff; position: absolute; top: 180%; bottom: -100vh; right: 50%; transform: translateX(-50%);}
.main-service{position: relative; padding: 168px 68% 234px 0;}
.main-service__img{position: absolute; width: 70.3%; height: 74%; top: 11.4%; right: -105px;}
.img-after{position: relative;}
.img-after:after,.main-service__img:after{content: ' '; display: block; position: absolute; top: 0; bottom: -20px; left: 100%; right: 0; background-color: #002B7E; z-index: 0; transition: all 1.5s ease-in-out;}
.reverse.img-after:after{right: 100%; left: 0;}
.animated.img-after:after,.animated.main-service__img:after{left: 0;}
.animated.reverse.img-after:after{right: 0; left: 0;}
.main-service__img-src{background: url("/local/templates/comd2019/images/main-service.jpg") no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.main-service__title{margin-bottom: 29px;}
.main-service__text{margin-bottom: 53px;}
.main-service__btn{padding: 16px 31px 15px;}
.animate-img{transform: translateX(-100%); transition: all 1s ease-in-out; position: absolute; top: 0; bottom: 0; width: 100%; background: no-repeat center; background-size: cover;}
.reverse .animate-img{transform: translateX(100%);}
.img-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(100%); z-index: 1; transition: all 1s ease-in-out; overflow: hidden;}
.reverse .img-mask{transform: translateX(-100%);}
.animated .img-mask,.animated .animate-img{transform: translateX(0);}
.main-reason{padding: 150px 105px 130px 105px; position: relative;}

.main-reason__title{position: absolute; left: 105px; top: 150px; max-width: 26%;}
.main-reason__title span:first-child{display: block; font-size: 165px; line-height: 160px; color: #002B7E; margin-bottom: 3px; margin-left: -17px;}
.main-reason__item{background: #FFFFFF; border-radius: 1px; padding: 36.4% 60% 20px 30px; height: 0; overflow: hidden; margin-bottom: 20px; position: relative;}
.main-reason__item-number{color: #002B7E; position: absolute; top: 26px; left: 30px;}
.main-reason__item-reason{position: absolute; bottom: 30px; left: 30px; max-width: 35%; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B;}
.main-reason__item-img{position: absolute; top: 0; right: 0; bottom: 0; width: 57.1%; background: no-repeat center; background-size: cover;}

.main-reason__title{position: static; margin-bottom: 40px; max-width: 100%;}
.main-reason__title span:first-child{display: inline-block; vertical-align: middle; margin: 0 52px 0 0;}
.main-reason__title span:last-child{display: inline-block; vertical-align: middle; width: calc(100% - 230px);}
.main-reason__items{margin: 0 -30px; width: auto;}
.main-reason__items .owl-stage-outer{padding-left: 30px;}
.main-reason__item{width: 585px; margin: 0 30px 0 0;}

.main-projects{margin: 0 -105px 150px; padding: 148px 105px 0; position: relative; overflow: hidden;}
.main-projects__bg{background: url("/local/templates/comd2019/images/logo-bg.svg") no-repeat center; background-size: contain; position: absolute; width: 100%; height: 100%; top: -35%; left: 37%; z-index: 0;}
.main-projects__info{position: relative; max-width: 610px; z-index: 1;}
.main-projects__title{margin-bottom: 28px;}
.main-projects__text{margin-bottom: 44px;}
.main-projects__btn{margin-bottom: 119px; padding: 16px 50px 15px;}
.main-projects__img{width: calc(100% + 105px); margin-right: -105px; position: relative; z-index: 1; padding-top: 45%; margin-bottom: 20px;}
.main-projects__img-src{height: 100%; background: no-repeat center; background-size: cover;}
.animated.main-projects__img:after {left: 0;}
.main-projects__img:after {content: ' '; display: block; position: absolute; top: 0; bottom: -20px; left: 100%; right: 0; background-color: #002B7E; z-index: 0; transition: all 1.5s ease-in-out;}
.main-news{margin: 149px 0; position: relative;}
.main-news__title{margin-bottom: 50px;}
.main-news__all{position: absolute; top: -1px; right: 136px; padding: 22px 36px 19px;}
.main-news__items{margin-right: -105px; width: calc(100% + 105px);}
.main-news__item{display: block; position: relative; min-height: 540px; background: #F7F8FA; border: 1px solid #E6E8EB; margin-right: 30px; width: 380px;}
.main-news__item:hover{background-color: #002B7E; border-color: #002B7E;}
.main-news__item-img{display: block; padding-top: 65.7%; background: no-repeat center; background-size: cover; margin: -1px -1px 0 -1px;}
.main-news__item-info{display: block; border-radius: 1px; padding: 17px 50px 81px;}
.main-news__item-type{display: inline-block; padding: 2px 6px; font-weight: bold; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; background: #002B7E; margin-bottom: 20px;}
.main-news__item:hover .main-news__item-type{background: #FFFFFF; color: #002B7E;}
.main-news__item-date{display: block; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #909EAB; margin-bottom: 27px;}
.main-news__item-source {display: block; font-size: 14px; line-height: 22px; color: #595C5E; margin-bottom: 10px;}
.main-news__item-name{display: block; font-weight: bold; margin-bottom: 5px; font-size: 17px; line-height: 26px;}
.main-news__item:hover .main-news__item-name,.main-news__item:hover .main-news__item-source{color: #ffffff;}
.main-news__item-link{display: inline-block; vertical-align: top; padding: 0 37px 6px 0; color: #002B7E; border-bottom: 1px solid #002B7E; position: absolute; left: 50px; bottom: 40px; z-index: 1; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase;}
.main-news__item:hover .main-news__item-link{color: #ffffff; border-bottom-color: #ffffff;}
.main-news__item-link:after{content: ' '; display: block; width: 13px; height: 13px; position: absolute; top: -1px; right: 0; background: url("/local/templates/comd2019/images/arr-link.svg") no-repeat center; background-size: contain;}
.main-news__item:hover .main-news__item-link:after{filter: brightness(100);}
.main-news__item-center{display: block;}
.main-news__item--publication .main-news__item-type{margin-bottom: 150px;}
.owl-nav{position: absolute; right: 105px; top: -111px;}
.main-clients__slider {overflow: hidden; position: relative;}
.owl-nav > div{display: inline-block; vertical-align: top; width: 60px; height: 60px; color: transparent; overflow: hidden; background: #162948; background-image: none; position: relative;}
.owl-nav > div:hover{background-color: #274372;}
.owl-nav div:after{content: ' '; display: block; width: 19px; height: 18px; background: url("/local/templates/comd2019/images/arr-right.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.owl-nav > div.owl-prev{transform: matrix(-1, 0, 0, 1, 0, 0);}
.main-news__item--publication .main-news__item-info {padding: 53px 40px 81px 50px;}
.main-about{padding: 150px 105px 76px;}
.main-about .title-h1{margin: 0 0 28px;}
.main-about__info p{max-width: 880px; margin-bottom: 66px;}
.main-about__info ul{list-style: none; padding: 0; columns: 2; column-gap: 40px; margin: 0;}
.main-about__info ul li{margin-bottom: 20px; padding-left: 37px; position: relative;}
.main-about__info ul li:before{content: ''; display: block; width: 20px; height: 15px; background: url("/local/templates/comd2019/images/arr-big.svg") no-repeat center; background-size: contain; position: absolute; top: 4px; left: 0;}
.main-about__slider{margin: 0 -105px; position: relative; width: calc(100% + 210px); transform: translateX(100%); overflow: hidden; transition: all 1s;}
.main-about__slider .owl-nav{right: 0; bottom: 0; top: auto;}
.main-about__slider-items{transform: translateX(-100%); overflow: hidden; transition: all 1s;}
.main-about__slider-item{padding-top: 40.3%; background: no-repeat center; background-size: cover;}
.animated.main-about__slider{transform: translateX(0);}
.animated .main-about__slider-items{transform: translateX(0);}
.main-stat{background-color: #fff; padding: 148px 0 96px;}
.main-stat.fix{position: fixed; top: 0; right: 105px; left: 105px; z-index: 0;}
.main-stat .title-h1{margin-bottom: 28px; max-width: 520px;}
.main-stat__info{columns: 2; column-gap: 40px;}
.main-scroll{position: relative; z-index: 2;}
.main-stat-holder {overflow: hidden;}
.main-clients{padding: 149px 105px 100px;}
.main-clients .title-h1{margin-bottom: 58px; text-align: center;}
.main-clients__list{margin: 0 -50px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;}
.main-clients__item{display: inline-block; vertical-align: top; margin: 0 50px 54px; filter: grayscale(1); background: #EFF0F2;}
.main-clients__item:hover{filter: none;}
.main-clients__item img{display: block; max-width: 133px; max-height: 75px; margin: 0 auto; mix-blend-mode: multiply;}
.main-advantages{padding: 150px 0 122px; background-color: #fff;}
.main-advantages .title-h1{max-width: 511px; margin-bottom: 48px;}
.main-advantages__col{display: inline-block; vertical-align: top; width: 42%;}
.main-advantages__col:last-child{width: 48%;}
.main-advantages__ul{list-style: none; padding: 0; margin: 0 25px 0 0;}
.main-advantages__ul li{padding-left: 94px; margin-bottom: 20px; position: relative; min-height: 50px;}
.main-advantages__ul li:before{content: ' '; display: block; width: 45px; height: 50px; background: no-repeat center left; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
li.main-advantages__li--1:before{background-image: url("/local/templates/comd2019/images/m-advantages-1.svg");}
li.main-advantages__li--2:before{background-image: url("/local/templates/comd2019/images/m-advantages-2.svg");}
li.main-advantages__li--3:before{background-image: url("/local/templates/comd2019/images/m-advantages-3.svg");}
li.main-advantages__li--4:before{background-image: url("/local/templates/comd2019/images/m-advantages-4.svg");}
li.main-advantages__li--5:before{background-image: url("/local/templates/comd2019/images/m-advantages-5.svg");}
li.main-advantages__li--6:before{background-image: url("/local/templates/comd2019/images/m-advantages-6.svg");}
.selection{margin: 0 -105px; padding: 100px 105px; background-color: #162948; color: #ffffff; overflow: hidden;}
.selection__title{color: #ffffff; margin: 0 0 72px; letter-spacing: .5px; font-size: 22px; line-height: 32px;}
.selection__top{font-size: 54px; line-height: 60px;font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; color: #fff;}
.selection__tab-links{border-bottom: 2px solid #485D80; margin-bottom: 44px;}
.selection__tab-link{display: inline-block; vertical-align: top; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 30px; line-height: 40px; color: #485D80; border-bottom: 2px solid transparent; margin-bottom: -2px; padding-bottom: 16px;}
.selection__tab-link:first-child{margin-right: 93px;}
.selection__tab-link:hover,.selection__tab-link.active{color: #ffffff; border-bottom-color: #fff;}
.tab{display: none;}
.tab.active{display: block;}
.selection__form .title-h5{color: #ffffff;}
.selection__form-purpose{margin-bottom: 75px;}
.selection__form-purpose .title-h5{margin-bottom: 19px;}
.selection-check__holder{display: inline-block; vertical-align: top; margin-right: 11px; border: 2px solid #7A91B8; border-radius: 1px; padding: 21px 63px 7px 37px; cursor: pointer;}
.selected.selection-check__holder{background-color: #002B7E; border-color: #002B7E;}
.selection-check{display: inline-block; vertical-align: top; margin-right: 10px; width: 16px; height: 16px;}
.checked.selection-check + span{color: #ffffff;}
.selection .jq-radio__div{width: 16px; height: 16px; background: url("/local/templates/comd2019/images/ok.svg") no-repeat center; background-size: contain; opacity: 0;}
.checked .jq-radio__div{opacity: 1;}
.selection-check + span{display: inline-block; vertical-align: top; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #7A91B8;}
.selection-check.selected + span{color: #ffffff;}
.selection__form-range .title-h5{display: inline-block; vertical-align: top; margin: 12px 75px 0 0;}
.selection__form-switch{display: inline-block; vertical-align: top; border-radius: 1px; cursor: pointer;}
.selection__form-switch a{display: inline-block; vertical-align: top; text-align: center; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #7A91B8; padding: 21px 13px 20px; width: 100px; border: 2px solid #7A91B8;}
.selection__form-switch a.active{color: #fff; background-color: #274372; border-color: #274372;}
.selection-input__holder{display: inline-block; vertical-align: top; margin-right: 10px; position: relative; cursor: pointer;}
.selection-input{-webkit-appearance: none; border: 2px solid #7A91B8; border-radius: 1px; padding: 12px 42px 14px 53px; font-size: 18px; line-height: 30px; font-family: 'Roboto', 'Arial', sans-serif; color: rgba(255, 255, 255, 0.8); background: transparent; max-width: 150px;}
.selection-input + span{display: inline-block; vertical-align: top; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.range-scale{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 17px; line-height: 25px; color: #485D80; margin-top: 35px; margin-left: -10px; margin-right: -10px;}
.ui-slider-horizontal{background: #142239; box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15); border-radius: 5px; width: 100%; height: 10px; position: relative;}
.ui-slider .ui-slider-range{height: 10px; background: #FFFFFF; border-radius: 20px; border: none; position: absolute; margin-left: 10px;}
.range-scale span {display: -ms-flexbox; display: flex; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; justify-content: center;}
.ui-state-default{padding-bottom: 40px; display: block; width: 100px; height: 45px; position: absolute; bottom: 20px; cursor: pointer;}
.ui-state-default:after{content: ' '; display: block; width: 30px; height: 45px; background: #FFFFFF; border: 6px solid #274372; box-sizing: border-box; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25); border-radius: 160px; transform: translateY(-46%); position: absolute; top: 58px; left: 0; z-index: 1;}
.selection__form-engine .title-h5{margin-bottom: 23px;}
.selection__range-holder{padding: 85px 0 104px; position: relative;}
.selection__form-engine{margin-bottom: 50px;}
.selection__engine-col{display: inline-block; vertical-align: top; margin-right: 36px; width: 20%;}
.selection__engine-col--40{width: 40%;}
.selection__engine-col--child{columns: 2;}
.check-holder{position: relative; margin-bottom: 10px; cursor: pointer; display: inline-block; vertical-align: top; width: 100%;}
.check-holder.parent{margin-bottom: 20px;}
.check-dark{display: inline-block; vertical-align: top; width: 30px; height: 30px; margin-right: 15px; border: 2px solid #485D80; border-radius: 1px;}
.checked.check-dark{background-color: #002B7E; border-color: #002B7E;}
.check-dark .jq-checkbox__div{width: 16px; height: 16px; background: url('/local/templates/comd2019/images/ok.svg') no-repeat center; background-size: contain; opacity: 0; margin: 5px 0 0 5px;}
.checked.check-dark .jq-checkbox__div{opacity: 1;}
.check-dark + span{display: inline-block; vertical-align: middle; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.8);}
.parent .check-dark + span{color: #FFFFFF; font-weight: bold; font-size: 16px; line-height: 32px; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif;}
.selection__form-count{display: inline-block; vertical-align: top; padding: 11px 30px; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #FFFFFF;}
.selection__form button{width: 250px; padding: 16px 30px 14px;}
.about-age{margin: 97px 0;}
.about-age__left,.about-age__right{display: inline-block; vertical-align: top; width: 50%;}
.about-age__left{padding: 68px 72px 61px 93px; position: relative;}
.about-age__right{padding-left: 20px; padding-top: 62px;}
.about-age__right h4{margin: 0 0 13px;}
.about-age__right p {margin: 0 0 15px;}
.about-age__bg{background: url("/local/templates/comd2019/images/about-age.jpg") no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; right: 112px; bottom: 53px; z-index: 0;}
.about-age__info{position: relative; z-index: 1;}
.about-age__info img{display: block; width: 100%;}
.about-calc{margin: 0 -105px; padding: 75px 85px 30px; background-color: #002B7E; color: #ffffff;}
.about-calc__item{display: inline-block; vertical-align: top; padding: 0 20px; margin-bottom: 26px; width: calc(100%/3);}
.about-calc__item b{display: block; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 70px; line-height: 84px;}
.about-projects{padding: 109px 105px 90px;}
.about-projects .title-h1{max-width: 801px; margin-bottom: 50px;}
.about-projects__items{display: -ms-flexbox; display: flex; margin: 0 -20px;}
.about-projects__item{display: inline-block; vertical-align: top; margin: 0 20px; background-color: #ffffff; padding: 20px 20px 32px; font-size: 14px; line-height: 22px; width: calc((100% - 100px) / 3);}
.about-projects__item-img{padding-top: 66%; margin-bottom: 17px; background: no-repeat center; background-size: cover;}
.about-developer{margin: 160px 0 195px; padding-right: 39%; position: relative;}
.about-developer .title-h1{margin-bottom: 35px;}
.about-developer h4{margin: 38px 0 8px;}
.about-developer p{margin: 0 0 20px;}
.about-developer__img{background: no-repeat center; background-size: cover; position: absolute; right: -105px; top: 0; bottom: 0; width: 44.4%; z-index: 1;}
.about-production-capacity{margin: 0 -105px; padding: 54px 104px 33px; background-color: #002B7E; color: #ffffff;}
.about-production-capacity__col{display: inline-block; vertical-align: top; margin-right: 60px;}
.about-production-capacity__col:last-child{margin-right: 0;}
.about-production-capacity__col:first-child{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 36px; line-height: 46px; margin-right: 84px; max-width: 610px; padding-top: 10px;}
.about-production-capacity__col b{display: block; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 80px; line-height: 85px;}
.about-clients{padding: 120px 105px 68px;}
.about-clients .title-h1{margin-bottom: 85px;}
.about-clients__item{text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 -50px;}
.about-clients__item a{display: inline-block; vertical-align: top; margin: 0 50px 50px; width: calc((100% - 500px) / 5); filter: grayscale(5);}
.about-clients__item a:hover{filter: none;}
.about-clients__item a img{display: block; max-width: 110px; max-height: 75px;}
.about-clients .owl-nav{right: 0; top: -145px;}
.about-location{margin: 150px 0 139px;}
.about-location .title-h1{margin-bottom: 30px;}
.about-location__text{columns: 2; column-gap: 40px; margin-bottom: 53px;}
.about-location__map{position: relative;}
.about-location__map img{width: 100%;}
.about-location__map-pin{position: absolute; top: 50%; left: 20%; z-index: 1; width: 21px; height: 21px; background-color: #fff; border: 5px solid #ec6d22; border-radius: 100px; cursor: pointer;}
.about-location__map-pin:hover{z-index: 3;}
.tooltip{display: none; background: #F7F8FA; border: 1px solid #E6E8EB; border-radius: 1px; width: 330px; padding: 30px; margin: 10px 0 0 10px; position: absolute; z-index: 2;}
.tooltip__close{content: ''; display: block; position: absolute; top: 10px; right: 10px; background: url("/local/templates/comd2019/images/plus--big.svg") no-repeat center; width: 20px; height: 20px; background-size: contain; z-index: 2; transform: rotate(45deg); cursor: pointer;}
.tooltip__title{font-weight: bold; margin-bottom: 14px; color: #000;}
.tooltip__box{margin-bottom: 10px;}
.tooltip__box span{color: #000;}
.tooltip__box span:first-child{display: block; font-size: 14px; line-height: 22px; color: #595C5E; margin-bottom: 10px;}
.tooltip__box .tooltip__box--power{color: #002B7E;}
.tooltip__link{font-size: 14px; line-height: 22px; color: #595C5E; border-bottom: 1px solid #909EAB;}
.about-application{padding: 150px 105px;}
.about-application .title-h1{margin-bottom: 16px;}
.about-application__info{max-width: 780px; margin: 0 0 54px;}
.about-application__text{font-size: 18px; line-height: 30px;}
.about-application__slider{position: relative;}
.about-application__item{background-color: #ffffff; padding: 60px 53% 134px 54px; position: relative;}
.about-application__item-img{width: 48.1%; position: absolute; top: 0; right: 0; bottom: 0; background: no-repeat center; background-size: cover;}
.about-application__item-ico{display: block; max-width: 64px; max-height: 64px; margin-bottom: 26px;}
.about-application__item .title-h3{margin-bottom: 6px;}
.about-application__item-count{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; position: absolute; bottom: 22px; left: 52px; color: #0D192B;}
.about-application .owl-nav {right: 48%; top: auto; bottom: 0; transform: translateX(50%);}
.about-product{margin: 149px 0 153px; position: relative; padding-left: 52%;}
.about-product .title-h1{margin-bottom: 17px;}
.about-product__img{position: absolute; left: -105px; top: 0; bottom: 0; right: 56.7%;}
.about-product__info h5{margin: 30px 0 6px;}
.about-product__info p{margin: 0 0 15px;}
.about-accessories{padding: 119px 105px 70px;}
.about-accessories__items {text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 -50px;}
.about-accessories__items a{display: inline-block; vertical-align: top; margin: 0 50px 43px; width: calc((100% - 500px) / 5); filter: grayscale(5);}
.about-accessories__items a img {display: block; max-width: 110px; max-height: 75px;}
.about-accessories__info{max-width: 620px; margin-bottom: 60px;}
.about-accessories__info .title-h1{margin-bottom: 22px;}
.about-philosophy{margin: 150px 0 117px;}
.about-philosophy__left,.about-philosophy__right{display: inline-block; vertical-align: top;}
.about-philosophy__left{width: 44.3%; padding-right: 9%;}
.about-philosophy__right{width: 55.7%;}
.about-philosophy .title-h1{margin-bottom: 26px;}
.about-philosophy__descr{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 24px; line-height: 36px; color: #0D192B; margin-bottom: 23px;}
.about-philosophy__left ul{list-style: none; padding: 0; margin: 0;}
.about-philosophy__left li{position: relative; padding-left: 38px; margin-bottom: 15px;}
.about-philosophy__left li:before{content: ' '; display: block; width: 20px; height: 15px; position: absolute; left: 0; top: 4px; background: url(/local/templates/comd2019/images/arr-big.svg) no-repeat center; background-size: contain;}
.about-philosophy__5s{background: #F7F8FA; border-radius: 1px; padding: 55px 27px 37px 52px; margin-bottom: 24px;}
.about-philosophy__5s-title{display: inline-block; vertical-align: middle; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 144px; line-height: 148px; color: #002B7E; margin-right: 58px; text-transform: uppercase;}
.about-philosophy__5s-ul {display: inline-block;}
.about-philosophy__5s-ul ul{display: inline-block; vertical-align: middle; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 22px; line-height: 32px; color: #0D192B; position: relative; list-style: none; padding: 0 0 0 53px; margin: 0;}
.about-philosophy__5s-ul ul:before{content: ''; width: 35px; position: absolute; top: 0; bottom: 0; left: 0; background: url("/local/templates/comd2019/images/5s.svg") no-repeat center; background-size: 100%;}
.about-philosophy__5s li{margin-bottom: 10px;}
.about-promo{background: url("/local/templates/comd2019/images/about-promo.jpg") no-repeat center; background-size: cover; margin: 0 -105px; padding: 111px 105px 113px; color: #ffffff; position: relative;}
.about-promo__left,.about-promo__right{display: inline-block; vertical-align: middle;}
.about-promo__left{width: 43%; padding-right: 7%; position: relative; z-index: 2;}
.about-promo__right{width: 57%; overflow: hidden;}
.about-promo .title-h1{color: #fff; margin-bottom: 20px;}
.about-promo__text{margin-bottom: 20px;}
.about-promo__box{border: 3px solid #678BB1; padding: 52px 92px 52px; position: relative; overflow: hidden;}
.about-promo__box svg{display: none;}
.about-promo__box:after{content: ' '; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; filter: blur(14px); background: url(/local/templates/comd2019/images/about-promo.jpg) no-repeat center; background-size: cover;}
.about-promo__box-info{position: relative; z-index: 2;}
.about-promo_rt{font-family: 'Roboto', 'Arial', sans-serif; font-weight: normal; line-height: 70px;}
.about-promo_rt b{display: inline-block; vertical-align: middle; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 70px; line-height: 54px;}
.about-opportunities{margin: 127px 0 149px;}
.about-opportunities .title-h1{max-width: 800px; margin-bottom: 35px;}
.about-opportunities__text{columns: 2; column-gap: 40px;}
.about-services{padding: 147px 105px 80px;}
.about-services > div{display: inline-block; vertical-align: top; width: 48%; margin-right: 2%;}
.about-services > div.last{margin-right: 0;}
.about-services__descr{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 30px; line-height: 40px; color: #0D192B; margin-bottom: 70px;}
.about-services__descr b{color: #ffffff; background-color: #002B7E;}
.about-services__item{margin-bottom: 50px;}
.about-services__item img,.about-services__item svg{max-width: 52px; max-height: 47px; margin-bottom: 30px;}
.about-services__item .title-h4{margin-bottom: 10px;}
.about-warranty{background-color: #002B7E; color: #ffffff; margin: 0 -105px; padding: 100px 105px 90px 45%; position: relative; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 22px; line-height: 32px;}
.about-warranty .title-h1{color: #fff; position: absolute; top: 100px; left: 105px; max-width: 30%;}
.production-own{margin: 100px 0;}
.production-own__left,.production-own__right{display: inline-block; vertical-align: top;}
.production-own__left{width: 53%;}
.production-own__right{width: 47%; padding-left: 7.6%;}
.production-own .title-h1{margin-bottom: 16px;}
.production-own__text{margin-bottom: 28px;}
.production-own__text--blue,.production-own__text--bold{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 24px; line-height: 36px; color: #0D192B; margin-bottom: 30px;}
.production-own__right .production-own__text--bold,.production-own__right .production-own__text--blue{margin-bottom: 9px;}
.production-own__text--blue{font-size: 36px; line-height: 46px; color: #002B7E; margin-bottom: 16px;}
.production-own__box{background-color: #002B7E; color: #ffffff; padding: 38px 30px 25px 65px;}
.production-own__item{margin-bottom: 40px;}
.production-own__item-text,.production-own__item-count{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 84px; line-height: 84px;}
.production-own__item-count b{font-size: 36px; line-height: 46px;}
.production-own__item-text{font-size: 18px; line-height: 26px;}
.production-img{margin: 0 -105px; position: relative; padding-top: 46%;}
.production-img img{display: block; width: 100%;}
.production-columns{margin: 135px -20px 65px;}
.production-col{display: inline-block; vertical-align: top; width: 50%; padding: 0 20px;}
.production-columns h4{margin: 0 0 10px;}
.production-columns p{margin: 0 0 40px;}
.production-problem{margin: 150px 0 126px;}
.production-problem__top{max-width: 833px; margin-bottom: 30px;}
.production-problem .title-h1{margin-bottom: 30px;}
.production-problem__text{columns: 2; column-gap: 40px;}
.products-line{padding: 150px 105px 116px;}
.products-line .title-h1{margin-bottom: 50px;}
.products-line__items{margin: 0 -20px;}
.owl-carousel.products-line__items {margin: 0 -105px; width: calc(100% + 210px);}
.owl-carousel.products-line__items .owl-stage-outer {padding-left: 85px;}
.product{display: inline-block; vertical-align: top; width: 330px; margin: 0 20px 40px; position: relative;}
.owl-item .product{display: block;}
.product__img{display: block; padding-top: 81.6%; background-color: #ffffff; margin-bottom: 15px; position: relative; overflow: hidden;}
.product__img img{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; width: 100%;}
.product__name{display: block; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 24px; line-height: 36px; color: #0D192B;}
.product:hover .product__name{color: #002B7E;}
.partners__top{margin: 97px 0; max-width: 800px;}
.partners__top p:first-child{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 24px; line-height: 36px; color: #0D192B; margin-bottom: 31px;}
.partners-certs{margin: 145px 0 120px; position: relative;}
.partners-certs .title-h1{margin-bottom: 51px;}
.partners-certs__items{margin: 0 -15px; position: relative;}
.owl-carousel.partners-certs__items{margin: 0 -105px; width: calc(100% + 210px);}
.owl-carousel.partners-certs__items .owl-stage-outer {padding-left: 85px;}
.cert{display: inline-block; vertical-align: top; padding-top: 34.365%; background: no-repeat center; background-size: cover; border: 11px solid #EFF0F2; margin: 0 15px 30px; width: 290px;}
.owl-item .cert{display: block; padding-top: 118.127%;}
.cert:hover{border-color: #002B7E;}
.partners__box{margin: 119px 0;}
.partners__box .title-h1{margin-bottom: 36px;}
.partners__drop-holder{margin-bottom: 78px;}
.partners__drop-title{margin-bottom: 37px;}
.partners__drop{border-top: 1px solid #D8D8D8;}
.partners__drop:last-child{border-bottom: 1px solid #D8D8D8;}
.partners__drop-name{padding: 21px 20px 18px 80px; position: relative; cursor: pointer; margin-bottom: 0;}
.partners__drop-name:before{content: '+'; display: block; width: 34px; height: 34px; color: #0D192B; background-color: #F7F8FA; border-right: 100px; border-radius: 100px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; line-height: 1.6;}
.opened .partners__drop-name:before,.active.partners__drop-name:before{content: '-';}
.active.partners__drop .partners__drop-name,.partners__drop-name:hover{color: #002B7E;}
.partners__drop-name.active:before,.partners__drop-name:hover:before{color: #ffffff; background-color: #002B7E;}
.partners__drop-info{padding: 7px 0 54px 93px;}
.partners__drop-logo{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 277px; height: 160px; border: 1px solid #EFF0F2; padding: 28px 53px; margin-bottom: 46px;}
.partners__drop-logo img{-ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%;}
.partners__drop-text{margin-bottom: 50px;}
.partners__box .partners__drop-text{max-width: 794px;}
.partners__drop-certs{margin: 0 -12px;}
.partners__drop-certs a{display: inline-block; vertical-align: top; padding-top: 30%; background: no-repeat center; background-size: cover; width: calc((100% - 96px) / 4); margin: 0 12px 24px; border: 8px solid #EFF0F2;}
.partners__drop-certs a:hover{border-color: #002B7E;}
.partners__drop-content{display: none;}
.opened .partners__drop-content{display: block;}
.partners__drop-left,.partners__drop-right{display: inline-block; vertical-align: top;}
.partners__drop-left{width: 70%; padding-right: 7%;}
.partners__drop-right{width: 30%;}
.partners__drop-right img{display: block; width: 100%; margin-bottom: 40px;}
.vacancies-info{margin: 100px 0; max-width: 833px;}
.vacancies-info .title-h1{margin-bottom: 44px;}
.vacancies-info__descr{max-width: 783px;}
.vacancies-offer{margin: 104px 0 63px;}
.vacancies-offer .title-h1{margin-bottom: 50px;}
.vacancies-offer__left,.vacancies-offer__right{display: inline-block; vertical-align: top; width: 47%;}
.vacancies-offer__left{margin-right: 6%;}
.vacancies-offer__item{margin-bottom: 40px; position: relative; padding-left: 93px;}
.vacancies-offer__item img,.vacancies-offer__item svg{display: block; width: 100%; max-width: 59px; max-height: 50px; position: absolute; left: 0; top: 0;}
.vacancies-offer__item-name{margin-bottom: 10px;}
.vacancies-relevance{padding: 92px 105px 100px; border-top: 1px solid #EFF0F2; margin: 0 -105px;}
.vacancies-relevance__left,.vacancies-relevance__right{display: inline-block; vertical-align: top;}
.vacancies-relevance__left{padding-right: 4%; width: 43%;}
.vacancies-relevance__right{text-align: right; margin: 0; width: 57%;}
.vacancies-relevance__left .title-h4{margin-bottom: 0;}
.vacancies-relevance__left .btn{margin: 35px 0 44px; padding: 16px 56px 15px;}
.vacancies-relevance .phone{display: block; font-family: 'PF DinDisplay Pro', 'Roboto', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #002B7E; opacity: 0.8; margin-bottom: 10px;}
.employee{display: inline-block; vertical-align: top; width: 238px; margin: 0 10px 35px; position: relative;}
.employee-photo{padding-top: 100%; margin-bottom: 20px; background: no-repeat center; background-size: cover;}
.employee-name{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; color: #0D192B; margin-bottom: 10px; line-height: 22px;}
.employee-position{font-size: 14px; line-height: 22px; margin-bottom: 5px;}
.vacancies-resume{padding: 100px 105px;}
.vacancies-resume .title-h1{margin-bottom: 40px;}
.vacancies-resume__form{display: inline-block; vertical-align: top; width: 70%; padding-right: 5%; position: relative; max-width: 800px;}
.vacancies-resume__form-descr{font-size: 14px; line-height: 22px; width: 30%; display: inline-block; vertical-align: top;}
.vacancies-resume .check-holder {margin: 15px 0 25px;}
.employees{margin: 50px 0 150px;}
.employees .partners__drop-info {padding: 7px 0 37px 0;}
.employees .partners__drop-info h5 {margin: 20px 10px;}
.production__items{margin: 0 -22px 46px;}
.production__item{display: inline-block; vertical-align: top; margin-bottom: 61px; width: 50%; padding: 0 22px;}
.production__item--min{width: calc(100% / 3);}
.production__item-img{display: block; margin-bottom: 23px; background-color: #EFF0F2; position: relative; padding-top: 78.1%; overflow: hidden;}
.production__item--min .production__item-img{padding-top: 73.5%;}
.production__item-img img{display: block; width: auto; height: auto; max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 1s;}
.production__item-name{display: block; width: 101%; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 24px; line-height: 36px; color: #0D192B;}
.production__item:hover .production__item-name{color: #002B7E;}
.production__item:hover img{transform: translate(-50%, -50%) scale(1.05);}
.production__info{margin: 150px 0; font-size: 14px; line-height: 22px; color: #0D192B;}
.diesel-sections{padding: 50px 85px 49px;}
.diesel-sections__item{display: inline-block; vertical-align: top; width: calc((100% - 80px) / 2); margin: 0 20px 54px; padding: 66px 52px 53px; background: #FFFFFF; border-radius: 1px;}
.diesel-sections__item:hover{box-shadow: 0 24px 60px rgba(0, 0, 0, 0.1);}
.diesel-sections__item-name{display: block; margin-bottom: 22px;}
.diesel-sections__item:hover .diesel-sections__item-name{color: #002B7E;}
.diesel-sections__item-type{display: block; margin-bottom: 10px;}
.diesel-sections__item-text{display: block; margin-bottom: 10px;}
.diesel-sections__item-power{display: block; margin-bottom: 29px;}
.diesel-sections__item-img{display: block; position: relative; padding-top: 62%;}
.diesel-sections__item-img img{display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.diesel-sections__descr{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-style: normal; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B; max-width: 800px; padding-left: 20px;}
.diesel-sections__descr_top {font-weight: normal;}
.diesel-sections__descr_top > a {text-decoration: underline;}
.menu--diesel a:hover,.menu--diesel a.active {border-bottom-color: #002B7E;}
.diesel-production{margin: 100px 0 150px;}
.diesel-production.loading {position: relative; height: 300px;}
.header-top__address {font-weight: 400;font-size: 14px; color: #7f7f7f; display: inline-block; margin-right: 16px; line-height: 18px; text-align: left; margin-top: 7px;}
.diesel-production.loading:after {content: ''; display: block; width: 50px; height: 50px; border: 1px solid #162948; border-radius: 50%; border-top-color: transparent; position: absolute; top: 50%; left: 50%; margin-left: -25px; animation: loading 1s infinite linear;}
@keyframes loading {0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
.diesel-production .title-h1{max-width: 680px; margin-bottom: 55px;}
.diesel-production__filter{color: #0D192B; font-size: 14px; line-height: 22px; margin-bottom: 28px;}
.diesel-production__filter-show{display: inline-block; vertical-align: top; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #0D192B; width: 95px; padding-top: 6px;}
.diesel-production__filter-pack{display: inline-block; vertical-align: top; width: calc(100% - 445px); padding-left: 10px;}
.diesel-production__filter-pack .check-holder{display: inline-block; vertical-align: middle; margin: 0 10px; text-align: left; width: auto;}
.diesel-production__filter-pack .check + span{width: auto;}
.diesel-production__filter-right{display: inline-block; vertical-align: top; text-align: right; width: 350px;}
.diesel-production__filter-clear{display: none; vertical-align: top; margin-right: 18px; padding-left: 32px; position: relative;}
.diesel-production__filter-clear.active{display: inline-block;}
.diesel-production__filter-clear:before{content: ' '; display: block; width: 22px; height: 22px; border-radius: 100px; background: #F2F2F2 url("/local/templates/comd2019/images/x.svg") no-repeat center; background-size: 10px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.diesel-production__filter-compare{display: none; vertical-align: top; border-bottom: 1px dashed #949494;}
.diesel-production__filter-compare.active {display: inline-block;}
.diesel-production__table{position: relative;}
.diesel-production .tr{border-bottom: 1px solid #D8D8D9; overflow: hidden;}
.diesel-production .tr--header{border-top: 2px solid #D8D8D9; border-bottom: 2px solid #D8D8D9;}
.diesel-production .tr--header .td{padding: 1px 0;}
.diesel-production .tr--power{font-size: 14px; line-height: 22px; color: #909EAB; padding: 14px 0 13px;}
.diesel-production .tr--power a {color: #909EAB; border-bottom: 1px solid #E6E8EB;}
.diesel-production .td{display: inline-block; vertical-align: middle; padding: 18px 0 23px; font-size: 14px; line-height: 22px; color: #0D192B; text-align: center;}
.diesel-production .td:first-child{padding-left: 0; text-align: left;}
.diesel-production .td:last-child{padding-right: 0; text-align: right;}
.diesel-production .tr .td--power{position: relative;}
.diesel-production .tr .td--power:after {content: ''; display: block; background-color: #EFF0F2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: -100px 0; z-index: -1;}
.diesel-production .td--power .col{display: inline-block; vertical-align: top; width: 50%; text-align: center; padding: 5px 10px 0; margin-top: 5px ;}
.diesel-production .tr--header .td--power .col{border-top: 1px solid #E6E8EB; position: relative;}
.diesel-production .tr--header .td--power .col:after{content: '1'; font-weight: bold; font-size: 7px; line-height: 22px; color: #595C5E; position: absolute; top: -2px; right: 4px;}
.diesel-production .tr--header .td--power .col:last-child:after{content: '2';}
.diesel-production .td--power .col span{display: block; padding: 1px 0;}
.diesel-production .td--model{width: 255px;}
.diesel-production .td--model {display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center;}
.diesel-production .td--power{width: 180px;}
.diesel-production .td--generator,.diesel-production .td--engine{width: calc((100% - 794px)/2);}
.diesel-production .td--generator a,.diesel-production .td--engine a {border-bottom: 1px solid #E6E8EB;}
.diesel-production .td--tank{width: 88px;}
.diesel-production .td--expenditure{width: 101px;}
.diesel-production .td--price{width: 100px; text-align: right;}
.diesel-production .td--price .btn{font-size: 12px; line-height: 20px; padding: 3px 15px; max-width: 100px;}
.diesel-production .td--price .price{font-weight: bold; font-size: 14px; line-height: 22px; color: #0D192B; margin-bottom: 4px;}
.diesel-production .tr--header .td--price{text-align: center;}
.diesel-production .td--compare{width: 70px; padding-top: 28px;}
.diesel-production__img{display: inline-block; vertical-align: middle; max-width: 70px; max-height: 70px; width: auto; height: auto; margin-right: 20px;}
.diesel-production__name{display: inline-block; font-weight: bold; font-size: 14px; line-height: 22px; color: #0D192B; padding-right: 10px;}
.diesel-production__name u {text-decoration: none; border-bottom: 1px solid #E6E8EB;}
.diesel-production .td--compare .check-holder{display: inline-block; vertical-align: top; width: auto;}
.diesel-production .td--compare .checked .jq-checkbox__div{margin-left: 3px;}
.diesel-variants{padding: 150px 105px;}
.diesel-variants .title-h1{margin-bottom: 40px;}
.diesel-variants__items{margin: 0 -20px;}
.diesel-variants__item{display: inline-block; vertical-align: top; margin: 0 20px; width: calc((100% - 120px) / 3); background-color: #fff; padding: 40px 29px 20px;}
.diesel-variants__item-img{display: block; position: relative; margin-bottom: 67px; padding-top: 57%;}
.diesel-variants__item-img img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.diesel-variants__item-name{display: block;}
.diesel-variants__item:hover .diesel-variants__item-name{color: #002B7E;}
.diesel-advantage{margin: 100px 0 50px;}
.diesel-advantage__box{margin-bottom: 100px;}
.diesel-advantage__box .title-h1{max-width: 800px; margin-bottom: 40px;}
.diesel-advantage__box-descr{max-width: 650px;}
.diesel-advantage__box-col{display: inline-block; vertical-align: top; width: 50%;}
.diesel-advantage__box-col:nth-of-type(1){padding-right: 2%;}
.diesel-advantage__box-col:nth-of-type(2){padding-left: 2%;}
.diesel-advantage__box-col h4, .diesel-advantage__box-col .title-h4{margin: 40px 0 10px;}
.diesel-advantage__box-col > div{margin: 0 0 30px;}
.diesel-description{max-width: 800px; margin: 100px 0 130px;}
.diesel-description .title-h1{margin-bottom: 40px;}
.diesel-description__prod{margin-bottom: 100px;}
.diesel-description__box{margin-bottom: 100px;}
.diesel-description .title-h2,.diesel-description h2{margin-bottom: 30px;}
.diesel-description__prod-descr{font-weight: bold; font-size: 20px; line-height: 30px; color: #0D192B; margin-bottom: 40px;}
.diesel-description__prod-items{margin: 0 -20px;}
.diesel-description__product{display: inline-block; vertical-align: top; width: calc((100% - 160px) / 4); margin: 0 20px;}
.diesel-description__product-img{display: block; position: relative; background: #EFF0F2; border-radius: 1px; margin-bottom: 20px; padding-top: 100%;}
.diesel-description__product-img img{display: block; width: auto; height: auto; max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.diesel-description__product-section{display: block; font-size: 14px; line-height: 22px; margin-bottom: 5px;}
.diesel-description__product-name,.diesel-description__product-power{display: block; font-weight: bold; font-size: 20px; line-height: 30px; color: #0D192B;}
.diesel-description__product-name{margin-bottom: 5px;}
.diesel-description__box-li{margin-bottom: 70px;}
.diesel-description__box-li .btn{margin-bottom: 30px;}
.diesel-description__box-li .title-h4{margin:32px 0}
.diesel-description__box-li .title-h5{margin: 36px 0;}
.diesel-performance{padding: 50px 105px 150px;}
.diesel-performance__item{padding: 44px 50px 88px; position: relative; background: #FFFFFF; border: 2px solid #E8EAED; border-radius: 1px; transition: all .3s; margin-bottom: 17px; font-size: 0; line-height: 0;}
.diesel-performance__item:hover{box-shadow: 0 24px 60px rgba(0, 0, 0, 0.1);}
.diesel-performance__item-btn{position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;}
.diesel-performance__item:hover .diesel-performance__item-btn{border-color: #E8EAED; background-color: #F7F8FA;}
.diesel-performance__item-title{margin-bottom: 20px;}
.diesel-performance__col{display: inline-block; vertical-align: middle; width: 50%; font-size: 16px; line-height: 28px;}
.diesel-performance__col:first-child{padding-right: 20px;}
.diesel-performance__col:nth-child(2){padding: 40px 0 0 20px;}
.diesel-performance__col img{display: block; max-width: 100%; max-height: 400px; width: auto; height: auto; margin: 0 auto;}
.diesel-performance__col img + ul{margin-top: 40px;}
.diesel-performance__img{display: block; width: 100%; margin: 20px;}
.diesel-performance__item-ul{list-style: none; padding: 0; margin: 0;}
.diesel-performance__item-ul li{padding-left: 30px; position: relative; margin: 0 0 10px;}
.diesel-performance__item-ul li:before{content: ' '; display: block; width: 15px; height: 12px; background: url("/local/templates/comd2019/images/ok-blue.svg") no-repeat center; background-size: contain; position: absolute; top: 6px; left: 0;}
.production-section{padding: 0 105px 60px;}
.body--gary-top .page-top{background-color: #EFF0F2; margin: 0 -105px; padding: 33px 105px 1px;}
.production-section__items{margin: 0 -20px;}
.production-section__item{display: inline-block; vertical-align: top; margin: 0 20px 40px; padding: 40px 22px 19px; background: #FFFFFF; border-radius: 1px; color: #0D192B; width: calc((100% - 120px) /3);}
.production-section__item:hover{box-shadow: 0 24px 60px rgba(0, 0, 0, 0.1); color: #002B7E;}
.production-section__item-img{display: block; padding-top: 55.6%; position: relative; margin-bottom: 53px;}
.production-section__item-img img{display: block; max-width: 100%; /*max-height: 250px;*/ max-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.production-section__item-name,.production-section__item-power{display: block; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 22px; line-height: 32px;}
.production-section__item-name{margin-bottom: 5px;}
.production-section__bot{max-width: 800px; margin: 100px 0 150px;}
.production-section__bot .title-h1{margin-bottom: 30px;}
.production-section__bot-img{display: inline-block; vertical-align: top; width: calc((100% - 23px) / 2); margin: 50px 0 70px; background: #FFFFFF; border: 1px solid #D8D8D9; border-radius: 1px; padding-top: 36%; position: relative;}
.production-section__bot-img + .production-section__bot-img{margin-left: 23px;}
.production-section__bot-img img{display: block; max-width: 80%; max-height: 80%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.body--products-brands .breadcrumps{position: absolute; top: 33px; left: 0;}
.body--products-brands .page-top__product-img{display: inline-block; width: 56%;}
.body--products-brands .page-top__info{width: 38%; margin-right: 5%;}
.body--products-brands .page-top__content{padding: 84px 0 35px; position: relative;}
.body--products-brands .page-top__product-descr,.body--products-brands .page-top__info-det{display: block;}
.body--products-brands .page-top__info-compare,.body--products-brands .page-top__info-btn{display: none;}
/*.page-top h1{*/ /* max-width: 450px;*/ /*}
*/ .body--products-brands h1{max-width: 350px; margin: 100px 0 26px;}
.body--products-brands .page-top__info-price{margin-bottom: 36px;}
.body--products-brands .page-top__info-logo{margin-bottom: 0;}
.body--products-brands .page-top{background-color: #EEF1F6; padding: 0 105px; margin: 0 -105px; position: relative;}
.body--products-brands .page-top--product-prof:after,.body--products-brands .page-top--product-prem:after{display: block;}
.products-brands{margin: 100px 0 0;}
.products-brands .title-h1{max-width: 770px; margin-bottom: 40px;}
.product-models__items{margin: 0 -20px 100px;}
.product-models__item{display: inline-block; vertical-align: top; margin: 0 20px 40px; width: calc((100% - 120px) / 3);}
.product-models__item-top,.product-models__item-bot{display: block; position: relative;}
.product-models__item-img{display: block; background-color: #F2F2F2; position: relative; padding-top: 65%; margin-bottom: 20px;}
.product-models__item-img--des {background-color: #EEF1F6;}
.product-models__item-img img{display: block; max-width: 80%; max-height: 80%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product-models__item-name{display: block; margin-bottom: 10px;}
.product-models__item:hover .product-models__item-name{color: #3b5998;}
.product-models__item-descr{display: block; margin-bottom: 16px;}
.product-models__item-descr .tr{display: block; margin-bottom: 5px;}
.product-models__item-descr .td{display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px; width: 50%; color: #595C5E;}
.product-models__item-descr .td:last-child{color: #0D192B; text-align: right;}
.product-models__item-bot .btn{width: 100%; margin-bottom: 10px;}
.product-models__item-compare{display: block; text-align: center;}
.product-models__item-compare{display: block; padding-left: 30px; font-weight: bold; font-size: 12px; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; color: #0D192B; margin-top: 10px; position: relative; margin-left: -30px;}
.product-models__item-compare span{display: inline-block; vertical-align: top; width: 22px; height: 22px; background-color: #F2F2F2; border-radius: 100px; margin-right: 10px; position: relative;}
.product-models__item-compare:hover span,.product-models__item-compare.active span{background-color: #274372;}
.product-models__item-compare span:before{content: ' '; display: block; width: 11px; height: 11px; background: url("/local/templates/comd2019/images/plus.svg") no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.product-models__item-compare:hover span:before,.product-models__item-compare.active span:before{filter: brightness(100);}
.diesel-production--prod-advantage .title-h1{max-width: 800px;}
.prod-advantage__descr{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-style: normal; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B; margin-bottom: 50px;}
.products-brands__descr{margin: 100px 0 0;}
.products-brands__descr .title-h1{margin-bottom: 37px;}
.products-brands__descr-top{max-width: 800px;}
.products-brands__descr-top h2{margin-bottom: 21px;}
.products-brands__descr-top ul{margin-bottom: 98px; padding-left: 17px;}
.products-brands__descr-top ul li{margin-bottom: 15px; padding-left: 10px;}
.products-brands__convenience{margin: 100px 0 150px;}
.products-brands__convenience-info{display: inline-block; vertical-align: top; width: 56.7%; padding-right: 6%;}
.products-brands__convenience-info h2{margin-bottom: 20px;}
.products-brands__convenience-img{display: inline-block; vertical-align: top; width: 43.3%; margin-top: 5px;}
.products-brands__convenience-img img{display: block; width: 100%;}
.products-brands__variables{padding: 146px 105px 83px;}
.products-brands__variables-title{margin-bottom: 21px; max-width: 800px;}
.products-brands__variables-descr{max-width: 800px; margin-bottom: 55px;}
.products-brands__variables-items{margin: 0 -20px;}
.products-brands__variables-item{display: inline-block; vertical-align: top; width: calc((100% - 160px) / 4); margin: 0 20px 84px; font-weight: bold; color: #0D192B;}
.products-brands__variables-item img,.products-brands__variables-item svg{display: block; max-width: 65px; max-height: 38px; margin-bottom: 30px;}
.products-brands__additionally{margin: 100px 0 95px;}
.products-brands__additionally .title-h1{margin-bottom: 20px;}
.products-brands__additionally-info,.products-brands__additionally-img{display: inline-block; vertical-align: top;}
.products-brands__additionally-info{width: 48%; padding-right: 6%; margin-top: 3.7%;}
.products-brands__additionally-info .title-h2{margin-bottom: 3.7%;}
.products-brands__additionally-info p{margin: 0;}
.products-brands__additionally-img{width: 52%;}
.products-brands__additionally-img img{display: block; width: 100%;}
.products-brands__additionally-list{margin: 95px 0 139px;}
.products-brands__additionally-list .col{display: inline-block; vertical-align: top;}
.products-brands__additionally-list .col--left{width: 52%; padding-right: 7%;}
.products-brands__additionally-list .col--right{width: 48%;}
.products-brands__additionally-list .title-h5{margin-bottom: 18px;}
.products-brands__additionally-list ul{padding-left: 20px; margin: 0;}
.products-brands__additionally-list li{margin-bottom: 15px;}
.products-brands__parallel{padding: 145px 105px 140px;}
.products-brands__parallel-info,.products-brands__parallel-img{display: inline-block; vertical-align: top;}
.products-brands__parallel-info{width: 48%;}
.products-brands__parallel-info .title-h2{margin-bottom: 20px;}
.products-brands__parallel-info p{margin: 0 0 11px;}
.products-brands__parallel-info ul{padding-left: 20px; margin: 0;}
.products-brands__parallel-info li{margin-bottom: 15px;}
.products-brands__parallel-img{width: 52%; padding-right: 3%;}
.products-brands__parallel-img img{display: block; width: 100%;}
.products-brands__monitoring{margin: 145px 0 0;}
.products-brands__monitoring-left,.products-brands__monitoring-right{display: inline-block; vertical-align: top;}
.products-brands__monitoring-left{width: 52%; padding-right: 5%;}
.products-brands__monitoring-right{width: 48%;}
.products-brands__monitoring-box{margin-bottom: 100px;}
.products-brands__monitoring-box p{margin: 0;}
.products-brands__monitoring img{width: 100%; margin-bottom: 83px;}
.products-brands__monitoring .title-h2{margin-bottom: 10px;}
.products-brands__certs{margin: 150px 0; padding-bottom: 110px; position: relative;}
.products-brands__certs-top{max-width: 800px; margin-bottom: 50px;}
.products-brands__certs .title-h1{margin-bottom: 15px;}
.products-brands__certs .owl-nav{top: auto; right: auto; bottom: -85px; left: 105px;}
.products-brands__service{padding: 150px 105px; position: relative;}
.products-brands__service-items{margin-left: 40%; margin-right: -11px;}
.products-brands__service .title-h1{position: absolute; left: 105px; top: 150px; width: 35%;}
.products-brands__service .title-h1.no_abs{position: relative; left: 0; top: 0; width: auto;}
.products-brands__service-item{display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: end; align-items: flex-end; vertical-align: top; margin: 0 11px 22px; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 22px; line-height: 32px; color: #FFFFFF; background: #002B7E; border-radius: 1px; position: relative; padding: 26px 22px 26px 40px; min-height: 170px; width: calc((100% - 44px) / 2);}
.products-brands__service-item:before{content: ''; display: block; width: 15px; height: 15px; background: url("/local/templates/comd2019/images/arr-link.svg") no-repeat center; background-size: contain; position: absolute; top: 30px; right: 30px; filter: brightness(100);}
.products-brands__service-item:hover:before{filter: none;}
.products-brands__service-item:hover{color: #002B7E; background: #FFFFFF;}
.products-brands__links{background: #162948; margin: 0 -105px; border-bottom: 1px solid #2E405C;}
.products-brands__links > a{display: inline-block; vertical-align: top; width: 50%; padding: 33px 105px 33px 40px; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; position: relative;}
.products-brands__links > a.products-brands__links-next{text-align: right;}
.products-brands__links > a.products-brands__links-prev{border-right: 1px solid #274372; padding-left: 105px;}
.products-brands__links-prev span,.products-brands__links-next span{display: inline-block; vertical-align: top; padding-right: 108px; position: relative;}
.products-brands__links-prev span{padding-left: 108px; padding-right: 0;}
.products-brands__links > a span:after{content: ''; display: block; width: 58px; height: 16px; background: url("/local/templates/comd2019/images/arr-long.svg") no-repeat center; background-size: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
.products-brands__links > a:hover span:after{transform: translateY(-50%) translateX(20px);}
.products-brands__links > a.products-brands__links-prev span:after{right: auto; left: 0; transform: translateY(-50%) rotate(180deg);}
.products-brands__links > a.products-brands__links-prev:hover span:after{transform: translateY(-50%) rotate(180deg) translateX(20px);}
.products-brands__links > a.products-brands__links-prev.empty{border-right: none;}
.body--product .page-top{background: no-repeat 80% 50% #EEF1F6; background-size: 47%; margin: 0 -105px; padding: 0 105px; position: relative;}
.body--product .page-top__content{padding: 74px 0; position: relative;}
.body--product .breadcrumps{position: absolute; top: 50px; left: 0; z-index: 1;}
.body--product .page-top h1{margin: 48px 0 31px;}
.body--product .page-top__info{width: 40%; margin-right: 5%;}
.body--product .page-top__info-det{display: block;}
.body--product .page-top--product-prof:after,.body--product .page-top--product-prem:after{display: block;}
.body--product .page-top .page-top__product-img{display: inline-block;}
.body--product .page-top .page-top__product-descr{display: block;}
.product-detail__descr{margin: 100px 0;}
.product-detail__descr .title-h1{margin-bottom: 30px;}
.product-detail__descr-left,.product-detail__descr-right{display: inline-block; vertical-align: top; width: 50%;}
.product-detail__descr-left{padding-right: 1.5%;}
.product-detail__descr-right{padding-left: 1.5%;}
.product-detail__descr-box{background: #F7F8FA; padding: 40px 34px;}
.product-detail__descr-box .title-h5{margin-bottom: 37px;}
.product-detail__descr-table{margin-bottom: 20px;}
.product-detail__descr-table .tr{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 17px 0 16px; border-bottom: 1px solid #E6E8EB;}
.product-detail__descr-table .tr--title{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B;}
.product-detail__descr-table .tr--title a {text-decoration: underline;}
.product-detail__descr-table .tr--title a:hover {text-decoration: none;}
.product-detail__descr-table .tr--full .td {width: 100%;}
.product-detail__descr-table .tr--black .td {color: #000;}
.product-detail__descr-table .tr--full ul {margin: 10px 0; padding: 0 0 0 35px;}
.product-detail__descr-table .tr--full li:not(:last-of-type) {margin: 0 0 15px;}
.product-detail__descr-table .tr--black a {text-decoration: underline;}
.product-detail__descr-table .tr--black a:hover {text-decoration: none;}
/*.product-detail__descr-table .tr:first-child{border-bottom: 0;}
*/ .product-detail__descr-table .td{width: 50%;}
.product-detail__descr-table .td:nth-child(2){color: #0D192B; text-align: right;}
.product-detail__descr-tbot{font-size: 14px; line-height: 18px;}
.product-detail__descr-link{display: inline-block; vertical-align: top; margin: 22px 0; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #002B7E; border-bottom: 1px solid #002B7E; padding: 0 40px 7px 0; position: relative;}
.product-detail__descr-link:after{content: ' '; display: block; width: 14px; height: 14px; background: url("/local/templates/comd2019/images/arr-link.svg") no-repeat center; background-size: contain; position: absolute; top: 0; right: 0;}
.body--product .page-top__product-img{right: auto; left: 50%;}
.product-detail__yamz{margin: 0 -105px; padding: 150px 105px 100px 57%; position: relative; background: #162948;}
.product-detail__yamz-logo{width: 45%; padding-top: 25%; position: absolute; top: 390px; left: 0;}
.product-detail__yamz-logo > div {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}
.product-detail__yamz h4,.product-detail__yamz .title-h1,.product-detail__yamz .title-h4{color: #ffffff; margin-bottom: 10px;}
.product-detail__yamz h4:first-child,.product-detail__yamz .title-h4:first-child {margin-top: 0;}
.product-detail__yamz .title-h1{position: absolute; top: 145px; left: 105px; width: 27%;}
.product-detail__yamz-info{color: #E6E8EB;}
.product-detail__power{margin: 0 -105px; padding: 150px 230px 150px 105px; background: url("/local/templates/comd2019/images/about-promo.jpg") no-repeat center; background-size: cover; color: #ffffff;}
.product-detail__power .title-h1{color: #fff; margin-bottom: 35px;}
.product-detail__advantages{margin: 100px 0 150px;}
.product-detail__advantages-box{margin-bottom: 100px;}
.product-detail__advantages-box .col{display: inline-block; vertical-align: top;}
.product-detail__advantages-box .col--left{width: 52%; padding-right: 4%;}
.product-detail__advantages-box .col--right{width: 48%;}
.product-detail__advantages-box img{display: block; width: auto; max-width: 100%; margin: 20px 0;}
.product-detail__advantages-title{margin-bottom: 20px;}
.product-detail__advantages-box .partners__drop-certs a{width: calc((100% - 48px) / 2); padding-top: 60%;}
.product-detail__advantages-box .iframe-block {max-width: 800px; margin: 40px 0;}
.product-detail__advantages-box .iframe {position: relative; height: 0; width: 100%; padding-top: 56.25%;}
.product-detail__advantages-box iframe {border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.product-detail__all-generators{margin: 150px 0; position: relative;}
.product-detail__all-generators .title-h1{max-width: 750px; margin-bottom: 40px;}
.product-detail__all-generators-items{margin: 0 -20px; width: auto;}
.owl-item .product-models__item{width: calc(100% - 40px);}
.product-detail__all-generators-items .owl-nav{right: 20px;}
.product-detail__all-generators-btn{position: absolute; right: 150px; top: -10px; padding: 21px 20px 20px;}
.product-detail__bottom{margin: 150px 0; font-size: 14px; line-height: 22px; color: #0D192B; font-weight: 300;}
.product-detail__bottom span{font-weight: 400;}
.product-detail__descr-box{margin-bottom: 31px;}
.product-detail__equipment{margin: 100px 0;}
.product-detail__equipment .title-h1{margin-bottom: 40px;}
.product-detail__base-top{margin-bottom: 50px; max-width: 800px;}
.product-detail__equipment-links{display: -ms-flexbox; display: flex; border: 1px solid #274372; margin-bottom: 100px;}
.product-detail__equipment-links a{display: inline-block; vertical-align: top; padding: 16px 10px 14px; text-align: center; width: calc(100% / 3); font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #274372;}
.product-detail__equipment-links--2 a {width: calc(100% / 2);}
.product-detail__equipment-links a:nth-child(2){border-left: 1px solid #274372; border-right: 1px solid #274372;}
.product-detail__equipment-links a:hover,.product-detail__equipment-links a.active{background-color: #274372; color: #ffffff;}
.product-detail__base-items{margin: 0 -20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.product-detail__base-item{display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; vertical-align: top; margin: 0 20px 40px; width: calc((100% - 120px) / 3); background: #EEF1F6; border-radius: 1px; padding: 30px 20px 20px;}
.base-item__title{margin-bottom: 5px;}
.base-item__text a{display: inline-block; border-bottom: 1px solid ; margin-right: 5px;}
.base-item__text a:hover{color: #002B7E;}
.product-detail__base-item img{display: block; width: 100%; margin-top: 25px;}
.product-detail__base-bot{margin: 60px 0 100px; padding: 70px 53px 70px 45%; border: 5px solid #E6E8EB; position: relative;}
.product-detail__base-bot .title-h3{position: absolute; max-width: 40%; top: 70px; left: 53px;}
.product-detail__base-bot ul{list-style: none; padding: 0; margin: 0;}
.product-detail__base-bot ul li{position: relative; margin-bottom: 15px; padding-left: 34px;}
.product-detail__base-bot ul li:before{content: ' '; display: block; width: 22px; height: 18px; background: url("/local/templates/comd2019/images/ok-blue.svg") no-repeat center; background-size: cover; position: absolute; left: 0; top: 4px;}
.product-detail__optional .title-h2{margin-bottom: 20px;}
.product-detail__optional .title-h3{margin-bottom: 36px;}
.product-detail__optional-drops{margin-bottom: 100px;}
.product-detail__optional-bot{padding: 50px 52px 60px; border: 5px solid #E6E8EB; margin: 100px 0;}
.product-detail__optional-drops .title-h3{margin: 80px 0 36px;}
.drop-subtitle{display: block; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; color: #595C5E; font-size: 18px; line-height: 26px;}
.product-detail__descr-bot{margin: 100px 0;}
.product-equipment__drop-content{padding-left: 80px;}
.product-equipment__drop-content .drop-text{margin: 0 0 30px;}
.product-equipment__drop-content ul{margin: 0; padding: 0; list-style: none;}
.product-equipment__drop-content ul li{margin-bottom: 15px;}
.product-equipment__drop-content ul li:before{content: '-'; display: inline-block; vertical-align: middle; margin-right: 10px;}
.product-detail__enclosure{padding: 100px 105px;}
.product-detail__enclosure .title-h1{margin-bottom: 50px;}
.product-detail__control-box{margin: 100px 0;}
.product-detail__control-left,.product-detail__control-right{display: inline-block; vertical-align: top;}
.product-detail__control-left{width: 70%; padding-right: 5%;}
.product-detail__control-right{width: 30%;}
.product-detail__control-right img{display: block; width: 100%;}
.product-detail__control-right--50,.product-detail__control-left--50{width: 50%;}
.product-detail__control-left--50{padding-right: 2%;}
.product-detail__control-right--50{padding-left: 2%;}
.product-detail__control-box .title-h2{margin-bottom: 20px;}
.product-detail__control-box > .title-h2{max-width: 800px;}
.ul-dash,.ul-ok,.ul-ok ul,.ul-dash ul{list-style: none; padding: 0; margin: 0;}
.ul-ok li{margin-bottom: 15px; padding-left: 34px; position: relative;}
.ul-ok li:before{content: ''; display: block; width: 22px; height: 18px; background: url("/local/templates/comd2019/images/ok-blue.svg") no-repeat center; background-size: contain; position: absolute; top: 4px; left: 0;}
.ul-dash li{margin-bottom: 15px;}
.ul-dash--min li{margin-bottom: 0;}
.ul-dash li:before{content: '-'; display: inline-block; vertical-align: middle; margin-right: 10px;}
.product-detail__synchronizing{margin: 100px 0;}
.product-detail__synchronizing img{display: block; width: 100%; margin: 50px 0;}
.product-detail__synchronizing-info{max-width: 800px; margin-bottom: 40px;}
.product-detail__synchronizing-bot{margin: 100px 0; padding: 24px 20% 24px 0; border-top: 1px solid #E6E8EB; border-bottom: 1px solid #E6E8EB; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 22px; line-height: 32px; color: #0D192B;}
.product-detail__synchronizing-info h5{margin: 40px 0 10px;}
.product-detail__monitoring{padding: 100px 105px;}
.product-detail__monitoring-variants{margin: 100px 0;}
.product-detail__monitoring-variants .title-h2{margin-bottom: 40px; max-width: 800px;}
.body--energy-complexes .page-top__product-img{display: inline-block;}
.body--energy-complexes .page-top__info{width: 40%; margin-right: 5%;}
.body--energy-complexes .page-top__info-det{display: block;}
.body--energy-complexes .page-top{background-color: #EEF1F6; margin: 0 -105px; padding: 0 105px;}
.body--energy-complexes .page-top__info a,.body--energy-complexes .page-top__info img{display: none;}
.body--energy-complexes .page-top__content{padding: 74px 0; position: relative;}
.body--energy-complexes .breadcrumps{position: absolute; top: 40px; left: 0;}
.body--energy-complexes h1 {margin: 40px 0 30px;}
.energy-complexes{margin: 100px 0;}
.energy-complexes .title-h1{margin-bottom: 50px;}
.energy-complexes__models-top{margin: 100px 0;}
.energy-complexes__models-top .title-h1{margin-bottom: 30px;}
.energy-complexes__models-top ul{padding-left: 20px;}
.energy-complexes__models-top ul li{margin-bottom: 15px;}
.energy-complexes__bot{margin: 80px 0 150px; font-weight: 300; font-size: 14px; line-height: 22px; color: #0D192B;}
.energy-complexes .diesel-production {margin: 100px 0 80px;}
.energy-complexes .diesel-production .title-h1{max-width: 830px;}
.energy-complexes .product-detail__control-box {margin: 0 0 100px;}
.power-plants__table {margin: 100px 0;}
.power-plants__table .title-h2{margin-bottom: 30px; max-width: 800px;}
.power-plants__table .table {font-size: 14px; line-height: 22px; color: #0D192B; text-align: center;}
.power-plants__table .table .tr{padding: 14px 0; border-bottom: 1px solid #D8D8D9;}
.power-plants__table .table .tr--header{padding: 8px 0; border-top: 2px solid #D8D8D9; border-bottom: 2px solid #D8D8D9;}
.power-plants__table .table .td{display: inline-block; vertical-align: middle; width: calc((100% - 205px) / 4); padding: 0 20px;}
.power-plants__table .table .td:first-child{text-align: left; width: 80px; padding: 0;}
.power-plants__table .table .td:last-child{width: 125px; padding: 0;}
.power-plants__table .table .tr:not(.tr--header) .td:first-child{font-weight: 600;}
.power-plants__table .table--min .td:first-child{width: 130px;}
.power-plants__table .table--min .td:last-child{width: 280px;}
.power-plants__table .table--min .td{width: calc((100% - 410px) / 3);}
.power-plants__table .table--min .td--col span{display: inline-block; vertical-align: middle; text-align: center; width: 100px;}
.energy-complexes__spheres{background: #F7F8FA; border-radius: 1px; padding: 50px 52px; margin-bottom: 20px;}
.energy-complexes__spheres--big.energy-complexes__spheres{padding: 0;}
.energy-complexes__spheres-info,.energy-complexes__spheres-img{display: inline-block; vertical-align: top; width: 50%;}
.energy-complexes__spheres--big .energy-complexes__spheres-img,.energy-complexes__spheres--big .energy-complexes__spheres-info{width: 100%; padding: 0;}
.energy-complexes__spheres--big .energy-complexes__spheres-info{padding: 50px 52px;}
.energy-complexes__spheres-info{padding-right: 20px;}
.energy-complexes__spheres-img{padding-left: 20px;}
.energy-complexes__spheres-img img{display: block; width: 100%;}
.energy-complexes__spheres-title{margin-bottom: 20px;}
.body--BOM .page-top{background-color: #EFF0F2; padding: 0 105px; margin: 0 -105px;}
.body--BOM .page-top__content{padding: 74px 0; position: relative;}
.body--BOM .page-top__product-img{display: inline-block; width: 44%;}
.body--BOM .page-top__info{width: 55%; margin-right: 0;}
.body--BOM .page-top__info h1{margin-bottom: 30px;}
.body--BOM .page-top__info-det{display: inline-block;}
.body--BOM .page-top__info-det img,.body--BOM .page-top__info-det a{display: none;}
.body--BOM .breadcrumps{position: absolute; top: 40px; left: 0;}
.generators-BOM{margin: 100px 0;}
.generators-BOM__top{margin-bottom: 100px;}
.generators-BOM__info{margin-bottom: 50px;}
.generators-BOM__images{margin: 100px -20px;}
.generators-BOM__img{display: inline-block; vertical-align: top; padding-top: 29.5%; position: relative; background: #EFF0F2; border-radius: 1px; margin: 0 20px; width: calc((100% - 120px) / 3);}
.generators-BOM__img img{display: block; width: auto; height: auto; max-width: 85%; max-height: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.generators-BOM__info ul{padding-left: 20px;}
.generators-BOM__info ul li{margin-bottom: 15px;}
.generators-BOM__table{margin: 50px 0 100px;}
.generators-BOM__table .tr{padding: 14px 0; border-bottom: 1px solid #D8D8D9;}
.generators-BOM__table .tr--header{padding: 9px 0; border-top: 2px solid #D8D8D9; border-bottom: 2px solid #D8D8D9;}
.generators-BOM__table .td{display: inline-block; vertical-align: middle; width: calc((100% - 630px) / 2); text-align: center; font-size: 14px; line-height: 22px; color: #0D192B;}
.generators-BOM__table .tr:not(.tr--header) .td:first-child{font-weight: 600;}
.generators-BOM__table .td:first-child{width: 340px; text-align: left;}
.generators-BOM__table .td:last-child{width: 290px;}
.generators-BOM__table .td--col span{display: inline-block; vertical-align: middle; width: 145px;}
.generators-BOM__table .tr--header .td--col span{padding-top: 5px; margin-top: 5px; border-top: 1px solid #D8D8D9;}
.body--block-containers .page-top{background-color: #EFF0F2; padding: 0 105px; margin: 0 -105px;}
.body--block-containers .page-top__content{padding: 74px 0; position: relative;}
.body--block-containers .page-top__product-img{display: inline-block; width: 44%;}
.body--block-containers .page-top__info{width: 55%; margin-right: 0;}
.body--block-containers .page-top__info h1{margin: 90px 0 40px; max-width: 500px;}
.body--block-containers .page-top__info-det{display: inline-block;}
.body--block-containers .page-top__info-det .page-top__info-price,.body--block-containers .page-top__info-det img,.body--block-containers .page-top__info-det a{display: none;}
.body--block-containers .breadcrumps{position: absolute; top: 40px; left: 0;}
.block-containers{margin: 100px 0 0;}
.block-containers__content{margin-bottom: 50px;}
.block-containers__slider{margin: 100px 0;}
.block-containers__slider-img{padding-top: 45%; background: no-repeat center; background-size: cover;}
.block-containers__content{margin-bottom: 20px;}
.block-containers__content-info h5{margin: 50px 0 10px;}
.block-containers__slider{position: relative;}
.block-containers__slider .owl-nav{top: auto; bottom: 0; right: 0;}
.body--rainprof .breadcrumps{margin-bottom: 40px;}
.body--rainprof h1{margin: 0; max-width: 800px;}
.rainprof{margin: 50px 0 100px;}
.rainprof-img{display: block; width: 100%; margin-bottom: 100px;}
.rainprof__contant{max-width: 800px;}
.rainprof__contant-box{margin-bottom: 80px;}
.rainprof__contant-title{margin-bottom: 20px;}
.body--three-phase h1{margin: 5px 0 45px;}
.three-phase{margin: 7px 0 145px;}
.three-phase__table{margin: 0 0 100px;}
.three-phase__power{padding: 100px 105px; margin: 0 -105px; background: #162948; color: #fff;}
.three-phase__power .title-h1{max-width: 800px; margin-bottom: 46px; color: #ffffff;}
.three-phase__power-table{margin-bottom: 34px; border-collapse: collapse;}
.three-phase__power-td{display: inline-block; vertical-align: top; color: #8A94A3; text-align: center; border: 1px solid #485D80; padding: 9px 2px 6px; width: calc(100% / 11);}
.three-phase__power-td:hover,.three-phase__power-td.selected{color: #ffffff;}
.three-phase__power .btn--orange{padding: 18px 86px 14px;}
.three-phase__content{max-width: 800px; margin: 92px 0;}
.three-phase__content-box{margin-bottom: 50px;}
.three-phase__content-box .title-h2{margin-bottom: 10px;}
.three-phase__content-box ul{padding-left: 20px;}
.three-phase__content-box ul li{margin-bottom: 15px;}
.pop{max-width: 1170px; width: 100%; background: #FFFFFF; padding: 95px 50px 50px;}
.pop-top{position: relative; margin-bottom: 27px; padding-right: 40%;}
.pop-buttons{position: absolute; top: 0; right: 0;}
.pop-buttons a{display: inline-block; vertical-align: middle;}
.pop-content .diesel-production{margin: 0;}
.clear-list{font-size: 14px; line-height: 22px; color: #0D192B; position: relative;}
.pop-thanks{padding: 99px 100px 100px;}
.pop-text{margin-bottom: 30px;}
.pop-thanks .pop-text{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B;}
.pop .btn{min-width: 185px;}
.fancybox-slide--html .fancybox-close-small{padding: 0; right: 19px; top: 19px;}
.fancybox-button svg path {fill: #909EAB;}
.pop-order{padding: 100px;}
.pop-order__content{max-width: 800px;}
.pop-order .pop-title{margin: 0 0 50px;}
.pop-thanks .pop-title{margin: 0 0 21px;}
.order-form{width: 100%;}
.order-form__step{margin-bottom: 50px;}
.order-form__step-title{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B; margin-bottom: 20px;}
.order-form .input-holder{padding-top: 27px; margin-bottom: 20px; position: relative;}
.order-form .input + span{font-family: 'Roboto', 'Arial', sans-serif; font-weight: normal; font-size: 14px; line-height: 22px; color: #0D192B; position: absolute; top: 0; left: 0;}
.input-holder--50{display: inline-block; vertical-align: top; width: calc((100% - 10px) / 2); margin-right: 10px;}
.input-holder--50.last{margin-right: 0;}
.order-form .tabs-links{border: 1px solid #274372; margin: 40px 0; max-width: 700px;}
.order-form .tab-link{display: inline-block; vertical-align: top; width: 50%; padding: 16px; font-weight: bold; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 1px; text-transform: uppercase; color: #274372;}
.order-form .tab-link.active{background-color: #274372; color: #ffffff;}
.order-form__btn{margin-top: 30px;}
.order-form__step-title.title-h5{font-size: 22px; line-height: 32px;}
.step-holder{margin-bottom: 30px;}
.step-holder__name{display: inline-block; vertical-align: middle; margin-right: 40px;}
.step-holder input,.step-holder input + span,.step-holder label{display: inline-block; vertical-align: middle; cursor: pointer;}
.step-holder .input:not(textarea){width: 160px;}
.order-form .step-holder .radio + span,.order-form .step-holder input + span{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B; position: static; margin: 0 15px 0 5px;}
.check-option + span,.step-powerSupply__title,.order-form .step-holder--step2 .radio + span{font-family: 'Roboto', 'Arial', sans-serif; font-weight: normal; font-size: 16px; line-height: 28px; color: #0D192B;}
.step-holder--step2 label{display: block; margin-bottom: 20px;}
.radio{vertical-align: middle; width: 28px; height: 28px; border: 1px solid #E6E8EB; border-radius: 100px; position: relative; margin: -4px 10px 1px 1px;}
.radio-block .radio + span {display: inline-block; vertical-align: top; width: calc(100% - 50px); margin: 0 0 0 5px !important;}
.radio:before{content: ' '; display: block; width: 16px; height: 16px; border-radius: 100px; background-color: #002B7E; position: absolute; top: 5px; left: 5px; opacity: 0; z-index: 1;}
.checked.radio:before{opacity: 1;}
.step-powerSupply{margin-left: 30px;}
.step-powerSupply__title{margin-bottom: 20px;}
.check-option .jq-checkbox__div{background: transparent; width: 17px; height: 17px; margin: 3px 0 0 3px;}
.check-option.checked .jq-checkbox__div{background: #274372;}
.stationary-generator{margin: 100px 0;}
.stationary-generator__content{max-width: 800px; margin: 100px 0;}
.stationary-generator__top{margin-bottom: 20px;}
.stationary-generator__features{padding: 100px 105px;}
.stationary-generator__features-title{margin-bottom: 20px;}
.stationary-generator__features ul{padding-left: 20px; columns: 2; column-gap: 40px;}
.stationary-generator__features ul li{margin-bottom: 15px;}
.content{max-width: 800px;}
.stationary-generator__designation{margin: 100px 0;}
.stationary-generator__designation .title-h5{margin-bottom: 20px;}
.stationary-generator__text{margin-bottom: 50px;}
.stationary-generator__col{display: inline-block; vertical-align: top; width: 50%; margin-bottom: 50px;}
.stationary-generator__col:first-child{padding-right: 2%;}
.stationary-generator__col:last-child{padding-left: 2%;}
.stationary-generator__col .title-h5{margin-bottom: 30px;}
.stationary-generator__col a{text-decoration: underline; display: inline-block; vertical-align: top; width: 185px; color: #595C5E;}
.stationary-generator__col a:hover{color: #274372;}
.stationary-generator__order{padding: 100px 105px;}
.stationary-generator__order-content{max-width: 800px; margin: 0 auto;}
.stationary-generator__text-bot{margin: 50px 0;}
.stationary-generator__order .title-h1{margin-bottom: 50px;}
.stationary-generator .block-containers__slider-img{padding-top: 65%;}
.page-top__info-descr{max-width: 465px;}
.accessories__items{margin: 0 -20px 100px;}
.accessories__item{display: inline-block; vertical-align: top; position: relative; margin: 0 20px 50px; width: calc((100% - 160px) / 4);}
.accessories__item-img{display: block; padding-top: 100%; position: relative; margin-bottom: 20px; background-color: #EEF1F6; border-radius: 1px; overflow: hidden;}
.accessories__item-img img{display: block; width: auto; height: auto; max-width: 85%; max-height: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.accessories__item-img--no-wrap img{max-width: 108%; max-height: 108%;}
.accessories__item-name{display: block; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B;}
.accessories__item:hover .accessories__item-name{color: #3b5998;}
.accessories__item-descr{display: block; font-size: 14px; line-height: 22px; margin-top: 10px; color: #595C5E;}
.accessories__content{margin: 100px 0 150px;}
.body--diesel-engines .page-top{background-color: #EEF1F6; padding: 0 105px; margin: 0 -105px;}
.body--diesel-engines .page-top__content{padding: 74px 0; position: relative;}
.body--diesel-engines .page-top__product-img{display: inline-block; width: 44%;}
.body--diesel-engines .page-top__info{width: 50%; margin-right: 5%;}
.body--diesel-engines .page-top__info h1{margin: 80px 0 20px; max-width: 450px;}
.body--diesel-engines .page-top__info-det{display: inline-block;}
.body--diesel-engines .page-top__info-det .page-top__info-price {display: none;}
.body--diesel-engines .breadcrumps{position: absolute; top: 40px; left: 0;}
.page-top__info-company{margin: 20px 0 30px;}
.diesel-engines{margin: 100px 0 0;}
.diesel-engines__content{max-width: 800px; margin: 100px 0;}
.diesel-engines__title{margin-bottom: 20px;}
.diesel-engines__products-top{max-width: 800px;}
.diesel-engines__products-title{margin-bottom: 50px;}
.diesel-engines__products-descr{margin-bottom: 40px;}
.diesel-engines__items{margin: 0 -20px 100px;}
.diesel-engines__item{display: inline-block; vertical-align: top; margin: 0 20px 50px; position: relative; width: calc((100% - 160px) / 4);}
.diesel-engines__item-img{display: block; padding-top: 100%; border: 1px solid #EFF0F2; border-radius: 1px; background: #EEF1F6; margin-bottom: 20px; position: relative;}
.diesel-engines__item-img img{display: block; width: auto; height: auto; max-width: 85%; max-height: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.diesel-engines__item-name{display: block; margin-bottom: 10px;}
.diesel-engines__item a:hover .diesel-engines__item-name{color: #002B7E;}
.diesel-engines__item-table{display: block;}
.diesel-engines__item-table .tr{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px;}
.diesel-engines__item-table .td{display: block; font-size: 14px; line-height: 22px; color: #595C5E;}
.diesel-engines__item-table .td:last-child{text-align: right; color: #0D192B;;}
.diesel-engines__item-text{display: block; font-size: 14px; line-height: 22px; color: #0D192B; margin-bottom: 10px;}
.diesel-engines__item-application{display: block; font-size: 14px; line-height: 22px; color: #0D192B;}
.diesel-engines__item-application span{display: block;}
.diesel-engines__item-application span:first-child{color: #595C5E;}
.diesel-engines__col{display: inline-block; vertical-align: top; width: 50%; margin: 50px 0 100px;}
.diesel-engines__item-application a {text-decoration: underline;}
.diesel-engines__item-application a:hover {text-decoration: none;}
.diesel-engines__col:nth-of-type(1){padding-right: 2%;}
.diesel-engines__col:nth-of-type(2){padding-left: 2%;}
.diesel-engines__col h5{margin: 0 0 10px;}
.diesel-engines__col > div{margin: 0 0 40px;}
.diesel-engines__table{margin: 50px 0 100px; overflow: auto; width: 1070px;}
.diesel-engines__table .tr{border-bottom: 1px solid #D8D8D9;}
.diesel-engines__table .tr--header{border-top: 2px solid #D8D8D9; border-bottom: 2px solid #D8D8D9;}
.diesel-engines__table .td{vertical-align: middle; padding: 22px 5px 19px; text-align: center; font-size: 14px; line-height: 22px; color: #0D192B; display: table-cell;}
.diesel-engines__table .tr--header .td{padding: 6px 5px 8px;}
.diesel-engines__table .td--gary{background-color: #EFF0F2;}
.diesel-engines__table .td--col span{display: inline-block; vertical-align: middle; width: calc(200px / 3);}
.diesel-engines__table .tr--header .td--col span{border-top: 1px solid #D8D8D9; margin-top: 5px; padding-top: 5px;}
.diesel-engines__table .td--name{width: 170px; text-align: left;}
.diesel-engines__table .tr:not(.tr--header) .td--name{font-weight: bold;}
.diesel-engines__table .td--power{width: 87px;}
.diesel-engines__table .td--volume{width: 98px;}
.diesel-engines__table .td--count{width: 135px;}
.diesel-engines__table .td--consumption{width: 212px;}
.diesel-engines__table .td--dimensions{width: 143px;}
.diesel-engines__table .td--weight{width: 70px;}
.diesel-engines__table .td--application{width: 155px;}
.projects{margin: 0 0 100px;}
.projects-filter{margin-bottom: 40px;}
.select-holder{display: inline-block; vertical-align: top; position: relative; width: 100%; padding-top: 27px; cursor: pointer;}
.select-holder--3{width: calc((100% - 34px) / 3); margin-right: 17px;}
.select-holder--3.last{margin-right: 0;}
.select{font-size: 16px; line-height: 28px; color: #909EAB; background: #FFFFFF; border: 1px solid #E6E8EB; border-radius: 1px; width: 100%;}
.select .jq-selectbox__dropdown ul{padding: 0; margin: 0;}
.select .jq-selectbox__dropdown ul li{padding: 12px 15px;}
.select.focused .jq-selectbox__select-text,.select .jq-selectbox__dropdown ul li.selected,.select .jq-selectbox__dropdown ul li:hover{color: #0D192B;}
.select .jq-selectbox__dropdown ul li.selected,.select .jq-selectbox__dropdown ul li:hover{background-color: #f7f7f7;}
.select .jq-selectbox__select-text{padding: 11px 15px; position: relative;}
.select .jq-selectbox__select-text:after{content: ' '; display: block; width: 10px; height: 7px; background: url("/local/templates/comd2019/images/arr-down.svg") no-repeat center; background-size: contain; transform: translateY(-50%); position: absolute; right: 15px; top: 50%; transition: all .3s; z-index: 1;}
.select.opened .jq-selectbox__select-text:after{transform: translateY(-50%) rotate(-180deg);}
.select .jq-selectbox__dropdown{left: -1px; right: -1px; z-index: 10; background-color: #ffffff; border: 1px solid #E6E8EB; border-top: 0;}
.select.opened{border-bottom: 0;}
.select + span{display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px; color: #0D192B; position: absolute; top: 0; left: 0;}
.projects__items{margin: 40px 0;}
.projects__item{display: block; position: relative; margin-bottom: 20px; padding: 50px 50% 75px 53px; background: #F7F8FA; border-radius: 1px;}
.projects__item:hover{box-shadow: 0 24px 60px rgba(0, 0, 0, 0.1);}
.projects__item-img{display: block; width: 40%; position: absolute; top: 0; bottom: 0; right: 0; background: no-repeat center; background-size: cover;}
.projects__item-name{display: block; margin-bottom: 30px;}
.projects__item:hover .projects__item-name{color: #002B7E;}
.projects__item-power{display: block; margin-bottom: 20px; color: #002B7E;}
.projects__item-table{display: table; font-size: 14px; line-height: 22px;}
.projects__item-table .tr{display: table-row;}
.projects__item-table .td{display: table-cell; padding: 0 46px 10px 0; color: #595C5E;}
.projects__item-table .td:last-child{color: #0D192B; padding-right: 0;}
.nav{display: block; margin: 40px 0;}
.nav a{display: inline-block; vertical-align: top; text-align: center; min-width: 60px; height: 60px; font-size: 18px; line-height: 21px; color: #595C5E; border: 1px solid #E6E8EB; margin: 0 0 0 -1px; padding: 18px 0 0; background: no-repeat center;}
.nav a.active,.nav a:hover{color: #fff; border-color: #002B7E; background-color: #002B7E;}
.nav a.prev,.nav a.next{background-image: url(/local/templates/comd2019/images/arr-down.svg); transform: rotate(90deg); background-size: 15px;}
.nav a.next{transform: rotate(-90deg);}
.projects-bot{padding: 100px 105px; width: auto;}
.projects-bot .title-h1{margin-bottom: 20px;}
.projects-bot__info{display: inline-block; vertical-align: top; width: 40%; padding-right: 10%;}
.projects-bot__form{display: inline-block; vertical-align: top; width: 60%;}
.project-detail__task{margin-bottom: 50px;}
.project-detail__task-title{margin-bottom: 10px;}
.project-detail{margin: 0 0 100px;}
.project-detail__left,.project-detail__right{display: inline-block; vertical-align: top;}
.project-detail__left{width: 35%; padding-right: 5%;}
.project-detail__right{width: 65%;}
.project-detail__card{background: #F7F8FA; border: 1px solid #E6E8EB; border-radius: 1px; position: relative;}
.project-detail__card-top{padding: 30px;}
.project-detail__card-img{padding-top: 100%; background-color: #ffffff; border-top: 1px solid #E6E8EB; position: relative;}
.project-detail__card-img img{display: block; width: auto; height: auto; max-width: 85%; max-height: 85%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.body--project-detail h1{max-width: 80%;}
.project-detail__card-box{margin-bottom: 10px; color: #0D192B;}
.project-detail__card-box span:first-child{display: block; font-size: 14px; line-height: 22px; color: #595C5E; margin-bottom: 5px;}
.project-detail__card-box--power span:last-child{color: #002B7E;}
.project-detail__slider{position: relative;}
.project-detail__slider-item{padding-top: 65%; background: no-repeat center; background-size: cover;}
.project-detail__slider .owl-nav{top: auto; right: 0; bottom: 0;}
.project-detail__other-item{display: block; width: 425px; margin-right: 40px;}
.project-detail__other-item .projects__item-img{position: static; width: 100%; padding-top: 50%; margin-bottom: 20px;}
.press-center__items{margin: 50px 0 150px;}
.press-center__bot{margin: 150px 0; font-size: 14px; line-height: 22px; color: #595C5E;}
.press-center__item{display: inline-block; vertical-align: top; margin: 0 20px 40px; width: calc((100% - 120px) / 3); background-color: #F7F8FA; border: 1px solid #EFF0F2; border-radius: 1px; position: relative; padding: 112px 40px 26px; color: #002B7E;}
.press-center__item.last{width: calc((100% - 120px) / 3 * 2 + 40px);}
.press-center__item:after{content: ' '; display: block; width: 25px; height: 25px; background: url(/local/templates/comd2019/images/arr-link.svg) no-repeat center; background-size: contain; position: absolute; top: 20px; right: 20px;}
.press-center__item:hover:after{filter: brightness(100);}
.press-center__item:hover{background-color: #002B7E; border-color: #002B7E; color: #ffffff;}
.news{margin: 50px 0 150px;}
.news__items{margin: 0 -20px;}
.news__items .main-news__item{display: inline-block; vertical-align: top; margin: 0 20px 40px; width: calc((100% - 120px) / 3);}
.video__items{margin: 0 -20px;}
.video__item{display: inline-block; vertical-align: top; margin: 0 5px 40px; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B; position: relative; width: calc((100% - 120px) / 3);}
.video__item-img{display: block; padding-top: 66%; background: no-repeat center; background-size: cover; position: relative; margin-bottom: 20px;}
.video__item-btn{display: block; width: 72px; height: 72px; background: #FFFFFF; border-radius: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.video__item-btn:after{content: ' '; display: block; width: 24px; height: 24px; background: url(/local/templates/comd2019/images/play.svg) no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.e-catalog__item:hover,.video__item:hover{color: #002B7E;}
.video__item:hover .video__item-btn{background: #002B7E;}
.video__item:hover .video__item-btn:after{filter: brightness(100);}
.e-catalog__items{margin: 0 -20px;}
.e-catalog__item{display: inline-block; vertical-align: top; margin: 0 20px 60px; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B; position: relative; width: calc((100% - 120px) / 3);}
.e-catalog__item .main-news__item-img{display: block; margin-bottom: 20px; background: #EFF0F2; padding: 10px;}
.e-catalog__item .main-news__item-img img{display: block; width: 100%;}
.main-news__item-special .main-news__item-type{background-color: #ec6d22;}
.special{padding: 0 0 100px;}
.subscribe{padding: 70px 105px;}
.subscribe-form{position: relative;}
.subscribe-input{padding-right: 170px;}
.subscribe-btn{position: absolute; top: 0; right: 0; height: 52px;}
.subscribe .projects-bot__info{width: 44%; padding-right: 3%;}
.subscribe .projects-bot__form{width: 56%;}
.body--press-detail .page-top{margin: 0 -105px; padding: 40px 105px 0; position: relative; background: url("/local/templates/comd2019/images/m-about-1.jpg") no-repeat center; background-size: cover;}
.body--press-detail h1{margin: 40px 0; max-width: 1000px;}
.body--press-detail h1,.body--press-detail .breadcrumps a {color: #ffffff;}
.body--press-detail .breadcrumps a:after {background-color: #fff;}
.page-top__date{display: none; font-weight: bold; font-size: 12px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; margin: 235px 0 40px;}
.body--press-detail .page-top__date{display: block;}
.body--press-detail .page-top__content{z-index: 1;}
.body--press-detail .page-top:after{content: ' '; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); z-index: 0;}
.press-detail{max-width: 700px; margin: 50px auto 150px; font-size: 18px; line-height: 30px; color: #0D192B;}
.press-detail p{margin: 0 0 20px;}
.press-detail h2{margin: 50px 0 20px;}
.press-detail ul,.press-detail ol{padding-left: 20px; margin: 20px 0;}
.press-detail ul li,.press-detail ol li{margin-bottom: 10px;}
.press-detail a {text-decoration: underline;}
.press-detail a:hover {text-decoration: none;}
.press-detail img {max-width: 100%;}
.press-detail img[align="left"] {margin: 10px 20px 10px 0;}
.press-detail img[align="right"] {margin: 10px 0 10px 20px;}
.press-detail table td,.press-detail table th {padding: 5px 10px; border: 1px solid #E6E8EB;}
.press-detail .project-detail__slider {margin: 50px 0;}
.press-detail .project-detail__slider img,.partners-history .project-detail__slider img {max-width: 100%;}
.press-detail__rss{margin: 50px 0;}
.press-detail__rss-item{cursor: pointer; display: inline-block; vertical-align: top; width: 200px; min-height: 56px; padding: 13px 20px 11px 118px; border: 1px solid #E6E8EB; margin-right: -1px; position: relative;}
.press-detail__rss-item .likely__icon {display: none;}
.press-detail__rss-item:before{content: ''; display: block; width: 10px; height: 20px; background: no-repeat center; background-size: contain; position: absolute; top: 50%; left: 80px; transform: translateY(-50%); filter: grayscale(2);}
.press-detail__rss-item:hover:before{filter: none;}
.rss-item--fb:before{width: 16px; height: 30px;}
.rss-item--fb:before{background-image: url("/local/templates/comd2019/images/rss-fb.svg");}
.rss-item--vk:before{width: 30px; height: 17px;}
.rss-item--vk:before{background-image: url("/local/templates/comd2019/images/rss-vk.svg");}
.rss-item--tg:before{width: 30px; height: 25px;}
.rss-item--tg:before{background-image: url("/local/templates/comd2019/images/rss-tg.svg");}
.tender-top{margin-bottom: 100px; max-width: 800px ;}
.tender-bot{margin: 100px 0;}
.tender-bot__title{max-width: 550px; margin-bottom: 40px;}
.tender-bot__items{margin: 0 -20px;}
.tender-bot__item{display: inline-block; vertical-align: top; width: calc(50% - 40px); margin: 0 20px 40px; padding-left: 58px; position: relative; color: #595C5E;}
.tender-bot__item:before{content: ' '; display: block; width: 41px; height: 41px; background: url("/local/templates/comd2019/images/file.svg") no-repeat center; background-size: contain; position: absolute; left: 0; top: 50%; transform: translateY(-50%); filter: grayscale(1);}
.tender-bot__item:hover{color: #002B7E;}
.tender-bot__item:hover:before{filter: none;}
.tender-form{padding: 100px 105px;}
.tender-form__left,.tender-form__right{display: inline-block; vertical-align: top;}
.tender-form__left{width: 40%; padding-right: 6%;}
.tender-form__right{width: 60%;}
.tender-form__title{margin-bottom: 20px;}
.service__items{margin: 0 -20px 100px;}
.service__item{display: inline-block; vertical-align: top; margin: 0 20px 40px; width: calc((100% - 120px) / 3); border: 1px solid #E8EAED; border-radius: 1px; font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 22px; line-height: 32px; color: #162948; padding-top: 24.123%; position: relative; background: #F7F8FA;}
.service__item span{display: inline-block; position: absolute; bottom: 25px; left: 51px; right: 20px;}
.service__item:hover{color: #FFFFFF; background-color: #162948;}
.service__item:after{content: ' '; display: block; width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; background: url("/local/templates/comd2019/images/arr-link.svg") no-repeat center; background-size: contain;}
.service__item:hover:before,.service__item:hover:after{filter: brightness(100);}
.service__item:before{content: ' '; display: block; width: 50px; height: 50px; position: absolute; top: 30px; left: 51px; background: no-repeat center; background-size: contain;}
.service__item--delivery:before{background-image: url("/local/templates/comd2019/images/serv-ico-1.svg");}
.service__item--warranty:before{background-image: url("/local/templates/comd2019/images/serv-ico-2.svg");}
.service__item--commissioning:before{background-image: url("/local/templates/comd2019/images/serv-ico-3.svg");}
.service__item--service:before{background-image: url("/local/templates/comd2019/images/serv-ico-4.svg");}
.service__item--maintenance:before{background-image: url("/local/templates/comd2019/images/serv-ico-5.svg");}
.service__item--diagnostics:before{background-image: url("/local/templates/comd2019/images/serv-ico-6.svg");}
.service__item--training:before{background-image: url("/local/templates/comd2019/images/serv-ico-7.svg");}
.service__item--supply:before{background-image: url("/local/templates/comd2019/images/serv-ico-8.svg");}
.service__item--leasing:before{background-image: url("/local/templates/comd2019/images/serv-ico-9.svg");}
.service__item--center:before{background-image: url("/local/templates/comd2019/images/serv-ico-10.svg");}
.service__item--rainprof:before{background-image: url("/local/templates/comd2019/images/serv-ico-11.svg");}
.service-detail{margin: 0 0 100px;}
.service-detail img {width: 100%; margin: 0 0 100px;}
.service-detail__info{max-width: 700px; margin: 0 auto;}
.service-detail__content > img{margin: 50px 0 60px;}
.service-detail__content h2{margin: 50px 0 10px;}
.service-detail__content h4{margin: 40px 0 10px;}
.service-detail__content .project-detail__slider{margin: 50px 0 100px;}
.service-detail__content .images img{display: inline-block; vertical-align: top; line-height: 0; width: calc(50% - 20px); margin-top: 50px; margin-bottom: 60px;}
.service-detail__content img + img{margin-left: 40px;}
.service-detail__content .images + h4{margin: -40px 0 10px;}
.service-detail__content .images {font-size: 0; line-height: 0;}
.service-detail__content li {margin-bottom: 15px;}
.service-detail__content ol,.service-detail__content ul {margin: 10px 0;}
.service-detail__content li li {margin-bottom: 10px;}
.contacts-branches{margin: 100px 0;}
.contacts-branches .title-h2{margin-bottom: 40px;}
.contacts-branches__items{columns: 6; column-gap: 30px;}
.contacts-branches__items a{display: block; margin-bottom: 15px;}
.contacts-branches__items a:hover{color: #002B7E;}
.contacts__right,.contacts__left{display: inline-block; vertical-align: top; width: 50%;}
.contacts__right{width: calc(50% + 125px); margin-right: -105px;}
.contacts__right img {display: block; max-width: 100%; margin: 40px 0;}
.contacts__left{width: calc(50% - 20px); padding-right: 6%;}
#mapInner, #map, #map-contacts {height: 396px; margin-bottom: 50px;}
.social--blue{margin: 30px -10px 0;}
.social--blue a{filter: grayscale(1) brightness(2); width: 34px; height: 28px;}
.social--blue .social-item--fb{background-image: url("/local/templates/comd2019/images/social-ico-blue.svg");}
.social--blue .social-item--vk{background-image: url("/local/templates/comd2019/images/social-ico-vk.svg");}
.social--blue .social-item--inst{background-image: url("/local/templates/comd2019/images/social-ico-inst.svg");}
.social--blue .social-item--tw{background-image: url("/local/templates/comd2019/images/social-ico-tw.svg");}
.social--blue .social-item--yt{background-image: url("/local/templates/comd2019/images/social-ico-yt.svg");}
.contacts-drop__info-item{margin-bottom: 10px;}
.contacts-drop__info-item a,.contacts__box-info a{color: #5d5b5b;}
.contacts-drop__info-item a:hover,.contacts__box-info a:hover{color: #002B7E;}
.contacts-drop__info-item--link a {border-bottom: 1px dashed #5d5b5b}
.contacts-drop__info-item--link a:hover {border-bottom-color: #002B7E}
.contacts-drop__info-link{display: inline-block; vertical-align: top; font-size: 14px; line-height: 22px; color: #0D192B; border-bottom: 1px dashed #5d5b5b;}
.contacts-drop__info-link:hover{border-color: #0D192B;}
.contacts__box{margin-bottom: 20px;}
.contacts__box-title{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #0D192B; margin-bottom: 10px;}
.contacts__box-bot{margin: 40px 0;}
.contacts__box-bot a{display: inline-block; color: #595C5E; border-bottom: 1px solid #E6E8EB; margin-bottom: 10px;}
.contacts__box-bot a:hover{border-bottom-color: #595C5E;}
.cities__generators{margin: 0 0 100px;}
.cities__generators-content{margin: 100px 0 150px; font-weight: 300; font-size: 14px; line-height: 22px;}
.cities__generators .diesel-production__filter-right{vertical-align: middle;}
.cities__generators .diesel-production__filter .title-h2{display: inline-block; vertical-align: middle; width: calc(100% - 350px); margin-bottom: 22px;}
.contacts-drop__managers{min-width: 1024px; margin: 50px 0; overflow: hidden;}
.contacts-drop__managers .tabs-links{margin-bottom: 30px;}
.contacts-drop__managers .menu{background-color: transparent; box-shadow: none;}
.contacts-drop__managers .title-h5{line-height: 28px;}
.li--header,.compare-product h3,.features .top-info{font-family: 'PF DinDisplay Pro', 'Roboto', 'Arial', sans-serif; font-weight: bold; font-size: 17px; line-height: 26px; color: #0D192B;}
.compare-product img{display: block; margin: 20px auto 30px; outline: 1px solid #E6E8EB; outline-offset: 10px;}
.cd-features-list li,.cd-products-wrapper{border-left: 0; border-right: 0;}
.cd-features-list li{border-bottom: 0;}
.cd-products-table .features,.cd-products-table .top-info,.features .top-info{border: none;}
.cd-products-table .features{background-color: transparent; border-top: 1px solid #D8D8D8;}
.compare-table:after,.compare-table:before{content: ''; display: block; width: 105px; background-color: #ffffff; position: absolute; top: 0; left: 0; bottom: 0; z-index: 10;}
.compare-table:after{left: auto; right: 0;}
.compare-product:nth-child(2n+1){background: #F4F4F4;}
.compare-product__img{display: block; width: 90%; height: 149px; background: #F7F8FA url("/local/templates/comd2019/images/plus--big.svg") no-repeat center; background-size: 62px; border: 1px solid #E6E8EB; box-sizing: border-box; border-radius: 1px; margin: 10px 0; color: #909eab; transition: all .3s;}
.top-fixed .compare-product__img{height: 100px; margin: 0;}
.compare-product__img:hover{background-color: transparent;}
.cd-products-table .features .top-info{padding: 20px 10px;}
.cd-features-list .li--header{background-color: #fff; border-top: 2px solid #E6E8EB; border-bottom: 1px solid #E6E8EB;}
.features .cd-features-list li.li--header{overflow: visible;}
.features .cd-features-list li.li--header:after{display: none;}
.menu-holder__close,.mobile-only,.burger {display: none;}
.projects-bot.order-form .input-holder:not(.input-holder--file){padding-top: 0;}
.cd-products-table.scrolling .features {box-shadow: 0 0 24px rgba(0,0,0,.1);}
.header-top .logo { position: relative;margin-right: 20px;}
.header-top .social .social-item {padding: 18px;border: 2px solid #E8EAED;filter: none !important;}
.header-top .social .social-item svg {fill: #002F87;}
.mobile-only .call_phone_1 {font-weight: 600 !important; font-size: 20px !important; color: #002f87 !important;}
.mobile-only .call_phone_1_desc {font-weight: 400 !important; font-size: 14px !important; color: #7f7f7f !important;}
.header-phone__desc {font-weight: 400; font-size: 14px; color: #7f7f7f;}
.header-phone__wrapper {display: flex; align-items: center; gap: 8px;}
.mobile-only__phone {margin-top: 40px; margin-right: 0; width: 100%;}
/* .header-phone .social{
  margin: 0;
}
.header-phone .social .social-item
{
  filter: none;
}
.header-phone .social .social-item:hover {
  filter: #ec6d22;
} */

.header-top__right .social{
    margin: 0;
    display: contents;
}
.header-top__right .social .social-item
{
    filter: none;
}
.header-top__right .social .social-item:hover {
    filter: #ec6d22;
}
@media screen and (min-width: 1921px){.menu-holder{left: calc(340px + 2%) !important;}
}
@media screen and (min-width: 1885px){.main-top__item{-ms-flex-align: center; align-items: center;}
    .logo{position: relative; z-index: 20;}
    .service__item{width: calc((100% - 190px) / 5);}
    .menu-holder{display: inline-block; vertical-align: top; /*position: absolute;*/ left: 340px; right: 660px; top: 12px;}
    .menu.menu--top{box-shadow: none;}
    .header-phone{margin-right: 3%;}
    .header-top__right .btn--orange{padding: 14px 24px 12px; right: 125px;}
    .main{margin-top: 126px;}
}
@media screen and (min-width: 1650px){.header-phone{margin-right: 2%;}
    .main-advantages__ul li:before {transform: translateY(-73%);}
    .footer-top {display: inline-block; vertical-align: top; width: 30%;}
    .footer-mid{display: inline-block; vertical-align: top; width: 70%; padding-left: 5%;}
    .footer-col--right{top: 105px;}
    .footer-col--pre-right{position: absolute; right: 55px; top: 0;}
    .footer-col:nth-child(3){margin-right: 0;}
    .footer-premium{display: block;}
}
@media screen and (min-width: 1570px){
    .service__items.detail_item {display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: calc((100% - 1240px) / 4);}
}
.detail_item .service__item { padding-top: 18%; }
@media screen and (min-width: 1490px){
	.service__item{width: calc((100% - 160px) / 4); padding-top: 20%; font-size: 1.3vw; line-height: 1.2;}
    .service__item:before{width: 15%; height: 0; padding-top: 15%;}
    .detail_item .service__item { width: calc((100% - 175px) / 4); max-width: 300px; padding-top: 14%; }
    .service__items.detail_item {display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: calc((100% - 1300px) / 4);}
}
@media screen and (max-width: 1400px) {.diesel-engines__item{width: calc((100% - 120px) / 3);}
}
@media screen and (max-width: 1300px) {.header--min .menu--top > li:not(:last-of-type){margin-right: 17px;}
}
@media screen and (min-width: 1281px){.diesel-engines__table,.diesel-engines__content,.production-section__bot,.service-detail__info,.product-detail__synchronizing-info,.stationary-generator__text,.stationary-generator__content,.diesel-sections__descr,.partners__top,.energy-complexes__models-top,.block-containers__content,.generators-BOM__content{max-width: 74.8%;}
    .stationary-generator__content > .stationary-generator__text,.content{max-width: 100%;}
    .header-top .logo:before{ 
        content: " ";
        background: #d9d9d9;
        width: 1px;
        height: 30px;
        top: 15px;
        right: 0;
        position: absolute;
    }
}
@media screen and (max-width: 1270px){.about-production-capacity__col:first-child{display: block; margin-bottom: 20px;}
}
@media screen and (max-width: 1190px){.bg--gray {padding: 0 30px; margin: 0 -30px;}
    .bg--gray.subscribe {padding: 60px 30px;}
    .main{padding: 0 30px; margin: 126px auto 0;}
    header{padding: 0;}
    .menu-holder{margin: 0 auto; max-width: 1200px; padding: 0 30px;}
    .header-top{max-width: 1200px; margin: 0 auto; padding: 20px 0 11px; border-bottom: 0; position: relative;}
    .header-top:after{content: ''; position: absolute; bottom: 0; right: -105px; left: -105px; height: 1px; background-color: #F2F2F2;}
    .header--min .menu--top > li > a {padding: 15px 0 9px;}
    .header-top__right .btn--orange {padding: 14px 24px 12px;}
    .header-top__right{padding-right: 30px;}
    .vacancies-relevance {padding: 80px 30px; margin: 0 -30px;}
    .vacancies-resume {padding: 80px 30px; margin: 0 -30px;}
    .products-line {padding: 100px 30px 70px; margin: 0 -30px;}
    .owl-carousel.products-line__items {margin: 0 -30px; width: calc(100% + 60px);}
    .owl-carousel.partners-certs__items {margin: 0 -30px; width: calc(100% + 60px);}
    .owl-carousel.partners-certs__items .owl-stage-outer {padding-left: 15px;}
    .production-own__box{padding: 60px 30px; margin: 0 -30px; width: calc(100% + 60px);}
    .about-warranty{padding: 60px 30px; margin: 0 -30px;}
    .about-services{padding: 100px 30px; margin: 0 -30px;}
    .about-promo{padding: 56px 30px; margin: 0 -30px;}
    .about-accessories {padding: 100px 30px 70px; margin: 0 -30px;}
    .about-application {padding: 100px 30px; margin: 0 -30px;}
    .about-projects {padding: 100px 30px 90px; margin: 0 -30px;}
    .about-projects__items{margin: 0 -30px; width: auto;}
    .main-clients {padding: 100px 30px; margin: 0 -30px;}
    .main-about {padding: 100px 30px 70px; margin: 0 -30px;}
    .main-projects {margin: 0 -30px 100px; padding: 100px 30px 0;}
    .selection {margin: 0 -30px; padding: 100px 30px;}
    .main-reason {padding: 150px 30px 130px 32%; margin: 0 -30px;}
    .main-reason__title{left: 30px;}
    .main-top{margin: 0 -30px;}
    .main-top__item {padding: 17px 3% 82px;}
    .main-top__item-info {width: 100%;}
    .main-clients .owl-nav{right: 0;}
    .main-about__slider{margin: 0 -30px; position: relative; width: calc(100% + 60px);}
    .diesel-variants {padding: 100px 30px;}
    .diesel-sections {padding: 50px 15px 49px;}
    .projects-bot {padding: 100px 30px;}
    .page-top__product-descr{padding: 20px 30px 0; margin: 0 -30px;}
    .products-brands__variables {padding: 100px 30px 83px;}
    .products-brands__parallel {padding: 100px 30px;}
    .products-brands__service {padding: 100px 30px;}
    .mobile-only .header-phone{margin-bottom: 20px;}
    .mobile-only .header-phone a{font-weight: bold;}
    .compare-table:after,.compare-table:before{display: none;}
    .about-clients {padding: 120px 30px 68px;}
    .stationary-generator__order {padding: 100px 30px;}
    .stationary-generator__features {padding: 100px 30px;}
}
@media screen and (max-width: 1140px){.header-phone{margin-right: 6%;}
    .about-calc__item b{font-size: 52px; line-height: 64px;}
}
@media screen and (max-width: 1023px){body, html {font-size: 16px; line-height: 24px;}
    .detail_item .service__item { padding-top: 20%; }
    .mobile-only,.burger {display: block;}
    .header-top__right .header-phone{display: none;}
    .header-top {padding: 20px 30px 11px; margin: 0 -30px; position: relative; z-index: 21; background-color: #fff;}
    .menu-holder{position: fixed; top: 72px; left: 0; right: 0; background-color: #ffffff; padding: 25px 88px 40px; z-index: -1; transform: translateY(-100%); transition: all 1s; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
    .menu-holder.opened{transform: translateY(0); z-index: 20;}
    .menu-holder .menu{columns: 2; column-gap: 90px; box-shadow: none;}
    .menu-holder .menu li {display: block;}
    .menu-holder .menu li a{padding: 0; margin: 0 0 25px; border-bottom: 0; font-size: 24px; line-height: 36px;}
    .menu-holder .menu a:hover,.menu-holder .menu a.active{border-bottom: 0;}
    .menu-holder .mobile-only{padding: 0 100px 10px; margin: 0 -100px 30px; border-top: 1px solid #F2F2F2;}
    .menu-holder .header-phone:first-child{margin-right: 170px;}
    .header-phone__title {font-size: 14px; line-height: 26px;}
    .mobile-only .header-phone a {font-size: 20px;}
    .menu-holder__close{display: block; position: fixed; top: 72px; bottom: 100%; right: 0; left: 0; z-index: -1; opacity: 0; background-color: rgba(0,0,0,.5); transition: opacity 1s;}
    .menu-holder__close.opened{opacity: 1; z-index: 9; bottom: 0;}
    .menu-scroll {width: calc(100% + 60px); overflow: auto; margin: 0 -30px;}
    .menu-scroll::-webkit-scrollbar {display: none;}
    .menu {width: max-content; min-width: 100%; padding: 0 30px; margin: 0;}
    .menu.menu--top {padding: 0;}
    .main, header{padding: 0 30px;}
    .main{margin-top: 73px; overflow: hidden;}
    .header-top__right{padding-right: 0; }
    .header-top__right .btn--orange{position: static;}
    .burger {display: inline-block; vertical-align: top; width: 45px; height: 45px; border: 2px solid #E8EAED; border-radius: 1px; margin-left: 10px; padding: 2px 0;}
    .menu-wrapper {display: block; margin: auto; width: 25px; height: 25px; cursor: pointer; padding: 17px 0;}
    .hamburger-menu,.hamburger-menu:after,.hamburger-menu:before {width: 25px; height: 2px;}
    .hamburger-menu {display: block; position: relative; background: #0D192B; border-radius: 20px; transition: all 0ms 300ms;}
    .hamburger-menu.animate {background: rgba(255, 255, 255, 0);}
    .hamburger-menu:before {content: ""; position: absolute; left: 0; bottom: 6px; background: #0D192B; border-radius: 20px; transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
    .hamburger-menu:after {content: ""; position: absolute; left: 0; top: 6px; background: #0D192B; border-radius: 20px; transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
    .hamburger-menu.animate:after {top: 0; transform: rotate(45deg); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
    .hamburger-menu.animate:before {bottom: 0; transform: rotate(-45deg); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);}
    .logo {display: inline-block; vertical-align: top; width: 185px;}
    h1,.title-h1 {font-size: 44px; line-height: 50px; margin-bottom: 20px;}
    h2,.title-h2 {margin-bottom: 20px;}
    h3,.title-h3 {font-size: 24px; line-height: 36px;}
    h4,.title-h4 {font-size: 22px; line-height: 32px;}
    h5,.title-h5 {font-size: 18px; line-height: 26px; margin-bottom: 20px;}
    .main-top__nav {right: 80px; top: auto; bottom: 17px; writing-mode: horizontal-tb; left: 80px;}
    .main-top__nav span:after{width: auto; top: auto; bottom: 8px; right: -100vw; transform: none; left: 140%; height: 1px;}
    .main-top .owl-nav > div.owl-prev {top: auto; transform: rotate(-180deg); bottom: 0; left: 5px;}
    .main-top .owl-nav > div.owl-next {bottom: 0; transform: rotate(0deg); right: 5px;}
    .main-top__item {padding: 75px 30px 100px;
        /* display: block; */
        }
    .main-top__item-info{display: block; width: 100%; margin: 0 auto 60px; float: none;}
    /* .main-top__img{display: block; width: 100%; margin: 0 auto 60px; float: none;} */
    .main-service__text,.main-top__item-text {margin-bottom: 40px;}
    .main-top__item-info{margin-bottom: 0; padding: inherit; position: inherit;}
    .main-service{padding: 100px 0;}
    .main-service__info{margin-bottom: 60px;}
    .main-service__img {position: relative; width: calc(100% + 60px); top: auto; right: auto; height: 0; padding-top: 81.5%; margin-right: -30px;}
    .main-reason__title{position: static; margin-bottom: 40px; max-width: 100%;}
    .main-reason__title span:first-child{display: inline-block; vertical-align: middle; margin: 0 52px 0 0;}
    .main-reason__title span:last-child{display: inline-block; vertical-align: middle; width: calc(100% - 230px);}
    .main-reason__items{margin: 0 -30px; width: auto;}
    .main-reason__items .owl-stage-outer{padding-left: 30px;}
    .main-reason__item{width: 585px; margin: 0 30px 0 0;}
    .selection__tab-link{font-size: 22px; line-height: 32px;}
    .selection-check__holder{padding: 19px 40px 7px 22px;}
    .selection__form-range .title-h5{display: block; margin: 0 0 20px;}
    .selection__engine-col{width: 42%;}
    .selection__form-count {padding: 13px 30px; font-size: 16px; line-height: 24px;}
    .main-projects__text{margin-bottom: 40px;}
    .main-projects__btn{margin-bottom: 60px;}
    .main-projects__bg{width: 93%; left: 50%;}
    .main-news {margin: 100px 0;}
    .main-news__title {width: 50%; max-width: 400px;}
    .main-news__all{top: 9px;}
    .main-news__items {margin-right: -30px; width: calc(100% + 30px);}
    .owl-nav{right: 30px;}
    .main-news__item-info{padding: 26px 36px 40px;}
    .main-news__item--publication .main-news__item-info{padding: 36px 36px 40px;}
    .main-about__info ul{column-gap: 0; columns: 1;}
    .main-about__slider-item {padding-top: 68.5%;}
    .main-stat.fix{right: 30px; left: 30px;}
    .main-stat__info {columns: 1; column-gap: 0;}
    .main-advantages {padding: 100px 0;}
    .main-advantages .title-h1{max-width: 100%;}
    .main-advantages__col{display: block; width: 100%; margin: 0 0 30px;}
    .main-advantages__col:last-child{width: 100%; margin-bottom: 0;}
    .main-advantages__ul{margin: 0 -20px;}
    .main-advantages__ul li{display: inline-block; width: 50%; padding: 65px 20px 0; margin-bottom: 37px;}
    .main-advantages__ul li:before{top: 0; transform: none; left: 20px;}
    .main-clients .title-h1{margin-bottom: 60px; text-align: left;}
    .main-clients__list{margin: 0;}
    .main-clients__item{margin: 0; height: 130px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center;}
    .main-reason {padding: 80px 30px 100px;}
    footer{padding: 40px 30px 0;}
    .footer-mid{padding-right: 0; margin-bottom: 0;}
    .footer-col--right{position: static; width: 50%;}
    .footer-col:nth-child(4){margin-right: 10px;}
    .footer-col:nth-child(4) .footer-title{display: inline-block; vertical-align: top; margin-right: 20px;}
    .footer-col .footer-phones,.footer-col .social{display: inline-block; vertical-align: top;}
    .footer-col .social {margin: 0 18px 0 -10px;}
    .footer-bot a:not(.prominado){position: absolute; right: 0; top: 30px;}
    .prominado{top: 50px; transform: none;}
    .page-top {padding: 0;}
    .breadcrumps {padding-top: 30px; margin: 0 0 30px;white-space: nowrap;overflow-x: scroll;}
    main h1 {margin: 0 0 20px;}
    .about-age {margin: 50px 0 100px;}
    .about-age__left,.about-age__right {display: block; width: 100%; padding: 0;}
    .about-age__left{margin-bottom: 50px;}
    .about-age__bg {right: 0; bottom: 1px; top: 1px; left: 1px;}
    .about-age__info{width: 50%;}
    .about-calc__item{width: 50%; margin-bottom: 40px;}
    .about-calc__item b{font-size: 44px; line-height: 50px;}
    .about-projects__item{width: 330px; min-height: 348px; margin: 0 15px;}
    .about-developer {margin: 100px 0; padding-right: 0;}
    .about-developer__info{margin-bottom: 40px;}
    .about-developer__img{position: relative; width: 100%; right: auto; top: auto; padding-top: 80%;}
    .about-production-capacity__col:first-child{padding: 0; margin: 0 0 40px;}
    .about-clients {padding: 100px 30px; margin: 0 -30px;}
    .about-location {margin: 100px 0;}
    .about-location__text {columns: 1; column-gap: 0; margin-bottom: 40px;}
    .about-application__item {background-color: #ffffff; padding: 60px 0 0; position: relative;}
    .about-application__item-info {padding: 0 50px;}
    .owl-carousel .owl-item.about-application__item img{margin: 0 0 40px;}
    .about-application__item-text{margin-bottom: 130px;}
    .about-application__item-img {width: 100%; position: static; height: 500px;}
    .about-application__item-count{bottom: 515px; left: 30px;}
    .about-application .owl-nav {right: 0; top: 0; bottom: auto; transform: translateY(0);}
    .about-product {margin: 100px 0; position: relative; padding-left: 0;}
    .about-product__info{margin-bottom: 40px;}
    .about-product__img {position: relative; left: auto; top: auto; bottom: auto; right: auto; padding-top: 65%;}
    .about-philosophy {margin: 100px 0;}
    .about-philosophy__left,.about-philosophy__right{display: block; width: 100%;}
    .about-philosophy__left{margin-bottom: 40px;}
    .about-philosophy__5s,.about-philosophy__descr{display: inline-block; vertical-align: top; margin-bottom: 0;}
    .about-philosophy__5s{width: 58%;}
    .about-philosophy__descr{padding-left: 5%; font-size: 18px; line-height: 26px; width: 41%; margin-bottom: 30px;}
    .about-philosophy__5s{padding: 40px 30px;}
    .about-philosophy__5s-title{font-size: 84px; line-height: 98px; margin-right: 20px;}
    .about-philosophy__5s-ul ul{font-size: 18px; line-height: 26px;}
    .about-promo__left,.about-promo__right {display: block; width: 100% ; padding: 0; margin: 0 0 50px;}
    .about-promo__right{margin-bottom: 0;}
    .about-promo__box{padding: 60px 50px;}
    .about-promo__box .about-promo__text {margin-bottom: 0; display: inline-block; vertical-align: middle; width: 49%; padding-right: 4%;}
    .about-promo_rt{line-height: 50px; display: inline-block; vertical-align: middle; width: 49%;}
    .about-promo_rt b{font-size: 44px; line-height: 50px;}
    .about-opportunities {margin: 100px 0;}
    .about-opportunities__text {columns: 1; column-gap: 0;}
    .about-services__descr{font-size: 22px; line-height: 32px; margin-bottom: 40px;}
    .about-services__item {margin-bottom: 40px;}
    .about-services__item img,.about-services__item svg{margin-bottom: 25px;}
    .about-warranty .title-h1{position: static; max-width: 100%; margin-bottom: 20px;}
    .production-own{margin: 100px 0 0;}
    .production-own__left,.production-own__right{display: block; width: 100%; padding: 0;}
    .production-own__left{margin-bottom: 40px;}
    .production-own__item{display: inline-block; vertical-align: top; width: 32%;}
    .production-own__item-count{font-size: 44px; line-height: 50px;}
    .production-own__item-count b{font-size: 24px; line-height: 36px;}
    .production-columns {margin: 100px 0 65px;}
    .production-col{display: block; width: 100%; padding: 0; margin: 0;}
    .production-problem {margin: 100px 0;}
    .production-problem__text {columns: 1; column-gap: 0;}
    .owl-carousel.products-line__items .owl-stage-outer {padding-left: 14px;}
    .partners-certs__items .owl-nav{right: 42px;}
    .partners__drop-name{margin-bottom: 0;}
    .partners__drop-info {padding: 40px 0 50px;}
    .employee{width: calc((100% - 60px) / 3);}
    .vacancies-offer {margin: 100px 0 60px;}
    .vacancies-offer__item {margin-bottom: 40px; padding-left: 0; padding-top: 70px;}
    .vacancies-relevance__right .employee {width: calc((100% - 60px) / 2);}
    .vacancies-resume__form,.vacancies-resume__form-descr{display: block; width: 100%; padding: 0;}
    .vacancies-resume__form{margin-bottom: 30px;}
    .production__item{margin-bottom: 40px;}
    .production__item-name{font-size: 22px; line-height: 26px;}
    .diesel-sections__item{padding: 50px 30px;}
    .diesel-sections__item-name{margin-bottom: 20px;}
    .diesel-production .tr--header{display: none;}
    .diesel-production__filter{padding-bottom: 40px; position: relative;}
    .diesel-production__filter-show{margin-right: 10px;}
    .diesel-production__filter-right{width: calc(100% - 195px);}
    .diesel-production__filter-pack{position: absolute; bottom: 0; left: -20px;}
    .diesel-production__img{max-width: 123px; max-height: 80px; margin-bottom: 20px;}
    .diesel-production__name{display: inline-block;}
    .diesel-production .tr:not(.tr--power){position: relative; padding: 20px 0 20px 30%;}
    .diesel-production .td--model {display: inline-block; width: 190px; position: absolute; top: 0; left: 0;}
    .diesel-production .td--power .col,.diesel-production .td--expenditure,.diesel-production .td--tank,.diesel-production .td--price,.diesel-production .td--generator,.diesel-production .td--engine,.diesel-production .td--power {width:100%; text-align: left; padding: 0; margin-bottom: 10px;}
    .diesel-production .td--power .col{padding-left: 0;}
    .diesel-production .td--price .btn{position: absolute; left: 0; bottom: 70px; max-width: 190px; padding: 10px 61px;}
    .diesel-production .td--power .col span{display: inline-block;}
    .diesel-production .td--power .col span:first-child:after{content: '/'; display: inline-block; margin: 0 5px;}
    .diesel-production .td--price:before,.diesel-production .td--expenditure:before,.diesel-production .td--tank:before,.diesel-production .td--generator:before,.diesel-production .td--engine:before,.diesel-production .td--power .col:last-child:before,.diesel-production .td--power .col:first-child:before{content: 'Основная мощность'; display: inline-block; font-size: 14px; line-height: 22px; color: #595C5E; padding-right: 50px;}
    .diesel-production .td--expenditure:before,.diesel-production .td--tank:before,.diesel-production .td--generator:before,.diesel-production .td--engine:before,.diesel-production .td--power .col:last-child:before,.diesel-production .td--power .col:first-child:before {position: absolute; top: 0; left: 0;}
    .diesel-production .td--expenditure,.diesel-production .td--tank,.diesel-production .td--generator,.diesel-production .td--engine,.diesel-production .td--power .col:last-child,.diesel-production .td--power .col:first-child {position: relative; padding-left: 190px;}
    .diesel-production .td--power .col:last-child:before{content: 'Резервная мощность'; padding-right: 44px;}
    .diesel-production .td--engine:before{content: 'Модель двигателя'; padding-right: 64px;}
    .diesel-production .td--generator:before{content: 'Модель генератора'; padding-right: 64px;}
    .diesel-production .td--tank:before{content: 'Топливный бак'; padding-right: 84px;}
    .diesel-production .td--expenditure:before{content: 'Расход топлива (75%)'; padding-right: 42px;}
    .diesel-production .td--price:before{content: 'Цена ДЭС'; padding-right: 118px;}
    .diesel-production .td--price .price{display: inline-block; font-size: 16px; line-height: 28px;}
    .diesel-production .td--price .price.tr--konteiner,.diesel-production .td--price .price.tr--kozhuh {display:none;}
    .diesel-production .tr .td--power{margin-bottom: 0;}
    .diesel-production .tr .td--power:after {content: none;}
    .diesel-production .td--compare{position: absolute; left: 0; bottom: 0; width: 190px;}
    .diesel-production .td--compare .check-holder:after{content: 'Добавить к сравнению'; display: inline-block; font-weight: bold; font-size: 12px; margin-left: 5px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; color: #0D192B;}
    .diesel-production .td--compare .check{border-radius: 100px; background-color: #F2F2F2; border: none; width: 22px; height: 22px; margin-right: 0;}
    .diesel-production .td--compare .check.checked{background-color: #274372;}
    .diesel-production .td--compare .check:after{content: ' '; display: block; width: 16px; height: 16px; background: url("/local/templates/comd2019/images/plus.svg") no-repeat center; background-size: contain; position: absolute; top: 3px; left: 3px; z-index: 2;}
    .diesel-production .td--compare .checked.check:after{left: 25px; filter: brightness(100);}
    .diesel-production .td--compare .checked .jq-checkbox__div,.diesel-production .td--compare .jq-checkbox__div{display: none;}
    .diesel-production {margin: 100px 0 100px;}
    .diesel-variants__item{padding: 25px 19px 5px;}
    .diesel-variants__item-img{margin-bottom: 27px;}
    .production__info{margin: 100px 0;}
    .accessories__item{width: calc((100% - 80px) / 2);}
    .accessories__items {margin: 0 -20px 60px;}
    .accessories__content {margin: 60px 0 100px;}
    .diesel-engines {margin-top: 60px;}
    .diesel-engines__item{width: calc((100% - 80px) / 2);}
    .diesel-engines__col{width: 100%; margin: 20px 0 0; padding: 0 !important;}
    .diesel-engines__col:nth-of-type(2) {margin-bottom: 60px;}
    .diesel-engines__content {margin: 60px 0;}
    .service__item{width: calc((100% - 80px) / 2); padding-top: 34.123%;}
    .projects-bot__info,.projects-bot__form{width: 100%;}
    .projects-bot__info{margin-bottom: 40px;}
    .pop-order {padding: 70px 50px;}
    .service-detail img {margin: 20px 0 60px;}
    .service-detail__content .project-detail__slider {margin: 50px 0 60px;}
    .service-detail__content h2 {margin: 10px 0 10px;}
    .projects__item{padding: 50px 50% 75px 30px;}
    .project-detail__left,.project-detail__right{width: 100%; padding: 0;}
    .project-detail__left{margin-bottom: 40px;}
    .project-detail__card-img{padding-top: 50%;}
    .press-center__items {margin: 50px -20px 100px;}
    .press-center__item{width: calc((100% - 80px) / 2);}
    .press-center__item.last {width: calc((100% - 80px) / 2 * 2 + 40px);}
    .press-center__bot{margin: 100px 0;}
    .news {margin: 50px 0 100px;}
    .e-catalog__item,.video__item,.news__items .main-news__item{width: calc((100% - 80px) / 2);}
    .menu > li:not(:last-of-type){margin-right: 20px;}
    .tender-bot {margin: 100px 0 80px;}
    .tender-form {padding: 100px 30px;}
    .tender-form__left,.tender-form__right{width: 100%; padding: 0;}
    .tender-form__left{margin-bottom: 40px;}
    .product-models__item{width: calc((100% - 80px) / 2);}
    .product-detail__bottom,.product-detail__all-generators {margin: 100px 0;}
    .product-detail__all-generators .title-h1{max-width: 80%; margin-bottom: 20px;}
    .product-detail__all-generators-btn{position: static; margin-bottom: 50px;}
    .page-top__product-descr > div{width: calc(100% / 6); margin-bottom: 26px;}
    .diesel-advantage__box-col{display: block; width: 100%;}
    .products-brands__variables-item{width: calc((100% - 80px) / 2); padding-left: 80px; position: relative; margin-bottom: 54px;}
    .products-brands__variables-item img,.products-brands__variables-item svg{position: absolute; left: 0;}
    .products-brands__additionally-info,.products-brands__additionally-img{width: 100%;}
    .products-brands__additionally-info{margin: 0 0 40px;}
    .products-brands__additionally-list {margin: 85px 0 80px;}
    .products-brands__additionally-list .col{width: 100%; padding: 0;}
    .products-brands__additionally-list .col--left{margin-bottom: 40px;}
    .products-brands__parallel-img,.products-brands__parallel-info{width: 100%; padding: 0;}
    .products-brands__parallel-img{margin-bottom: 40px;}
    .products-brands__monitoring {margin: 80px 0 0;}
    .products-brands__monitoring-box {margin-bottom: 80px;}
    .products-brands__certs .owl-nav{left: 30px; right: auto;}
    .products-brands__service .title-h1{position: static; width: 100%;}
    .products-brands__service-items{margin-left: -11px;}
    .products-brands__monitoring-right,.products-brands__monitoring-left{width: 100%; padding: 0;}
    .products-brands__monitoring-left{margin-bottom: 40px;}
    .products-brands__monitoring img,.products-brands__monitoring-right .products-brands__monitoring-box{display: inline-block; vertical-align: top; width: 49%;}
    .product-detail__control-right--50,.product-detail__control-left--50 {width: 100%; padding: 0;}
    .step-holder__name {display: block; margin-right: 0; margin-bottom: 20px;}
    .body--BOM .page-top__content{padding: 20px 0;}
    .body--product .page-top__content,.body--diesel-engines .page-top__content,.body--block-containers .page-top__content,.body--energy-complexes .page-top__content,.body--products-brands .page-top__content,.page-top__content{padding: 0;}
    .body--products-brands .page-top__product-img{width: 100%; max-width: 100%;}
    .body--product .page-top__info,.body--diesel-engines .page-top__info,.body--products-brands .page-top__info,.body--block-containers .page-top__info,.body--BOM .page-top__info,.page-top__info,.body--energy-complexes .page-top__info,.body--products-brands .page-top__info{position: relative; display: block; margin-bottom: 50px; max-width: 100%; width: 100%;}
    .body--diesel-engines .page-top__info h1,.body--block-containers .page-top__info h1,.body--products-brands h1{max-width: 100%; margin: 30px 0;}
    .body--products-brands .page-top__info-compare,.body--products-brands .page-top__info-btn,.page-top__info-compare,.page-top__info-btn {display: inline-block;}
    .body--product .breadcrumps,.body--diesel-engines .breadcrumps,.body--block-containers .breadcrumps,.body--BOM .breadcrumps,.body--energy-complexes .breadcrumps,.breadcrumps,.body--products-brands .breadcrumps{position: static;}
    .body--products-brands .page-top__info-price,.page-top__info-price {margin-bottom: 30px;}
    .body--products-brands .page-top__info-btn,.page-top__info-btn {margin-right: 40px;}
    .body--product .page-top .page-top__product-img,.body--diesel-engines .page-top__product-img,.body--block-containers .page-top__product-img,.body--BOM .page-top__product-img,.body--products-brands .page-top__product-img{display: block; max-width: 80%; width: 100%; margin: 0 auto; padding-bottom: 30px;}
    .body--products-brands .page-top,.page-top {padding: 0 30px; margin: 0 -30px;}
    .body--energy-complexes .page-top__product-img{display: block; margin: 0 auto; padding-bottom: 30px;}
    .diesel-advantage__box-col:nth-of-type(1) {padding-right: 0;}
    .diesel-advantage__box-col:nth-of-type(2) {padding-left: 0;}
    .diesel-advantage {margin: 80px 0 50px;}
    .products-brands {margin: 80px 0 0;}
    .product-models__items {margin: 0 -20px 80px;}
    .product-detail__bottom,.product-detail__all-generators {margin: 80px 0;}
    .page-top__info-compare{margin: 16px 0;}
    .products-brands__descr {margin: 80px 0 0;}
    .products-brands__descr-top ul {margin-bottom: 50px; padding-left: 17px;}
    .products-brands__convenience {margin: 80px 0;}
    .products-brands__variables {padding: 80px 30px 50px;}
    .products-brands__additionally {margin: 80px 0 65px;}
    .products-brands__parallel {padding: 80px 30px;}
    .products-brands__certs {margin: 80px 0; padding-bottom: 80px;}
    .products-brands__service {padding: 80px 30px; margin: 0 -30px;}
    .diesel-advantage__box {margin-bottom: 80px;}
    .diesel-performance {padding: 50px 30px 150px;}
    .diesel-performance__item{padding: 30px 30px 60px;}
    .power-plants__table{margin: 80px 0;}
    .power-plants__table .table{overflow: auto; width: 100%;}
    .power-plants__table .table > .tr{width: 900px;}
    .stationary-generator__content,.stationary-generator,.generators-BOM,.energy-complexes__models-top {margin: 80px 0;}
    .energy-complexes__spheres--big .energy-complexes__spheres-info {padding: 30px 20px;}
    .energy-complexes__spheres-info,.energy-complexes__spheres-img{width: 100%; padding: 0;}
    .energy-complexes__spheres-info{margin-bottom: 20px;}
    .energy-complexes__spheres {padding: 30px 20px;}
    .generators-BOM__top {margin-bottom: 80px;}
    .stationary-generator__designation,.generators-BOM__images {margin: 80px 0;}
    .block-containers{margin: 80px 0 0;}
    .generators-BOM__img{width: 100%; margin: 0 0 20px;}
    .generators-BOM__table {margin: 50px 0 80px; width: 100%; overflow: auto;}
    .generators-BOM__table > .tr{width: 1000px;}
    .main-top__img img{max-width: 80%; margin: 0 auto;}
    .stationary-generator__order,.stationary-generator__features{padding: 80px 30px;}
    .page-top__info-descr{max-width: 100%;}
    .energy-complexes {margin: 100px 0 60px;}
    .body--press-detail .page-top__info{padding-bottom: 10px;}
    .subscribe {padding: 70px 30px;}
    .subscribe .projects-bot__info,.subscribe .projects-bot__form{width: 100%; padding: 0;}
    .compare-table:after,.compare-table:before{display: none;}
    .diesel-engines__table {margin: 50px 0 80px; overflow: auto; width: 100%;}
    .diesel-engines__table-content{width: 1070px;}
    .contacts-branches__items {columns: 4; column-gap: 30px;}
    .contacts__left{margin-bottom: 40px;}
    .contacts__right{display: none;}
    .body--inner-contacts .contacts__right{display: block; width: 100%;}
    .contacts-drop__managers {min-width: 0; width: 100%; margin: 30px 0; overflow: hidden;}
    .contacts__left{display: block; width: 100%; padding: 0;}
    .partners__drop-map{height: 265px; margin-bottom: 30px;}
    .partners__drop-content {overflow: hidden;}
    .contacts-drop__managers .menu{margin: 0 -30px 30px;}
    .opened .partners__drop-name:before,.active.partners__drop-name:before {line-height: 1.9;}
    .employee__items{margin: 0 -10px;}
    .cities__generators .diesel-production__filter .title-h2{width: 100%;}
    .cities__generators-content,.diesel-production {margin: 80px 0;}
    .diesel-production__filter-right{text-align: left;}
    .product-detail__advantages-box,.rainprof-img{margin-bottom: 80px;}
    .product-detail__descr {margin: 80px 0;}
    .product-detail__descr-left,.product-detail__descr-right{display: block; width: 100%;}
    .product-detail__descr-left{margin-bottom: 20px;}
    .product-detail__power,.product-detail__yamz {margin: 0 -30px; padding: 80px 30px;}
    .product-detail__yamz .title-h1 {position: static; width: 100%;}
    .product-detail__advantages {margin: 80px 0;}
    .product-detail__advantages-box .col{display: block; width: 100%; padding: 0;}
    .product-detail__advantages-box .col--left{margin-bottom: 30px;}
    .cd-products-table .features {background-color: #ffffff;}
    .cd-products-table .features li::after{display: none;}
    .cd-products-comparison-table img {max-width: 78%;}
    .li--header,.compare-product h3,.features .top-inf{font-size: 14px; line-height: 20px;}
    .cd-features-list li {padding: 15px 10px;}
    .cd-products-columns .compare-product{width: 190px;}
    .features .cd-features-list li {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .compare-product__img{margin: 16px auto; height: 132px;}
    .features .cd-features-list li.li--header {font-size: 16px; line-height: 30px; padding: 13px 10px;}
    .cd-products-table .features .top-info,.cd-products-table .top-info{height: 200px;}
    .cd-products-table .top-info{padding: 1px 5px;}
    .diesel-production__filter-pack{text-align: left; width: 100%;}
    .three-phase__power-td{width: calc(100% / 7);}
    /*.selection__range-holder{padding-right: 30px;}
   */ /*.ui-slider-horizontal:after{*/ /* content: '';*/ /* background: #142239;*/ /* box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);*/ /* border-radius: 5px;*/ /* width: 35px;*/ /* height: 10px;*/ /* position: absolute;*/ /* z-index: 0;*/ /* right: -30px;*/ /* top: 0;*/ /*}
*/ .ui-slider .ui-slider-range{z-index: 1;}
    .ui-state-default{z-index: 2;}
    .main-clients__slider{position: relative;}
    .owl-next:hover{background-color: #274372;}
    .owl-prev:hover{background-color: #162948;}
    .about-clients .owl-nav{top: -135px;}
    .body--product .page-top h1 {margin: 30px 0;}
    .product-detail__base-item{width: calc((100% - 90px) / 2);}
    .product-detail__base-bot{padding: 70px 33px 70px 50%;}
    .about-location__map-top{position: relative;}
    .tooltip{position: relative; top: 0 !important; left: 0 !important; margin: 30px auto; width: 100%;}
    .product-detail__yamz-logo{display: none;}
    .stationary-generator__features {padding: 80px 30px;}
    .partners__drop-name:before{line-height: 2;}
    .body--project-detail h1 {max-width: none;}
    .main-news__item-link {left: 40px;bottom: 30px;}
    .page-top__info-logo {margin-bottom: 0;}
    .page-top__info-logo--des {margin-bottom: 35px;}
    .selection__title{font-size: 16px; line-height: 28px;}
}
@media screen and (max-width: 760px){
    .diesel-production .tr:not(.tr--power){position: relative; padding: 20px 0 20px 210px;}
    .header-top {display: flex; justify-content: space-between; align-items: center;}
    .header-top .burger {width: 45px;}
    .detail_item .service__item { padding-top: 28%; }
}
@media screen and (max-width: 690px){.header-top__right .btn--white {display: none;}
    .detail_item .service__item { padding-top: 190px; }
	.selection__top{font-size: 30px; line-height: 40px;}
    .bg--gray {padding: 0 15px; margin: 0 -15px;}
    .bg--gray.subscribe {padding: 30px 15px;}
    .main {padding: 0 15px; margin: 72px auto 0;}
    header {padding: 0 15px;}
    .vacancies-relevance {padding: 80px 15px; margin: 0 -15px;}
    .vacancies-resume {padding: 80px 15px; margin: 0 -15px;}
    .products-line {padding: 80px 15px 50px; margin: 0 -15px;}
    .owl-carousel.products-line__items {margin: 0 -15px; width: calc(100% + 30px);}
    .owl-carousel.partners-certs__items {margin: 0 -15px; width: calc(100% + 30px);}
    .owl-carousel.partners-certs__items .owl-stage-outer {padding-left: 15px;}
    .production-own__box {padding: 60px 15px 20px; margin: 0 -15px; width: calc(100% + 30px);}
    .about-warranty {padding: 60px 15px; margin: 0 -15px;}
    .about-services {padding: 80px 15px; margin: 0 -15px;}
    .about-promo {padding: 56px 15px; margin: 0 -15px;}
    .about-accessories {padding: 80px 15px 50px; margin: 0 -15px;}
    .about-application {padding: 80px 15px; margin: 0 -15px;}
    .about-projects {padding: 80px 15px 70px; margin: 0 -15px;}
    .about-projects__items {margin: 0 -15px; width: auto;}
    .main-clients {padding: 80px 15px; margin: 0 -15px;}
    .main-about {padding: 80px 15px 50px; margin: 0 -15px;}
    .main-projects {margin: 0 -15px 80px; padding: 80px 15px 0;}
    .selection {margin: 0 -15px; padding: 80px 15px;}
    .main-reason {padding: 80px 15px 70px; margin: 0 -15px;}
    .main-reason__title {left: 15px;}
    .main-top {margin: 0 -15px;}
    .main-top__item {padding: 75px 15px 80px;}
    .main-clients .title-h1 {margin-bottom: 20px; text-align: left;}
    .main-clients .owl-nav {position: static; text-align: left; margin-top: 20px;}
    .main-about__slider {margin: 0 -15px; position: relative; width: calc(100% + 30px);}
    .diesel-variants {padding: 80px 15px;}
    .projects-bot {padding: 80px 15px;}
    .page-top__product-descr {padding: 30px 15px 0; margin: 0 -15px;}
    .products-brands__variables {padding: 80px 15px 70px;}
    .products-brands__parallel {padding: 80px 15px;}
    .products-brands__service {padding: 80px 15px;}
    h1,.title-h1 {font-size: 30px; line-height: 40px;}
    h2,.title-h2 {font-size: 28px; line-height: 36px; margin-bottom: 20px;}
    h5,.title-h5 {font-size: 16px; line-height: 28px;}
    .main-service {padding: 80px 0;}
    .main-reason__title span:first-child {display: block; margin: 0 0 0 -10px; font-size: 115px; line-height: 130px;}
    .main-reason__title span:last-child {width: 100%;}
    .main-reason__item {width: 270px; margin: 0 20px 0 0; padding: 128.4% 0 0 0;}
    .main-reason__item-img {bottom: auto; width: 100%; left: 0; padding-top: 76%;}
    .main-reason__item-reason {bottom: 25px; left: 20px; max-width: 78%;}
    .main-reason__item-number {top: 58%; left: 20px;}
    .selection__tab-links {overflow: auto;}
    .selection__tab-links::-webkit-scrollbar{display: none;}
    .selection__tab-links-holder{width: max-content;}
    .selection__tab-link {font-size: 16px; line-height: 28px;}
    .selection-check__holder {display: block; width: 100%; margin: 0 0 20px; padding: 19px 20px 7px;}
    .selection__form-purpose {margin-bottom: 50px;}
    .selection-input {max-width: 100%;}
    .selection__form-range .selection-input__holder {max-width: calc((100% - 10px) / 2); margin-bottom: 20px;}
    .selection__form-range .selection-input__holder:nth-child(3) {margin-right: 0;}
    .selection__form-switch {margin-bottom: 50px;}
    .selection__range-holder {display: none;}
    .selection__engine-col--child {columns: 1;}
    .selection__form-engine {margin-bottom: 10px;}
    .selection__form {position: relative;}
    .selection__form button {width: 100%; margin-top: 30px;}
    .selection__form-count {position: absolute; left: 0; bottom: 49px; padding: 13px 0;}
    .main-projects__bg {display: none;}
    .main-projects__img {width: calc(100% + 15px); margin-right: -15px; padding-top: 108.6%;}
    .main-news {margin: 80px 0; position: relative; padding-bottom: 90px;}
    .main-news__title {width: 100%; max-width: 100%;}
    .main-news__items {margin-right: -15px; width: calc(100% + 15px);}
    .main-news__item {margin-right: 15px; width: 290px;}
    .main-news__all {top: auto; bottom: 0; left: 0; right: auto; padding: 22px 27px 19px;}
    .main-news .owl-nav {top: auto; bottom: -89px; right: 15px;}
    .main-about__info p {margin-bottom: 20px;}
    .main-about__slider-item {padding-top: 120.5%;}
    .main-advantages__ul li {width: 100%;}
    footer {padding: 40px 15px 0;}
    .footer-top {margin-bottom: 0;}
    .footer-premium {width: 100%; margin: 0 0 20px;}
    .footer-title {display: block; margin: 0 0 10px;}
    .footer-mid .footer-col:not(.footer-col--right) {display: none;}
    .footer-col--right {width: 100%;}
    .footer-col .social {margin-bottom: 20px;}
    .footer-bot {padding: 20px 0 30px;}
    .footer-bot a:not(.prominado),.footer-bot a.promonado,.footer-bot a {position: static; display: block; margin: 10px 0 0;}
    .footer-item {font-size: 12px; line-height: 16px;}
    .menu-holder {padding: 40px 20px 70px; height: 100vh; max-height: 700px;}
    .mobile-drop > .menu--top-sub {padding: 0 20px !important;}
    .menu-holder .mobile-only {margin-bottom: 30px; padding-bottom: 0;}
    .menu-holder .menu {columns: 1; column-gap: 0; box-shadow: none;}
    .menu-holder .menu li a {font-size: 14px; line-height: 24px; margin: 0 0 12px;}
    .header-phone__title {font-size: 12px; line-height: 11px;}
    .mobile-only .header-phone a {font-size: 14px;}
    .about-age__info {width: 100%;}
    .about-age__left {padding: 10% 0 0 20%;}
    .about-age__bg {right: 30px; bottom: 30px; top: 1px; left: 1px;}
    .breadcrumps {padding-top: 20px; margin: 0 0 20px; font-size: 14px; line-height: 4;}
    .menu-scroll {width: calc(100% + 30px); margin: 0 -15px;}
    .menu {padding: 0 15px; margin: 0;}
    .about-calc__item {width: 100%;}
    .about-projects__item {width: 270px; min-height: 353px; margin: 0 10px;}
    .about-developer__img {width: calc(100% + 15px); margin-right: -15px;}
    .about-production-capacity {display: none;}
    .about-application__item {padding: 60px 0 0;}
    .about-application__item-info{padding: 0 15px;}
    .about-application__item-text {margin-bottom: 90px;}
    .about-application__item-img{height: 300px;}
    .about-application .owl-nav {bottom: 300px;}
    .about-application__item-count{bottom: 315px; left: 15px;}
    .about-philosophy {margin: 80px 0;}
    .about-philosophy__descr {width: 100%; padding-left: 0; margin-bottom: 20px;}
    .about-philosophy__5s {width: 100%; padding: 40px 15px; margin-bottom: 40px;}
    .about-philosophy__5s-title {font-size: 54px; margin-right: 15px;}
    .about-philosophy__5s-ul ul {font-size: 16px; line-height: 28px; padding-left: 20px;}
    .about-philosophy__5s-ul ul:before {content: ''; display: none;}
    .about-promo__box {padding: 40px 25px;}
    .about-promo__box .about-promo__text,.about-promo_rt {width: 100%; padding: 0;}
    .about-promo__box .about-promo__text {margin-bottom: 30px;}
    .about-promo_rt {font-size: 14px; line-height: 22px;}
    .about-promo_rt b {font-size: 30px; line-height: 40px;}
    .about-opportunities {margin: 80px 0;}
    .about-services > div {display: block; width: 100%; margin: 0 0 40px;}
    .about-services__item img,.about-services__item svg{margin-bottom: 5px;}
    .about-services__descr {font-size: 18px; line-height: 26px;}
    .about-warranty__text {font-size: 18px; line-height: 26px;}
    .production-own {margin: 80px 0 0;}
    .production-own__text--bold {font-size: 18px; line-height: 26px;}
    .production-own__text--blue {font-size: 24px; line-height: 36px;}
    .production-own__item {display: block; width: 100%;}
    .production-own__item-text {font-size: 16px; line-height: 28px;}
    .product {display: block; width: auto; margin: 0 20px 0 0;}
    .partners-certs__items .owl-nav,.products-line .owl-nav {position: static; margin: 25px 15px 0;}
    .owl-carousel.partners-certs__items .owl-stage-outer {padding-left: 0;}
    .partners__top {margin: 80px 0;}
    .cert {width: auto; margin: 0 10px 30px;}
    .partners__drop-certs a {padding-top: 53%; width: calc((100% - 40px) / 2); margin: 0 10px 24px;}
    .partners__drop-name:before {line-height: 2.3;}
    .partners__drop-info {margin: 0 -10px;}
    .employee {width: calc((100% - 40px) / 2);}
    .production-img {margin: 0 -15px; position: relative; padding-top: 75%;}
    .vacancies-info {margin: 80px 0;}
    .vacancies-offer {margin: 80px 0 60px;}
    .vacancies-offer__left {display: block; width: 100%; margin: 0 0 40px;}
    .vacancies-offer__left,.vacancies-offer__right {display: block; width: 100%;}
    .vacancies-relevance__left,.vacancies-relevance__right {display: block; width: 100%; margin: 0;}
    .vacancies-relevance__left {margin-bottom: 40px;}
    .vacancies-relevance__right {margin: 0 -15px;}
    .vacancies-relevance__right .employee {width: calc((100% - 40px) / 2);}
    .vacancies-relevance__text {margin: 20px 0;}
    .input-holder--2 {width: 100%; margin: 0 0 20px;}
    .production__items {margin: 0 0 40px;}
    .production__item {width: 100%; padding: 0; margin: 0 0 30px;}
    .production__info {margin: 80px 0;}
    .production__item-img {margin-bottom: 15px;}
    .production__item-name {font-size: 18px; line-height: 26px;}
    .diesel-sections__item {width: 100%; margin: 0 0 40px;}
    .diesel-sections {padding: 50px 15px 49px;}
    .diesel-production__filter-pack {position: static; bottom: auto; left: auto; width: 100%; margin: 20px -10px; text-align: left; padding-left: 0;}
    .diesel-production__filter-right {width: 100%; text-align: left;}
    .diesel-production__filter-clear {margin-bottom: 15px;}
    .diesel-production__filter {padding-bottom: 0;}
    .diesel-production .tr:not(.tr--power) {position: relative; padding: 20px 0 130px;}
    .diesel-production .td--model {width: 100%; position: relative;}
    .diesel-production .td--price .btn {max-width: 100%; width: 100%;}
    .diesel-production .td--compare {left: 50%; transform: translateX(-50%); padding: 18px 0 14px;}
    .diesel-production .td--price:before,.diesel-production .td--expenditure:before,.diesel-production .td--tank:before,.diesel-production .td--generator:before,.diesel-production .td--engine:before,.diesel-production .td--power .col:last-child:before,.diesel-production .td--power .col:first-child:before {padding-right: 20px;}
    .diesel-production .td--power .col:last-child:before {padding-right: 15px;}
    .diesel-production .td--generator:before,.diesel-production .td--engine:before {padding-right: 34px;}
    .diesel-production .td--tank:before {padding-right: 55px;}
    .diesel-production .td--expenditure:before {padding-right: 13px;}
    .diesel-production .td--price:before {padding-right: 90px;}
    .diesel-production .td--expenditure,.diesel-production .td--tank,.diesel-production .td--generator,.diesel-production .td--engine,.diesel-production .td--power .col:last-child,.diesel-production .td--power .col:first-child {padding-left: 160px;}
    .diesel-variants__items {margin: 0;}
    .diesel-variants__item {width: 100%; margin: 0 0 20px;}
    .owl-carousel .main-top__item.owl-item img {margin: 0 auto;}
    .main-top__img img {margin: 0 auto; max-width: 80%;}
    .production-section__items {margin: 0;}
    .production-section__item {width: 100%; margin: 0 0 40px;}
    .page-top__product-descr > div {width: calc(100% / 2); margin-bottom: 20px; padding-left: 50px; position: relative;}
    .page-top__product-descr img,.page-top__product-descr svg {position: absolute; left: 0;}
    .product-models__items {margin: 0 0 80px;}
    .product-models__item {width: 100%; margin: 0 0 40px;}
    .products-brands__links > a {width: 100%; max-width: 100%; padding: 33px 15px; text-align: center;}
    .products-brands__links > a.products-brands__links-next,.products-brands__links > a.products-brands__links-prev{text-align: center; padding-left: 0;}
    .products-brands__links-prev {border-bottom: 1px solid #274372;}
    .products-brands__links-next.empty,.products-brands__links-prev.empty {display: none;}
    .product-detail__all-generators-items {margin: 0;}
    .product-detail__all-generators-items .owl-nav {position: static;}
    .owl-item .product-models__item {width: 100%;}
    .product-detail__all-generators .title-h1 {max-width: 100%;}
    .products-brands__convenience-img,.products-brands__convenience-info {width: 100%; padding: 0; margin: 0 0 20px;}
    .products-brands__variables-item {width: 100%; margin: 0 0 40px;}
    .products-brands__variables-items {margin: 0;}
    .products-brands__monitoring img,.products-brands__monitoring-right .products-brands__monitoring-box {display: inline-block; width: 100%; padding: 0; margin: 0 0 30px;}
    .products-brands__service-items {margin: 0;}
    .products-brands__service-item {width: 100%; margin: 0 0 10px;}
    .diesel-performance {padding: 50px 15px 80px;}
    .diesel-performance__col:first-child,.diesel-performance__col:nth-child(2),.diesel-performance__col {width: 100%; padding: 0;}
    .diesel-performance__col img + ul {margin-top: 0;}
    .diesel-performance__item {padding: 30px 20px 290px; position: relative;}
    .diesel-performance__item--big {padding-bottom: 170px;}
    .diesel-performance__img,.diesel-performance__col img {max-width: 90%; max-height: 220px; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); margin: 0;}
    .diesel-performance__img {bottom: 80px;}
    .product-detail__synchronizing,.energy-complexes {margin: 80px 0;}
    .product-detail__control-right,.product-detail__control-left {width: 100%; padding: 0;}
    .product-detail__control-left {margin-bottom: 40px;}
    .stationary-generator__order,.stationary-generator__features {padding: 80px 15px; /*margin: 0;*/ width: 100vw;}
    .stationary-generator__features ul {padding-left: 20px; columns: 1; column-gap: 0;}
    .stationary-generator__col {display: block; width: 100%; padding: 0;}
    .input-holder--50 {display: block; width: 100%; margin-right: 0;}
    .accessories__items {margin: 0 0 40px;}
    .accessories__item {width: 100%; margin: 0 0 20px;}
    .diesel-engines__items {margin: 0 0 80px;}
    .diesel-engines__item {width: 100%; margin: 0 0 40px;}
    .service__items {margin: 0 0 80px;}
    .service__item {width: 100%; padding-top: 80%; margin: 0 0 30px;}
    .service-detail__content .images img {width: 100%; margin: 0 0 20px;}
    .service-detail__content img + img {margin-left: 0;}
    .service-detail__content .images + h4 {margin-top: 0;}
    .select-holder--3 {width: 100%; margin-right: 0; margin-bottom: 20px;}
    .projects__item {padding: 30px 20px;}
    .projects__item-img {position: static; padding-top: 100%; width: auto; margin: -20px -20px 20px;}
    .nav a {height: 49px; min-width: 49px; padding: 13px 0 0;}
    .press-center__items {margin: 30px 0 60px;}
    .tender-bot__item,.press-center__item.last,.press-center__item {width: 100%; margin: 0 0 20px;}
    .press-center__bot {margin: 80px 0;}
    .tender-bot__items,.video__items,.e-catalog__items,.news__items {margin: 0;}
    .e-catalog__item,.video__item,.news__items .main-news__item {width: 100%; margin: 0 0 20px;}
    .e-catalog__item {margin-bottom: 30px;}
    .tender-form {padding: 80px 15px;}
    .contacts-branches {margin: 80px 0;}
    .contacts-branches__items {columns: 2; column-gap: 20px;}
    .partners__drop-name {padding-left: 50px;}
    .menu-holder .menu {padding-left: 0;}
    .product-detail__equipment {margin: 80px 0;}
    .product-detail__equipment-links {display: block; margin-bottom: 80px; border: none;}
    .product-detail__equipment-links a {display: block; width: 100%; border: 1px solid #274372; margin-bottom: 2px;}
    .product-detail__base-item {display: block; width: 100%;}
    .product-detail__base-bot {padding: 50px 20px;}
    .product-detail__base-bot .title-h3 {position: static; margin: 0 0 20px; max-width: 100%;}
    .partners__drop-left,.partners__drop-right {display: block; width: 100%; padding: 0;}
    .product-detail__base-bot {margin: 40px 0 80px;}
    .product-detail__descr-box {padding: 30px 20px;}
    .product-equipment__drop-content {padding-left: 50px;}
    .product-detail__enclosure {padding: 80px 15px;}
    .main-advantages {padding: 80px 0;}
    .diesel-description,.partners-certs {margin: 80px 0;}
    .diesel-description__prod,.diesel-description__box {margin-bottom: 80px;}
    .diesel-description__prod-items {margin: 0;}
    .diesel-description__product {width: 100%; margin: 0 0 20px;}
    .cd-products-columns {margin-left: 134px;}
    .cd-products-table .features .top-info,.cd-products-table .features {width: 134px;}
    .cd-products-table .features .top-info,.cd-products-table .top-info {height: 174px;}
    .features .cd-features-list li.li--header:after {content: ''; display: block; width: 100px; position: absolute; top: 0; right: 15px; bottom: 0; z-index: -1; background-color: #fff; left: 100%;}
    .features .top-info {font-size: 16px; line-height: 24px;}
    .cd-products-columns .compare-product,.cd-products-table .top-info {width: 133px;}
    .three-phase__power-td{width: calc(100% / 4);}
    .main-stat{padding: 80px 0;}
    .main-stat.fix {right: 15px; left: 15px;}
    .about-clients{padding: 80px 15px; position: relative;}
    .selection__tab-link:first-child {margin-right: 43px;}
    .about-accessories__info,.about-clients .title-h1 {margin-bottom: 10px;}
    .about-accessories .owl-nav,.about-clients .owl-nav{position: static; text-align: left; margin-top: 20px;}
    .contacts-drop__managers .menu{margin: 0 -15px 30px;}
    .page-top__product-descr > div {margin-bottom: 20px;}
    .reverse.img-after:after,.main-projects__img:after,.img-after:after,.main-service__img:after {left: 0; right: 0; opacity: 0; transition: all .5s;}
    .animated .main-projects__img:after,.animated.reverse.img-after:after,.animated.img-after:after,.animated.main-service__img:after{opacity: 1;}
    .main-about__slider-items,.main-about__slider,.reverse .img-mask,.img-mask,.reverse .animate-img,.animate-img{transform: translate(0); opacity: 1; transition: all .5s;}
    .animated .main-about__slider-items,.animated.main-about__slider,.animated .reverse .img-mask,.animated .img-mask,.animated .reverse .animate-img,.animated .animate-img{opacity: 1;}
    .wow{animation-name: fadeIn;}
    .page-top__product-img.wow,.about-product__img.wow,.about-developer__img.wow,.main-about__slider.wow,.main-projects__img.wow,.main-service__img.wow,.main-top__img.wow{animation-name: none;}
    .page-top__product-img,.main-top__img{transform: scale(1); opacity: 0;}
    .animated.page-top__product-img,.animated.main-top__img{transform: scale(1); opacity: 1;}
    .main-news__item-link {position: relative;top: 0;left: 0;margin-top: 20px;}
    .main-news__item {min-height: 0;}
    .page-top__info-logo--des {display: none;}
    .selection__title{font-size: 16px; line-height: 28px;}
}
.only-more-520 {display: inherit !important;}
.only-520-less {display: none !important;}
@media screen and (max-width: 520px){.only-more-520 {display: none !important;}
    .only-520-less {display: inherit !important;}
    .header-top__right .btn--orange {display: none;}
    .partners__drop-info{margin: 0;}
    .body--products-brands .page-top__info-btn,.page-top__info-btn{width: 100%; margin-right: 0;}
    .compare-product__img {margin: 9px auto; height: 94px;}
    .products-brands__links-next span{margin-right: 0;}
    .products-brands__links-prev span{margin-left: 0;}
    .page-top__product-descr {padding: 20px 15px 0; margin: 0 -15px;}
    .main-top__item {padding: 15px 15px 70px;}
    .main-top__img {margin-bottom: 40px;}
    /* .main-top__item-text, */
    /* .main-top__img */
    .main-service__img,.main-projects__img,.main-about__slider,.diesel-performance__item-ul,.diesel-performance__item-description {display: none;}
    .main-service__info,.diesel-performance__item-title {margin-bottom: 0;}
    .main-projects {margin-bottom: 30px;}
    .main-news {margin-top: 30px;}
    .diesel-performance__img, .diesel-performance__col img {bottom: 70px;}
}
@media screen and (max-width: 400px){.main-top__item-info {min-height: 150px;}
}
@media screen and (max-width: 490px){.selection__engine-col {width: 100%; margin: 0 0 30px;}
    .diesel-production__filter-pack .check-holder {margin-bottom: 10px;}
}
.pop-legal a,.pop-order a:not([class]),.page-404 a,.main-about a,.main-stat-holder a,.main-advantages a,.about-developer__info a,.legal-info-page a,.partners__drop-text a,.partners-history a,.production-own__text a,.content-page a,.press-center__bot a,.service-detail__content a,.accessories__content a,.product-detail__advantages-text a,.diesel-engines__text a,.diesel-engines__col a,.block-containers__content-info a,.diesel-description__box a:not(.btn),.diesel-advantage__box-col a,.production-section__bot a,.products-brands__additionally-info a,.products-brands__parallel-info a,.product-models__description a,.stationary-generator a,.product-detail__synchronizing-info a,.energy-complexes__models-top a,.product-detail__descr-box--big a,.product-detail__descr-left a:not(.product-detail__descr-link),.product-detail__base-top a,.product-detail__optional-bot a,.product-equipment__drop-content a,.order-form__step-text a {color: #595C5E; text-decoration: underline;}
.pop-legal a:hover,.pop-order a:not([class]):hover,.page-404 a:hover,.main-about a:hover,.main-stat-holder a:hover,.main-advantages a:hover,.about-developer__info a:hover,.legal-info-page a:hover,.partners__drop-text a:hover,.partners-history a:hover,.production-own__text a:hover,.content-page a:hover,.press-center__bot a:hover,.service-detail__content a:hover,.accessories__content a:hover,.product-detail__advantages-text a:hover,.diesel-engines__text a:hover,.diesel-engines__col a:hover,.block-containers__content-info a:hover,.diesel-description__box a:hover,.diesel-advantage__box-col a:hover,.production-section__bot a:hover,.products-brands__additionally-info a:hover,.products-brands__parallel-info a:hover,.product-models__description a:hover,.stationary-generator a:hover,.product-detail__synchronizing-info a:hover,.energy-complexes__models-top a:hover,.product-detail__descr-box--big a:hover,.product-detail__descr-left a:not(.product-detail__descr-link):hover,.product-detail__base-top a:hover,.product-detail__optional-bot a:hover,.product-equipment__drop-content a:hover,.order-form__step-text a:hover {text-decoration: none;}
.equipment-block a,.product-detail__descr-more a,.production__info a,.power-plants__table a {text-decoration: underline;}
.equipment-block a:hover,.product-detail__descr-more a:hover,.production__info a:hover,.power-plants__table a:hover {text-decoration: none;}
.pop-form {max-width: 800px;}
.page-404 {padding-bottom: 60px;}
.page-404 h4 {margin-bottom: 15px;}
.selection__form .ui-slider .ui-slider-range {margin-left: 0;}
.selection__form .ui-state-default {text-align: center; margin-left: -50px;}
.selection__form .ui-state-default:after {left: 50%; margin-left: -15px;}
.legal-info-page {padding-bottom: 60px;}
.partners-history {padding: 60px 0;}
.partners-history__image {display: block; margin: 0 auto 60px; max-width: 100%;}
.partners-history h2 {text-align: center; margin: 60px 0 40px;}
.partners-history__block {max-width: 1400px; margin: 0 auto 40px;}
.partners-history__block > div:not(.partners-history__block-3-images) {display: inline-block; vertical-align: middle;}
.partners-history__block-img {width: 30%;}
.partners-history__block-img img,.partners-history__block > p img {display: block; margin: 0 auto; max-width: 100%;}
.partners-history__block-img-row,.partners-history__block-3-images {display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;}
.partners-history__block-img-row > * {-ms-flex: 0 0 45%; flex: 0 0 45%; width: 45%;}
.partners-history__block-3-images > * {-ms-flex: 0 0 30%; flex: 0 0 30%; width: 30%;}
.partners-history__block-3-images img {max-width: 100%;}
.partners-history__block-img-row img {margin: 0;}
.partners-history__block-text {width: 70%; padding-left: 30px;}
.partners-history__iframe-block {width: 100%; max-width: 800px;}
.partners-history__iframe {position: relative; width: 100%; height: 0; padding-top: 56.25%;}
.partners-history__iframe iframe {position: absolute; top: 0; left: 0; border: none; width: 100%; height: 100%;}
@media (max-width: 767px) {.partners-history__block-img,.partners-history__block-text {width: 100%; padding-left: 0;}
    .partners-history__block-img {margin-bottom: 20px;}
    .partners-history__block-img img {margin: 0;}
}
@media (max-width: 575px) {.partners-history__block-3-images {-ms-flex-wrap: wrap; flex-wrap: wrap;}
    .partners-history__block-3-images > * {-ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-bottom: 20px;}
}
.contacts-drop__info-requisites {display: none; /*font-size: 14px;*/ /*line-height: 18px;*/ padding: 10px 0;}
.contacts-drop__info-requisites p {margin: 0 0 10px;}
.contacts-drop__info-link.active + .contacts-drop__info-requisites {display: block;}
.content-page {padding-bottom: 80px;}
.content-page img {max-width: 100%;}
.contacts__inner .contacts__box-bot {display: none;}
.order-page {padding: 20px 0 80px;}
.order-page .title-h1:not(.title-success),.order-page [data-fancybox-close] {display: none;}
.stationary-generator__order .order-page .title-h1 {display: block;}
.order-page .title-success {margin-bottom: 20px;}
.simple-table-block {overflow-x: auto;}
.simple-table,
.simple-table table {width: 100%; overflow: hidden;}
.simple-table td,.simple-table th {color: #0D192B; font-size: 14px; line-height: 22px; padding: 10px 15px; border-top: 1px solid #D8D8D9; border-bottom: 1px solid #D8D8D9; text-align: center;}
.diesel-engines__table td,.diesel-engines__table th {padding-left: 10px; padding-right: 10px;}
.simple-table .gray {background-color: #EFF0F2;}
.simple-table .left {text-align: left;}
.simple-table a:not(.btn),.diesel-engines__link a {color: #000; text-decoration: underline;}
.simple-table a:hover,.diesel-engines__link a:hover {text-decoration: none;}
.diesel-engines__table--full {max-width: 100%; width: 100%;}
.diesel-engines__table--full .td--section {padding: 25px 15px; font-size: 16px; font-weight: 700;}
.diesel-engines__table--full .simple-table {min-width: 1000px;}
.diesel-engines__table-info {padding: 40px 0; max-width: 1000px;}
.diesel-engines__table-info .simple-table {min-width: 0;}
.diesel-engines__char-title {margin-bottom: 15px;}
.product-detail__descr-more {margin: -20px 0 80px;}
.product-detail__descr-more-list {margin-top: -10px; max-width: 1000px; columns: 2;}
.product-detail__descr-more-list p {margin: 0 0 10px;}
.product-detail__descr-images {padding-bottom: 80px;}
.product-detail__descr-images img {display: block; width: auto; max-width: 100%; margin-bottom: 40px;}
.product-detail__descr-images .project-detail__slider {max-width: 1000px;}
.product-detail__descr-images .project-detail__slider-item {background-size: contain;}
@media (max-width: 490px) {.product-detail__descr-more-list {columns: 1;}
}
.diesel-sections__item-info {display: block; min-height: 225px;}
@media (max-width: 690px) {.diesel-sections__item-info {min-height: 0;}
}
.diesel-description__box li {margin-bottom: 5px;}
.diesel-description__box-hidden h5, .diesel-description__box-hidden .title-h5 {margin-bottom: 15px;}
.diesel-description__box-hidden:not(.active) {display: none;}
.tr--konteiner,.tr--kozhuh {display: none;}
.product-models__description {max-width: 1200px; margin-bottom: 80px;}
.stationary-generator__order .radio {background: #fff;}
.product-detail__descr-box--big .tr--center .td {text-align: center;}
.product-detail__descr-box--big .tr:not(.tr--center) .td:nth-of-type(1) {padding-right: 20px; text-align: left; color: #595C5E;}
.product-detail__descr-box--big .tr:not(.tr--center) .td:nth-of-type(2) {padding-left: 20px; text-align: left; color: #595C5E;}
.product-detail__descr-box--big ul {margin: 10px 0; padding: 0 0 0 35px;}
.product-detail__descr-box--big li:not(:last-of-type) {margin: 0 0 15px;}
@media (max-width: 490px) {.product-detail__descr-box--big .tr--title {font-size: 14px; line-height: 18px;}
    .product-detail__descr-box--big .tr:not(.tr--center) .td:nth-of-type(1) {padding-right: 10px;}
    .product-detail__descr-box--big .tr:not(.tr--center) .td:nth-of-type(2) {padding-left: 10px;}
    .product-detail__descr-box--big ul {padding-left: 15px; font-size: 13px; line-height: 18px;}
}
.stationary-generator__top.title-h5 a {color: #000;}
.link--black {color: #0D192B !important; text-decoration: underline;}
.link--black:hover {text-decoration: none;}
.three-phase__power-table--auto-width .three-phase__power-td {width: auto; padding: 9px 20px 6px;}
.product-detail__yamz-info h4:first-letter, .product-detail__yamz-info .title-h4:first-letter {text-transform: uppercase;}
.product-detail__yamz-info strong {font-weight: 400;}
.diesel-engines--accessories .diesel-engines__content {max-width: 100%;}
.diesel-engines--accessories .product-detail__advantages-box .col--left {width: 72%;}
.diesel-engines--accessories .product-detail__advantages-box .col--right {width: 28%;}
@media (max-width: 1023px) {.diesel-engines--accessories .product-detail__advantages-box .col--left,.diesel-engines--accessories .product-detail__advantages-box .col--right {width: 100%;}
.header-top {
    box-shadow: none;
}
}
.main-about__slider--video {height: 0; padding-top: 56.25%;}
.main-about__slider--video video {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.adsbygoogle {display: none !important;}
.generators-BOM__table tr:not(:nth-of-type(1)):not(:nth-of-type(2)) td:first-of-type {font-weight: 600; text-align: left;}
.generators-BOM__table tr:nth-of-type(1) td:first-of-type {text-align: left;}
.generators-BOM__table,.power-plants__table {overflow-x: auto;}
.generators-BOM__table .simple-table,.power-plants__table .simple-table {overflow: visible;}
.power-plants__table tr td:first-of-type {text-align: left;}
.power-plants__table tr:not(:first-of-type) td:first-of-type {font-weight: 600;}
.power-plants__table--2 tr:nth-of-type(2) td:first-of-type {font-weight: 400;}
.control-systems-content h3 {margin: 40px 0 15px;}
.control-systems-content h5 {margin: 30px 0 0;}
.control-systems-content h5 a {color: #000;}
.stationary-generator__text h2 {margin-top: 60px;}
.menu-holder .mobile-only.hidden {display: none;}
.body--no-wow .breadcrumps,.body--no-wow .page-top__info h1,.body--no-wow .menu--sub{visibility: visible !important; animation-name: none !important;}
@media (max-width: 575px) {.pop-order {padding: 50px 20px;}
    .order-form .input + span {font-size: 12px;}
    .order-form .order-form__step {margin-bottom: 20px;}
    .order-form .tab-link {display: -ms-inline-flexbox;display: inline-flex;-ms-flex-align: center;align-items: center;justify-content: center;-ms-flex-pack: center;height: 60px;}
    .order-form .step-holder--many label {margin-bottom: 20px;}
    .order-form .input--other-volume {margin-top: 10px;}
    .order-form .check-option + span, .order-form .step-powerSupply__title, .order-form .step-holder--step2 .radio + span{font-size: 14px;line-height: 22px;}
    .order-form .radio-block--input {display: block;margin-bottom: 20px;}
    .order-form .radio-block--input .radio + span {display: inline-block;vertical-align: top;width: calc(100% - 50px);margin: 0 0 0 5px !important;}
    .order-form .radio-block--input input[type="text"] {width: 100%;margin-top: 15px;}
}
.menu--top-sub, .is-mobile-drop {display: none;}
@media(min-width: 1024px) {.menu--top-sub {position: absolute; top: 50px; left: 0; background: #F7F8FA; padding: 0;}
    .header--min .menu--top-sub {top: 45px;}
    .menu--top li {position: relative;}
    .menu--top li:hover > .menu--top-sub {display: block;}
    .menu--top-sub li {display: block;background-color: transparent;transition: background-color .2s;}
    .menu--top-sub li:hover,.menu--top-sub li.active {background-color: #EEF1F6;}
    .menu--top-sub li a {margin: 0;color: #0D192B;padding: 10px 20px;border: none;}
    .menu--top-sub .menu--top-sub {top: 0;left: 100%;}
    .menu--top-sub .is-drop:after {content: '';display: block;width: 8px;height: 11px;background: url(/local/templates/comd2019/images/menu-arrow.svg) no-repeat center;position: absolute;top: 50%;right: 20px;margin-top: -6px;}
    .menu--top-sub .is-drop > a {padding-right: 40px;}
    .menu--top-sub .depth--2 {padding-left: 40px;}
}
@media(max-width: 1023px) {.menu--top {white-space: normal;}
    .menu--top > li {position: relative;margin-right: 0 !important;}
    .menu--top-sub > li > a {line-height: 36px !important;margin-bottom: 25px !important;}
    .menu--top a {transition: none;}
    .menu--top .is-mobile-drop {display: block;width: 24px;height: 24px;background: url(/local/templates/comd2019/images/menu-arrow.svg) no-repeat center;background-size: auto 20px;position: absolute;top: 50%;right: -30px;margin-top: -12px;}
    .menu--top .is-drop {position: relative;}
    .menu--top .is-drop .is-mobile-drop {left: auto;right: -30px;top: 50%;margin-top: -20px;transform: none;}
    .menu--top .is-drop.mobile-drop .is-mobile-drop {left: 10px;right: auto;top: 28px;margin-top: 0;transform: rotate(180deg);}
    .mobile-drop {position: absolute !important;top: 0;left: 0;background: #fff;width: 100%;height: 100%;padding: 20px 0;z-index: 1;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
    .mobile-drop > a {background: #EFF0F2;padding: 10px 60px !important;}
    .mobile-drop .is-mobile-drop {transform: rotate(180deg);right: auto;left: 10px;top: 28px;margin-top: 0;width: 40px;height: 40px;}
    .mobile-drop > .menu--top-sub {display: block;padding: 0 60px;}
    .mobile-drop > .menu--top-sub {display: block;padding: 0 60px;}
    /* .mobile-drop > .menu--top-sub > li:last-of-type {padding-bottom: 60px;margin-bottom: 60px;} */
    .is-depth-2 .mobile-drop:not(.is-drop) > a {display: none;}
    .is-depth-2 > .mobile-drop > ul > li:not(.mobile-drop) {display: none;}
    .header-top__address {display: none;}
    .header-top__right .social {display: none;}
}
@media(max-width: 690px) {.menu--top .is-mobile-drop {right: 0;background-size: auto;}
    .mobile-drop .is-mobile-drop,.menu--top .is-drop.mobile-drop .is-mobile-drop {top: 22px;left: 16px;}
    .menu--top-sub > li > a {line-height: 24px !important;margin-bottom: 15px !important;}
}
.pop-order-small {padding: 50px 100px;}
.order-page--small {position: relative; padding: 0 0 100px; max-width: 1200px;}
.pop-order-small .pop-title {margin-bottom: 30px;}
.pop-order-small .pop-order__content {max-width: 100%;}
.pop-order-small .input + span {letter-spacing: normal; text-transform: none;}
.pop-order-small .input {padding: 10px 15px;}
.pop-order-small .order-form__step {margin-bottom: 10px;}
.pop-order-small .order-form__step--item {margin-bottom: 20px;}
.pop-order-small .order-form__step-text {margin-top: -10px; margin-bottom: 20px; font-size: 14px; line-height: 22px; max-width: 970px;}
.pop-order-small .input-holder--no-label {padding-top: 0;}
.pop-order-small textarea.input {display: block; padding: 11px 15px; resize: none;}
.pop-order-small .input-holder--file {padding-top: 14px; padding-bottom: 14px;}
.pop-order-small .input-holder--file span:last-child {margin-top: -2px;}
.pop-order-small .order-form__step-text--bottom {margin-top: 20px;}
.pop-order-small .order-form__btn {position: absolute; bottom: 50px; right: 100px;}
.order-page--small .order-form__btn {position: static;}
.body--order .page-top__info {position: relative; display: block; padding-top: 1px; max-width: 1200px;}
.order-back-link {position: absolute; top: 50%; right: 0; margin-top: 10px; font-size: 14px; line-height: 22px; color: #595C5E; border-bottom: 1px solid rgba(89,92,94,.4);}
.order-back-link:hover {border-bottom-color: rgba(89,92,94,.8);}
.order-page--small .title-success {padding-top: 40px;}
.pop-callback:not(.pop-thanks) { padding: 40px; max-width: 480px; }

.header-top__right .btn--white, .header-top__right .btn--orange{ padding: 12px 15px 13px; }
.header-top__right .btn-search { padding: 10px 15px 8px; }
@media(max-width: 1190px) {.pop-order-small textarea.input {height: 102px;}
    .pop-order-small .input-holder--file span:last-child {min-height: 44px;}
}
@media(max-width: 1023px) {.pop-order-small:not(.order-page--small) {padding: 50px 40px;}
    .pop-order-small:not(.order-page--small) .order-form__btn {right: 40px;}
    .pop-order-small .input-holder--file span:last-child {font-size: 12px; line-height: 16px; min-height: 32px; margin-top: 0;}
    .pop-order-small textarea.input {height: 86px;}
    .order-back-link {margin-top: 5px;}
}
@media(max-width: 767px) {.pop-order-small .input-holder--50 {width: 100%; margin-right: 0;}
    .pop-order-small .input-holder--file span:last-child {min-height: 0;}
    .pop-order-small .order-form__btn {position: static; margin-top: 20px;}
    .order-back-link {position: static;}
}
@media(max-width: 380px) {.pop-order-small:not(.order-page--small) {padding: 50px 20px;}
    .pop-order-small:not(.order-page--small) .input-holder--big span {font-size: 12px;}
}
.stationary-generator__order .order-page--small {padding-bottom: 0;}
sup.required {color: #ff0000; vertical-align: top;}
/*.js__scroll-to-mobile {display: none;}*/
@media(max-width: 1023px) {.js__scroll-to-mobile {margin-right: 20px; padding: 13px 16px 12px;}
    .js__scroll-to-mobile--des-types {width: 60%; margin: 20px 20% 40px;}
    .js__scroll-to-mobile,.js__scroll-to-mobile + .page-top__info-logo{display: inline-block; vertical-align: middle; margin-top: 36px;}
}
@media(max-width: 490px) {.project-detail__other-item {margin-right: 15px; width: 300px;}
}
@media(min-width: 1653px) {
    .callback__icon { display: none; }
    .header-top__right > * { margin-right: 16px; }
    .header-phone__email { margin-left: 16px; }
}
@media(min-width: 1800px) {
    .header-top__right > * { margin-right: 50px; }
    .header-phone__email { margin-left: 50px; }
}
@media(min-width: 2000px) {
    .header-top__right > * { margin-right: 80px; }
    .header-phone__email { margin-left: 80px; }
}
@media(max-width: 1653px) {
    .callback__text { display: none; }
    .header-top__right .callback__item { padding: 8px 11px 5px; }
}

@media(max-width: 1500px) {
    .header-top__address { display: none; }
}

@media(max-width: 1280px) {
    .header-phone__email { display: none; }
}

@media(max-width: 1280px) {
    .header-phone__email { display: none; }
}

@media(max-width: 1050px) {
    .header-phone__phone { display: none; }
}

.wrap_404 {display: flex; margin-bottom: 50px;}
.wrap_404 img {width: 100%;}
@media (max-width: 678px) {
	.wrap_404 {display: block;}
}

.youtube_wrapper { position: relative; padding-bottom: 56.25%; height: 0; }
.youtube_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 1920px) {
    .main-top__item-block2 { margin-top: -300px; }
    .main-top__item-info { padding: 20px 10px 82px 105px; }
}

@media screen and (max-width: 1919px) {
    .main-top__img { padding: 60px 10px 82px 105px; margin-top: 0px; }
    .main-top__item-block2 { margin-top: 0px; }   
}
@media screen and (max-width: 1024px) {
    .main-top__img {padding: 60px 10px 82px 10px;}
}

@media screen and (max-width: 1023px) {
    .main-top__img {display: none;}
}
@media screen and (min-width: 1024px) {
    .main-top__item-h {display: none;}
}

/* Редизайн подвала */
.footer-copyrigth { display: flex; justify-content: space-between; padding: 30px 0 37px 0; }
.footer-menu { margin-bottom: 16px; }
.footer-col { width: 30%; }
.footer-phone.call_phone_1 { display: block; color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.8px; text-transform: uppercase; margin-bottom: 16px; }
.footer-text { color: #7F7F7F; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 20px !important; margin-top: 0; }
.footer-text__last { margin-bottom: 30px !important; }
.footer-btn { height: 45px; padding: 19px 27px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border: 2px solid #BDBDBD; color: #7F7F7F; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.55px; text-transform: uppercase; display: flex; width: 180px; margin-top: 10px; }
footer .social { display: contents; }
footer .social .social-item { margin: 0 33px 0 0; padding: 18px; border: 2px solid #7F7F7F; filter: none !important; margin-top: 56px; }

footer .social .social-item:hover { filter: brightness(100) !important; }
.footer-phones .social, .footer-btn__mobile { display: none; }
.footer-text__mail { text-decoration: underline; }

.order-form .tab-link-item{display: inline-block; vertical-align: top; width: 50%; padding: 16px; font-weight: bold; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 1px; text-transform: uppercase; color: #274372; border: 1px solid #274372; margin: 40px 0;}
.order-form .tab-link-item.active{background-color: #274372; color: #ffffff;}


/* 
.diesel-production__table {width: 100%;overflow-x: auto;max-height: 400px;}
.tr--header {position: sticky;top: 0;background-color: white;z-index: 10;} */

.tr--header {background-color: white; z-index: 1;width: 100%;} 

.tr--header.header-style { padding: 0 105px; position: fixed; -webkit-font-smoothing: antialiased; animation: .9s ease 0s normal both 1 running fixedAnim; -webkit-animation: .9s ease 0s normal both 1 running fixedAnim; -moz-animation: .9s ease 0s normal both 1 running fixedAnim; -ms-animation: .9s ease 0s normal both 1 running fixedAnim; -o-animation: .9s ease 0s normal both 1 running fixedAnim; top: 140px; left: 0; right: 0; }
@-webkit-keyframes fixedAnim {
  0% { top: -100%; }
  100% { top: 140px; }
}
@-moz-keyframes fixedAnim {
  0% { top: -100%; }
  100% { top: 140px; }
}
@keyframes fixedAnim {
  0% { top: -100%; }
  100% { top: 140px; }
}
@media (max-width: 1850px) {
    .footer-col { width: 25%; }
}

@media (max-width: 1630px) {
    .footer-col { width: 29%; }
}

@media (max-width: 900px) {
    .footer-mid .footer-col:not(.footer-col--right), .footer-btn { display: none; }
    .footer-btn__mobile { height: 45px; padding: 19px 27px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border: 2px solid #BDBDBD; color: #7F7F7F; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.55px; text-transform: uppercase; display: flex; width: 180px; margin-top: 10px; margin-bottom: 26px; }
    .footer-col--right { width: 100%; display: flex; justify-content: center; text-align: center; }
    .footer-phones { display: flex !important; justify-content: center !important; flex-direction: column !important; align-items: center !important; }
    .footer-phones .social { display: flex; margin: 32px 0; gap: 30px; }
    footer .footer-phones .social .social-item { margin: 0; }
}

@media (max-width: 1000px) {
	.footer-copyrigth { flex-wrap: wrap; flex-direction: column-reverse; text-align: center; }
    .footer-copyrigth__wrapper a { margin-top: 0 !important; margin-bottom: 23px !important; display: flex !important; flex-direction: column; flex-wrap: wrap; margin-left: 0 !important; position: inherit !important; }
    .footer-copyrigth__wrapper { margin-bottom: 19px; }
}

.product-detail__all-generators-items.hiddenDesc .product-models__item-name, .product-detail__all-generators-items.hiddenDesc .product-models__item-descr { display: none; transition: 0.4s ease-in-out; transition-delay: 250ms; }
.product-detail__all-generators-items.hiddenDesc .product-models__item:hover .product-models__item-name, .product-detail__all-generators-items.hiddenDesc .product-models__item:hover .product-models__item-descr { display: inherit; }
#zakazkp { background-color: #EFF0F2; max-width: 800px; }
#zakazkp .tender-form { padding: 0; margin: 0; }
#zakazkp .tender-form__left, #zakazkp .tender-form__right { width: 100%; }
.ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__badge, .ya-share2__container.ya-share2__container_color-scheme_blackwhite .ya-share2__mobile-popup-badge { background-color: #162948 !important; }
.js-tab-content { display: none; }
.js-tab-content.active { display: block; }
.diesel-engines__item-buy { width: 100%; }
.social--blue .social-item--rutube { background-image: url(/local/templates/comd2019/images/rutube-contacts.svg); fill: #7F7F7F; filter: none; width: 40px; height: 40px; margin: -6px 0px; }
.social--blue .social-item--rutube:hover { fill: #002B7E; }

.cookie-warning p { margin: 0; }
.cookie-warning { position: fixed; bottom: 0; left: 0; align-items: center; width: 100%; background-color: rgba(0, 0, 0, 0.75); color: white; text-align: center; justify-content: center; padding: 15px; font-size: 16px; z-index: 9999999999; display: none; }
.cookie-warning a { color: #ffcc00; text-decoration: none; }
.cookie-warning button { padding: 8px 16px; margin-left: 20px; }

@media (max-width: 575px) {
    .cookie-warning { font-size: 12px; flex-direction: column; }
    .cookie-warning button { margin: 0; font-size: 12px; }
}
li.is-drop ul.menu--top-sub.moch {
    max-height: 290px;
    overflow: auto;
}

/* Для Webkit-браузеров (Chrome, Safari, Edge) */
li.is-drop ul.menu--top-sub::-webkit-scrollbar {
    width: 6px; /* Узкая ширина скроллбара */
}

li.is-drop ul.menu--top-sub::-webkit-scrollbar-thumb {
    background-color: #888; /* Цвет для ручки скроллбара */
    border-radius: 10px; /* Скругление углов ручки */
}

li.is-drop ul.menu--top-sub::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Цвет фона скроллбара */
}

/* Для Firefox */
li.is-drop ul.menu--top-sub {
    scrollbar-width: thin; /* Узкая ширина скроллбара */
    scrollbar-color: #888 #f1f1f1; /* Цвет для ручки и фона скроллбара */
}
.fixed_info_catalog{
    display: none;
}
@media (min-width:1350px) and (min-height: 940px){
    .main-reason{
        min-height: 723px;
    }
    .main-top{
        min-height: 940px;
    }
}
@media (max-width:415px) and (min-height: 820px){
    .main-reason{
        min-height: 770px;
    }
    .main-top{
        min-height: 820px;
    }
}
/* End */
/* /local/templates/comd2019/js/owl.carousel.css?17485550993234 */
/* /local/templates/comd2019/js/fancybox/jquery.fancybox.css?174855509914686 */
/* /local/templates/comd2019/js/animate.css?174855509968064 */
/* /local/templates/comd2019/js/jquery.formstyler.css?17485550991999 */
/* /local/templates/comd2019/template_styles.css?1750749678201803 */