@charset "UTF-8";  body.fancybox-active {  overflow: hidden;  }
body.fancybox-iosfix {  position: fixed;  left: 0;  right: 0;  }

.fancybox-is-hidden {  position: absolute;  top: -9999px;  left: -9999px;  visibility: hidden;  }
.fancybox-container {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 99992;  backface-visibility: hidden;  transform: translateZ(0);  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";  }
.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  }
.fancybox-outer {  overflow-y: auto;  }
.fancybox-bg {  background: #1e1e1e;  opacity: 0;  transition-duration: inherit;  transition-property: opacity;  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);  }
.fancybox-is-open .fancybox-bg {  opacity: 0.87;  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);  }
.fancybox-infobar,.fancybox-toolbar,.fancybox-caption-wrap {  position: absolute;  direction: ltr;  z-index: 99997;  opacity: 0;  visibility: hidden;  transition: opacity .25s, visibility 0s linear .25s;  box-sizing: border-box;  }
.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption-wrap {  opacity: 1;  visibility: visible;  transition: opacity .25s, visibility 0s;  }
.fancybox-infobar {  top: 0;  left: 0;  font-size: 13px;  padding: 0 10px;  height: 44px;  min-width: 44px;  line-height: 44px;  color: #ccc;  text-align: center;  pointer-events: none;  user-select: none;  mix-blend-mode: exclusion;  }
.fancybox-toolbar {  top: 0;  right: 0;  margin: 0;  padding: 0;  }
.fancybox-stage {  overflow: hidden;  direction: ltr;  z-index: 99994;  transform: translate3d(0, 0, 0);  }
.fancybox-is-closing .fancybox-stage {  overflow: visible;  }

.fancybox-slide {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  overflow: auto;  outline: none;  white-space: normal;  box-sizing: border-box;  text-align: center;  z-index: 99994;  display: none;  backface-visibility: hidden;  transition-property: opacity;  transition-property: transform, opacity;  transition-property: transform, opacity;  }
.fancybox-slide::before {  content: '';  display: inline-block;  vertical-align: middle;  height: 100%;  width: 0;  }
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next {  display: block;  }
.fancybox-slide--image {  overflow: visible;  }
.fancybox-slide--image::before {  display: none;  }
.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe {  background: #000;  }
.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe {  background: #E5E3DF;  }
.fancybox-slide--next {  z-index: 99995;  }
.fancybox-slide > * {  display: inline-block;  position: relative;  padding: 24px;  margin: 44px 0 44px;  border-width: 0;  vertical-align: middle;  text-align: left;  background-color: #fff;  overflow: auto;  box-sizing: border-box;  }
.fancybox-slide > title,.fancybox-slide > style,.fancybox-slide > meta,.fancybox-slide > link,.fancybox-slide > script,.fancybox-slide > base {  display: none;  }
.fancybox-slide .fancybox-image-wrap {  position: absolute;  top: 0;  left: 0;  margin: 0;  padding: 0;  border: 0;  z-index: 99995;  background: transparent;  cursor: default;  overflow: visible;  transform-origin: top left;  background-size: 100% 100%;  background-repeat: no-repeat;  backface-visibility: hidden;  user-select: none;  transition-property: opacity, -webkit-transform;  transition-property: transform, opacity;  transition-property: transform, opacity;  }

.fancybox-can-zoomOut .fancybox-image-wrap {  cursor: zoom-out;  }
.fancybox-can-zoomIn .fancybox-image-wrap {  cursor: zoom-in;  }
.fancybox-can-drag .fancybox-image-wrap {  cursor: grab;  }
.fancybox-is-dragging .fancybox-image-wrap {  cursor: grabbing;  }
.fancybox-image,.fancybox-spaceball {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  border: 0;  max-width: none;  max-height: none;  user-select: none;  }
.fancybox-spaceball {  z-index: 1;  }
.fancybox-slide--iframe .fancybox-content {  padding: 0;  width: 80%;  height: 80%;  max-width: calc(100% - 100px);  max-height: calc(100% - 88px);  overflow: visible;  background: #fff;  }
.fancybox-iframe {  display: block;  margin: 0;  padding: 0;  border: 0;  width: 100%;  height: 100%;  background: #fff;  }

.fancybox-error {  margin: 0;  padding: 40px;  width: 100%;  max-width: 380px;  background: #fff;  cursor: default;  }
.fancybox-error p {  margin: 0;  padding: 0;  color: #444;  font-size: 16px;  line-height: 20px;  }

.fancybox-button {  box-sizing: border-box;  display: inline-block;  vertical-align: top;  width: 44px;  height: 44px;  margin: 0;  padding: 10px;  border: 0;  border-radius: 0;  background: rgba(30, 30, 30, 0.6);  transition: color .3s ease;  cursor: pointer;  outline: none;  }
.fancybox-button,.fancybox-button:visited,.fancybox-button:link {  color: #ccc;  }
.fancybox-button:focus,.fancybox-button:hover {  color: #fff;  }
.fancybox-button[disabled] {  color: #ccc;  cursor: default;  opacity: 0.6;  }
.fancybox-button svg {  display: block;  position: relative;  overflow: visible;  shape-rendering: geometricPrecision;  }
.fancybox-button svg path {  fill: currentColor;  stroke: currentColor;  stroke-linejoin: round;  stroke-width: 3;  }
.fancybox-button--share svg path {  stroke-width: 1;  }
.fancybox-button--play svg path:nth-child(2) {  display: none;  }
.fancybox-button--pause svg path:nth-child(1) {  display: none;  }
.fancybox-button--zoom svg path {  fill: transparent;  }

.fancybox-navigation {  display: none;  }
.fancybox-show-nav .fancybox-navigation {  display: block;  }
.fancybox-navigation button {  position: absolute;  top: 50%;  margin: -50px 0 0 0;  z-index: 99997;  background: transparent;  width: 60px;  height: 100px;  padding: 17px;  }
.fancybox-navigation button:before {  content: "";  position: absolute;  top: 30px;  right: 10px;  width: 40px;  height: 40px;  background: rgba(30, 30, 30, 0.6);  }
.fancybox-navigation .fancybox-button--arrow_left {  left: 0;  }
.fancybox-navigation .fancybox-button--arrow_right {  right: 0;  }

.fancybox-close-small {  position: absolute;  top: 0;  right: 0;  width: 40px;  height: 40px;  padding: 0;  margin: 0;  border: 0;  border-radius: 0;  background: transparent;  z-index: 10;  cursor: pointer;  }
.fancybox-close-small:after {  content: '×';  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;  color: #888;  font-weight: 300;  text-align: center;  border-radius: 50%;  border-width: 0;  background-color: transparent;  transition: background-color .25s;  box-sizing: border-box;  z-index: 2;  }
.fancybox-close-small:focus {  outline: none;  }
.fancybox-close-small:focus:after {  outline: 1px dotted #888;  }
.fancybox-close-small:hover:after {  color: #555;  background: #eee;  }
.fancybox-slide--image .fancybox-close-small,.fancybox-slide--iframe .fancybox-close-small {  top: 0;  right: -40px;  }
.fancybox-slide--image .fancybox-close-small:after,.fancybox-slide--iframe .fancybox-close-small:after {  font-size: 35px;  color: #aaa;  }
.fancybox-slide--image .fancybox-close-small:hover:after,.fancybox-slide--iframe .fancybox-close-small:hover:after {  color: #fff;  background: transparent;  }
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {  display: none;  }

.fancybox-caption-wrap {  text-align: center;  bottom: 0;  left: 0;  right: 0;  padding: 0px 2vw 80px 2vw;  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);  pointer-events: none;  }
.fancybox-caption {  padding: 30px 0;  border-top: 1px solid rgba(255, 255, 255, 0.4);  font-size: 14px;  color: #fff;  line-height: 20px;  }
.fancybox-caption a,.fancybox-caption button,.fancybox-caption select {  pointer-events: all;  position: relative;  }
.fancybox-caption a {  color: #fff;  text-decoration: underline;  }

.fancybox-slide > .fancybox-loading {  border: 6px solid rgba(100, 100, 100, 0.4);  border-top: 6px solid rgba(255, 255, 255, 0.6);  border-radius: 100%;  height: 50px;  width: 50px;  animation: fancybox-rotate .8s infinite linear;  background: transparent;  position: absolute;  top: 50%;  left: 50%;  margin-top: -30px;  margin-left: -30px;  z-index: 99999;  }
@-webkit-keyframes fancybox-rotate {  from {  transform: rotate(0deg);  }
 to {  transform: rotate(359deg);  }
  }
@keyframes fancybox-rotate {  from {  transform: rotate(0deg);  }
 to {  transform: rotate(359deg);  }
  }

.fancybox-animated {  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);  }
.fancybox-fx-slide.fancybox-slide--previous {  transform: translate3d(-100%, 0, 0);  opacity: 0;  }
.fancybox-fx-slide.fancybox-slide--next {  transform: translate3d(100%, 0, 0);  opacity: 0;  }
.fancybox-fx-slide.fancybox-slide--current {  transform: translate3d(0, 0, 0);  opacity: 1;  }
.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next {  opacity: 0;  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);  }
.fancybox-fx-fade.fancybox-slide--current {  opacity: 1;  }
.fancybox-fx-zoom-in-out.fancybox-slide--previous {  transform: scale3d(1.5, 1.5, 1.5);  opacity: 0;  }
.fancybox-fx-zoom-in-out.fancybox-slide--next {  -webkit-transform: scale3d(0.5, 0.5, 0.5);  transform: scale3d(0.5, 0.5, 0.5);  opacity: 0;  }
.fancybox-fx-zoom-in-out.fancybox-slide--current {  transform: scale3d(1, 1, 1);  opacity: 1;  }
.fancybox-fx-rotate.fancybox-slide--previous {  transform: rotate(-360deg);  opacity: 0;  }
.fancybox-fx-rotate.fancybox-slide--next {  transform: rotate(360deg);  opacity: 0;  }
.fancybox-fx-rotate.fancybox-slide--current {  transform: rotate(0deg);  opacity: 1;  }
.fancybox-fx-circular.fancybox-slide--previous {  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);  opacity: 0;  }
.fancybox-fx-circular.fancybox-slide--next {  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);  opacity: 0;  }
.fancybox-fx-circular.fancybox-slide--current {  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);  opacity: 1;  }
.fancybox-fx-tube.fancybox-slide--previous {  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);  }
.fancybox-fx-tube.fancybox-slide--next {  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);  }
.fancybox-fx-tube.fancybox-slide--current {  transform: translate3d(0, 0, 0) scale(1);  }

.fancybox-share {  padding: 30px;  border-radius: 3px;  background: #f4f4f4;  max-width: 90%;  text-align: center;  }
.fancybox-share h1 {  color: #222;  margin: 0 0 20px 0;  font-size: 35px;  font-weight: 700;  }
.fancybox-share p {  margin: 0;  padding: 0;  }
p.fancybox-share__links {  margin-right: -10px;  }
.fancybox-share__button {  display: inline-block;  text-decoration: none;  margin: 0 10px 10px 0;  padding: 0 15px;  min-width: 130px;  border: 0;  border-radius: 3px;  background: #fff;  white-space: nowrap;  font-size: 14px;  font-weight: 700;  line-height: 40px;  user-select: none;  color: #fff;  transition: all .2s;  }
.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 {  position: relative;  top: -1px;  width: 25px;  height: 25px;  margin-right: 7px;  vertical-align: middle;  }
.fancybox-share__button svg path {  fill: #fff;  }
.fancybox-share__input {  box-sizing: border-box;  width: 100%;  margin: 10px 0 0 0;  padding: 10px 15px;  background: transparent;  color: #5d5b5b;  font-size: 14px;  outline: none;  border: 0;  border-bottom: 2px solid #d7d7d7;  }

.fancybox-thumbs {  display: none;  position: absolute;  top: 0;  bottom: 0;  right: 0;  width: 212px;  margin: 0;  padding: 2px 2px 4px 2px;  background: #fff;  box-sizing: border-box;  z-index: 99995;  }
.fancybox-thumbs-x {  overflow-y: hidden;  overflow-x: auto;  }
.fancybox-show-thumbs .fancybox-thumbs {  display: block;  }
.fancybox-show-thumbs .fancybox-inner {  right: 212px;  }
.fancybox-thumbs > ul {  list-style: none;  position: absolute;  position: relative;  width: 100%;  height: 100%;  margin: 0;  padding: 0;  overflow-x: hidden;  overflow-y: auto;  font-size: 0;  white-space: nowrap;  }
.fancybox-thumbs-x > ul {  overflow: hidden;  }
.fancybox-thumbs-y > ul:: -webkit-scrollbar {  width: 7px;  }
.fancybox-thumbs-y > ul:: -webkit-scrollbar-track {  background: #fff;  border-radius: 10px;  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);  }
.fancybox-thumbs-y > ul:: -webkit-scrollbar-thumb {  background: #2a2a2a;  border-radius: 10px;  }
.fancybox-thumbs > ul > li {  float: left;  overflow: hidden;  padding: 0;  margin: 2px;  width: 100px;  height: 75px;  max-width: calc(50% - 4px);  max-height: calc(100% - 8px);  position: relative;  cursor: pointer;  outline: none;  box-sizing: border-box;  }
li.fancybox-thumbs-loading {  background: rgba(0, 0, 0, 0.1);  }
.fancybox-thumbs > ul > li > img {  position: absolute;  top: 0;  left: 0;  max-width: none;  max-height: none;  user-select: none;  }
.fancybox-thumbs > ul > li:before {  content: '';  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  border: 4px solid #4ea7f9;  z-index: 99991;  opacity: 0;  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {  opacity: 1;  }

@media all and (max-width: 800px) {  .fancybox-thumbs {  width: 110px;  }
 .fancybox-show-thumbs .fancybox-inner {  right: 110px;  }
 .fancybox-thumbs > ul > li {  max-width: calc(100% - 10px);  }
}

/* Slider */

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 40%;

    display: none;

    cursor: pointer;
}

.slick-slider {
    position: relative;
    top: 0px;
    left: 0px;
    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

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

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

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
    margin-right: 10px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
@charset 'UTF-8';

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

.slick-prev:before,
.slick-next:before
{
    font-size: 20px;
    line-height: 1;

    opacity: 1
}

.slick-prev

{
    color: transparent;
    border: medium none;
    outline: medium none;
    background: transparent none repeat scroll 0% 0%;
}

.slick-prev:before
{
    content: url("../i/left_button.png");
}

.slick-next
{
    color: transparent;
    border: medium none;
    outline: medium none;
    background: transparent none repeat scroll 0% 0%;
}

.slick-next:before
{
    content: url("../i/right_button.png");
}

/* Dots */

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  background: white; padding: 4rem;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

html {  color: #000;  background: #fff;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, p, blockquote, th, td {  margin: 0;  padding: 0;  }
table {  font-family: Aria, sans-serif;  font-size: 1.2rem;  border-collapse: collapse;  border-spacing: 0;  }
fieldset, img {  border: 0;  }
ol, ul {  list-style: none;  }
caption, th {  text-align: left;  }
h1, h2, h3, h4, h5, h6 {  font-size: 100%;  font-weight: normal;  }
q:before, q:after {  content: '';  }
abbr, acronym {  border: 0;  font-variant: normal;  }
sup {  vertical-align: text-top;  }
sub {  vertical-align: text-bottom;  }
input, textarea, select {  font-family: inherit;  font-size: inherit;  font-weight: inherit;  }
legend {  color: #000;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;  }

* {  box-sizing: border-box;  vertical-align: top;  }
html {  height: 100%;  font-size: 10px;  }
body {  font-size: 1.6rem;  color: #232323;  font-family: Alegreya Sans, sans-serif;  line-height: 1.35;  width: 100%;  min-height: 100%;  background: white;  vertical-align: top;  }

img {  display: inline-block;  max-width: 100%;  }
a {  color: inherit;  text-decoration: none;  }
em {  font-weight: bold;  }
hr {  display: block;  border: none;  border-bottom: 1px solid #ccc;  margin: 2rem 0;  }
p {  margin-bottom: 1em;  }
strong {  font-weight: normal;  }

h1, h2, h3, h4 {  margin-bottom: 1em;  line-height: 1em;  }
h1 {  font-size: 3.4rem;  }
h2 {  font-size: 3rem;  }
h3 {  font-size: 2rem;  color: #2c4c99;  }

.adaptive-show {  display: none;  }
.hidden { display: none; }
form input.error,form textarea.error {  border: 2px solid #df0000;  }
.dn {  display: none !important;  }
.eh:hover {  position: relative;  top: 3px;  }
.counters {  display: none;  }
@keyframes ring {  0% {  transform: rotate(0deg);  }
 25% {  transform: rotate(10deg);  }
 50% {  transform: rotate(0deg);  }
 100% {  transform: rotate(-10deg);  }
}


.form-policy { margin-bottom: 1rem; }
form .checkwrap {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  align-items: center;  position: relative;  min-height: 25px;  padding-left: 35px;  }
form .checkwrap span { border: 1px solid gray !important; }
form .checkwrap > * {  display: inline-block;  padding: 0;  }
form .checkwrap > input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;  }
form .checkwrap:hover input ~ .checkmark {  border: 1px solid #2c4c99;  }
form .checkwrap input:checked ~ .checkmark {  background-color: white;  }
form .checkmark {  cursor: pointer;  position: absolute;  top: 0;  left: 0;  height: 24px;  width: 24px;  background-color: #fff;  border: 1px solid #fff;  }
form .checkmark::after {  content: "";  position: absolute;  display: none;  width: 1rem; height: 1rem; background: #2c4c99; }
form .checkwrap input:checked ~ .checkmark::after {  display: block;  }
form .checkwrap .checkmark:after {  background: #2c4c99;  left: 50%;  top: 50%;  width: 7px;  height: 7px;  transform: translate(-50%, -50%);  }


.ui-input, input[type="text"], input[type="checkbox"], input[type="password"], input[type="email"], select, textarea {
  padding: 1.5rem 2rem; font-size: 1.5rem; border: 1px solid transparent; outline: 0; width: 100%; margin-bottom: 1rem; 
  color: black; overflow: hidden; background: #f0f0f0; }

.ui-input:focus, input:focus[type="text"], input:focus[type="checkbox"], input:focus[type="password"], input:focus[type="email"], select:focus, textarea:focus {
	background-color: white; color: #202020; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); }

input[type="text"]:focus, input[type="checkbox"]:focus, select:focus, textarea:focus { background: white; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); }
input[type="text"]::placeholder, textarea::placeholder { color: #808080;  font-style: italic; }

textarea { min-height: 85px; }

input[type="checkbox"] { cursor: pointer; width: 2rem; height: 2rem; appearance: none; -webkit-appearance: none;
	border: none; background: white; padding: 0; max-width: 2rem; position: relative; margin-right: 10px; display: inline-block;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }  
input[type="checkbox"]:checked::after { display: inline-block; content: ''; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; background: #2d67b6; }

select { appearance: none; -webkit-appearance: none; -moz-appearance: none;
  position: relative; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='gray'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: 1.5rem 1rem; background-position: right center; background-clip: border-box; -webkit-background-clip: border-box; }

select option[disabled="disabled"] {
  opacity: 0.7; }

/* Капча */
/* -------------------------------------------------------------------- */
.vcap-input { display:flex; align-items:center; align-content:center; margin-bottom:1rem; flex-wrap: wrap; gap: 1rem; }
.vcap-input label { margin-bottom:0 !important; font-weight: normal; flex-basis: 100px; flex-grow: 1; }
.vcap-input a { color: #3c60b3; }
.vcap-input .vcap { appearance: none; width: 2rem; height: 2rem; border: 2px solid #aaa; padding: 0; outline: none; }
.vcap-input .vcap::before { border:none; left: 4px; top: 4px; right: 4px; bottom: 4px;  background: transparent; width: auto; height: auto; content: ''; display: block; position: absolute;}
.vcap-input .vcap::after { display: none !important; }
.vcap-input .vcap:checked::before { background: var(--color-green); }
.vcap-input.-error .vcap { border-color: red; }
.vcap-input .vcap_question { display: none; }
.vcap_question { flex-basis: 100%; border: 1px solid #e0e0e0; padding: 1rem; }
.vcap_question .title { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.vcap_question .confirm-button { margin-top: 1rem; }
.vcap_question .variants { display: flex; gap: 1rem; align-items: center; justify-content: start; flex-wrap: wrap; }
.vcap_question .variants .variant { display: inline-block; padding: 0.5rem 1rem; font-size: 16px; border-radius: 3px; background: #f0f0f0; cursor: pointer; transition: .3s; }
.vcap_question .variants .variant:hover { background: #e0e0e0; }
.vcap_question .variants .variant.-active { background: #3c60b3; color: white; }
.vcap_value.error + input { border: 1px solid red !important; }

.call-close {  opacity: 0.7;  border: none;  width: 12px;  height: 12px;  position: absolute;  top: 10px;  right: 10px;  background: url("../i/icon_cross.png") no-repeat;  cursor: pointer;  }
.call-close:hover {  opacity: 1;  }
.form-policy {  display: flex;  flex-flow: row nowrap;  align-items: center;  }



.header {  padding-left: 20px;  padding-right: 20px;  }
.header > .container {  max-width: 1150px;  margin: 0 auto;  }
.header > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.header .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: center;  align-content: center;  padding: 20px 0; gap: 1rem; align-items: center;  flex-wrap: wrap; }
.header .container > * {  display: inline-block;  padding: 0;  }

.header .header-logo {  background: url("../i/logo.png") center left/contain no-repeat;  width: 339px;  height: 92px;  display: inline-block;  }
.header .header-info {  display: flex;  flex-flow: column nowrap;  flex-basis: 460px; gap: 1rem; flex-grow: 1; }

.header .main-menu { display: flex; flex-wrap: wrap; justify-content: end; font-size: 1.8rem; margin-right: -1rem; }
.header .main-menu a { display: block; padding: 0.5rem 1rem; transition: all .3s; }
.header .main-menu li.active a { font-weight: bold; }
.header .main-menu a:hover { background: #133890; color: white; }

.header .social {  text-align: right;  white-space: nowrap; display: inline-flex; align-items: center; }
.header .social > a {  display: inline-block;  margin: 0 3px;  width: 26px;  height: 25px;  }
.header .social > a:hover {  filter: invert(10%);  }
.header .social > .fb {  background: url("../i/icon_soc.png") no-repeat;  }
.header .social > .inst {  background: url("../i/icon_soc.png") no-repeat;  background-position-x: -35px;  }
.header .social > .vk {  background: url("../i/icon_soc.png") no-repeat;  background-position-x: -69px;  }
.header .header-span { flex-grow: 1; }

.header .contacts { display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; }

.header .header-where {  display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
.header .header-info > * { flex-grow: 1; justify-content: end; }
.header .buttons {}
.header .header-phone {   text-align: right; white-space: nowrap; }
.header .header-phone .phone { font-family: "Arial"; font-size: 3rem; color: #9f9f9f; }
.header .header-phone span {  color: #2c4c99;  }
.header .header-where .call-us { flex-wrap: nowrap; white-space: nowrap; position: relative;}

.header .header-info-top {  display: block;  display: flex;  flex-flow: row wrap;  gap: 1rem;  }
.header .header-info-top > * {  display: inline-flex;  padding: 0;  align-items: center; flex-wrap: wrap; }
.header .header-mail {  font-weight: bold;  display: flex;  align-items: center;  min-height: 21px;  text-decoration: underline;  color: #2c4c99;  padding-left: 35px;  background: url("../i/icon_mail.png") left center no-repeat;}
.header .header-address {  white-space: nowrap;  display: inline-flex;  padding-left: 35px;  background: url("../i/icon_location.png") left center no-repeat; align-items: center;  }
.header .header-address span {  display: block;  }

.header .ui-button { padding: 0.5rem 1rem; height: 4rem; display: flex; align-items: center; min-width: 22rem;}
.header .ui-button i { width: 22px;  height: 20px;  margin-right: 10px; display: inline-block; }
.header .call-us i {  background: url("../i/icon_call.png") center/contain no-repeat;   }
.header .tender-button i { background: url("../i/icon-tender.png") center/contain no-repeat;  }
.header .shop-button { background: transparent; border: 2px solid #666; color: black; }
.header .shop-button i {  background: url("../i/icon-shop.png") center/contain no-repeat;   }
.header .shop-button:hover { background: #f0f0f0; }


@media screen and (max-width: 960px) {
	.header .header-logo-container { flex-basis: 100%; text-align: center; margin-bottom: 1rem; }
	.header .social { text-align: center;}
	.header .header-info { flex-basis: 100%; }
	.header .header-info-top { justify-content: center; }
	.header .contacts { justify-content: center; }
	.header .main-menu { justify-content: center; }
	.header .header-mail { display: none; }
	.header .tender-button { display: none; }
	.header { background: linear-gradient(to top, #00000010, transparent 3rem); margin-bottom: 1rem; }
}                                                                           

@media screen and (max-width: 480px) {
	.header .header-info-top .header-mail { display: none; }
}


.top-nav {  padding-left: 20px;  padding-right: 20px;  }
.top-nav > .container {  max-width: 1150px;  margin: 0 auto;  }
.top-nav > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.top-nav .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  align-items: center;  height: 100%;  }
.top-nav .container > * {  display: inline-block;  padding: 0;  }

.top-nav .horizontal-menu {  height: 100%;  }
.top-nav .horizontal-menu a {  color: #414141;  }
.top-nav .horizontal-menu > ul {  display: flex;  flex-flow: row wrap;  justify-content: space-between;  }
.top-nav .horizontal-menu > ul > li {  display: inline-block;  text-align: center;  font-size: 1.6rem;  }
.top-nav .horizontal-menu > ul > li a {  font-size: 1.8rem;  }
.top-nav .horizontal-menu > ul > li:last-child > a {  border: none;  }
.top-nav .horizontal-menu > ul > li > ul {  text-align: left;  display: none;  padding: 10px 0;  position: absolute;  }
.top-nav .horizontal-menu > ul > li:hover > ul {  display: block;  }
.top-nav .horizontal-menu > ul > li > ul > li: last-child > a {  border: none;  }
.top-nav .horizontal-menu > ul > li > ul > li:hover > ul {  display: block;  }
.top-nav .horizontal-menu > ul {  height: 100%;  }
.top-nav .horizontal-menu > ul > li > a {  display: flex;  align-items: center;  padding: 1.5rem 2rem;  }
.top-nav .horizontal-menu > ul > li: not(: last-child) a {  border-right: 1px solid #ddd;  }
.top-nav .horizontal-menu > ul > li.active > a {  background: #ff9000;  color: #FFF;  border: none;  border-right: 1px solid #ff9000;  }
.top-nav .horizontal-menu > ul > li > a:hover {  color: #2c4c99;  text-decoration: underline;  }
.top-nav .horizontal-menu > ul > li > ul {  padding: 2rem;  }
.top-nav .horizontal-menu > ul > li > ul > li {  margin: 10px;  }
.top-nav .horizontal-menu > ul > li a {  font-size: 1.6rem;  }

@media screen and (max-width: 960px) {
	.top-nav .horizontal-menu { display: none; }
}	

.header-search {  display: inline-block;   }
.header-search form {  max-width: 200px; position: relative; }
.header-search input[type="text"] { width:100%  border: none;  background: #f2f2f2; padding:1rem; margin:0;  }
.header-search .submit-search {  min-width: 15px;  margin-right: 5px;  position: absolute; right:0; top: 50%; transform: translateY(-50%); }


.top-slider {  padding-left: 0;  padding-right: 0;  height: 500px;  position: relative;  overflow: hidden; }
.top-slider > .container {  max-width: 1150px;  margin: 0 auto;  }
.top-slider > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.top-slider .top-slide {  height: 100%;  position: relative;  margin-right: 0;  }
.top-slider .slick-slider, .top-slider .slick-list, .top-slider .slick-track { height: 100%; }
.top-slider .top-slide > img {  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  object-fit: cover;  }
.top-slider .container {  max-width: 1150px;  height: 100%;  margin: 0 auto;  display: flex;  justify-content: flex-end;  align-items: flex-end;  padding-bottom: 90px;  }
.top-slider .slide-info {  display: flex;  flex-direction: column;  justify-content: center;  height: 300px;  position: relative;  text-align: left;  max-width: 520px;  color: #FFF;  padding: 0 50px;  background: rgba(0, 0, 0, 0.85);  padding-bottom: 20px;  }
.top-slider .slide-info > a {  font-size: 2.5rem;  margin-bottom: 0.5em;  color: #ffda37;  display: block;  }
.top-slider .slick-next, .top-slider .slick-prev {  width: 21px;  height: 14px;  padding: 0;  top: 50%;  transform: translateY(-50%);  }
.top-slider .slick-next {  right: 10px;  }
.top-slider .slick-prev {  left: 10px;  }
.top-slider .slick-prev:before, .top-slider .slick-next:before {  width: 21px;  height: 14px;  padding: 0;  background-color: #FFF;  display: flex;  opacity: 0.7;  content: '';  mask: url("../i/top_arrow.svg");  }
.top-slider .slick-next:before {  transform: rotate(180deg);  }
.top-slider .slick-next:hover:before, .top-slider .slick-prev:hover:before, .top-slider .slick-next:hover:before {  background-color: #ffda37;  opacity: 1;  }
.top-slider .arrow-block {  z-index: 2;  height: 100%;  position: absolute;  width: 1150px;  left: 50%;  padding-bottom: 90px;  transform: translateX(-50%);  display: flex;  align-items: flex-end;  justify-content: flex-end;  }
.top-slider .arrow-container {  width: 520px;  height: 200px;  position: relative;  }

.top-services {  padding-left: 20px;  padding-right: 20px;  background: #f8f8f8;  padding-top: 20px;  }
.top-services > .container {  max-width: 1150px;  margin: 0 auto;  }
.top-services > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.top-services .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  background: #FFF;  padding: 25px 35px 15px;  }
.top-services h2 {  width: 100%;  text-align: center;  color: #2c4c99;  font-weight: bold;  margin: 0 0 35px 0;  }

.top-services .top-service {  min-width: 320px; }
.top-services .top-service .image { width: 100%; padding-top: 50%; position: relative; overflow: hidden; margin:0; }
.top-services .top-service .image img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; margin:0; }
.top-services .top-service > a {  display: block;  margin-bottom: 2rem;  background: #2c4c99;  padding: 15px 10px;  text-transform: uppercase;  color: #FFF !important;  }
.top-services .top-service:hover > a {  background: #ff9000;  }

.top-service ul li { margin: 3px 0; } 
.top-service ul li a:hover { text-decoration: underline; color: #2c4c99; }
.top-services { padding-top: 0; }
.top-services.services-page { display: flex; flex-flow: row wrap; }
.top-services.services-page .top-service { width: 48%; margin: 15px 1%; min-width: 300px; height: 300px; }

.top-info {  padding-left: 20px;  padding-right: 20px;  background: #f8f8f8;  padding-top: 20px;  }
.top-info > .container {  max-width: 1150px;  margin: 0 auto;  }
.top-info > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.top-info .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  background: #f8f8f8;  flex-flow: row nowrap;  }
.top-info .container > * {  display: inline-block;  padding: 0;  }

.top-info .info-menu {  min-width: 32%;  margin-right: 2%;  padding: 25px 45px;  background: #2c4c99;  color: #FFF;  }
.top-info .info-menu h2 {  font-weight: bold;  margin: 0 0 15px 0;  padding: 0 0 15px 0;  border-bottom: 1px solid #FFF;  color: #FFF;  }
.top-info .info-menu > ul > li {  display: block;  margin: 5px 0;  }
.top-info .info-about {  width: 100%;  padding: 25px 45px;  background: #FFF;  }
.top-info .info-about h1 {  font-size: 2.4rem;  font-weight: bold;  margin: 0 0 15px 0;  padding: 0 0 15px 0;  border-bottom: 1px solid #2c4c99;  color: #2c4c99;  }

.our-features {  padding-left: 20px;  padding-right: 20px;  background: #f8f8f8;  padding-top: 20px;  padding-bottom: 40px;  }
.our-features > .container {  max-width: 1150px;  margin: 0 auto;  }
.our-features > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.our-features .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  background: #f8f8f8;  justify-content: flex-start;  }
.our-features .container > * {  display: inline-block;  padding: 0;  }
.our-features h2 {  font-weight: bold;  color: #2c4c99;  width: 100%;  text-align: center;  margin: 0 0 35px 0;  }

.our-features .our-feature {  font-size: 1.5rem;  width: 32%;  padding-left: 100px;  padding-right: 20px;  background: #FFF;  height: 80px;  display: flex;  align-items: center;  }
.our-features .our-feature: not(: last-child) {  margin-right: 2%;  }
.our-features .our-feature-1 {  background: url("../i/main_features_1.jpg") left center no-repeat, #FFF;  }
.our-features .our-feature-2 {  background: url("../i/main_features_2.jpg") left center no-repeat, #FFF;  }
.our-features .our-feature-3 {  background: url("../i/main_features_3.jpg") left center no-repeat, #FFF;  }

.news-at-main {  padding-left: 20px;  padding-right: 20px;  background: url("../i/news_block_bg.jpg");  background-size: cover;  padding: 40px 20px;  }
.news-at-main > .container {  max-width: 1150px;  margin: 0 auto;  }
.news-at-main > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.news-at-main .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  }
.news-at-main .container > * {  display: inline-block;  padding: 0;  }
.news-at-main h2 {  font-weight: bold;  color: #FFF;  width: 100%;  text-align: center;  margin: 0 0 35px 0;  }

.news-at-main .news-item {  width: 48%;  display: flex;  flex-flow: row nowrap;  border-bottom: 5px solid #2c4c99;  background: #FFF;  }
.news-at-main .news-item img {  width: 130px;  margin-right: 30px;  }
.news-at-main .news-item .news-info {  width: 100%;  display: flex;  flex-flow: column;  padding-top: 35px;  padding-right: 25px;  }
.news-at-main .news-item .news-info .news-top {  display: flex;  flex-flow: row wrap;  margin-bottom: 10px;  align-items: center;  }
.news-at-main .news-item .news-info .news-date {  color: #FFF;  background: #ff9000;  font-size: 1.4rem;  display: flex;  justify-content: center;  align-items: center;  width: 30%;  margin-right: 5%;  }
.news-at-main .news-item .news-info .news-header {  font-size: 1.8rem;  color: #2c4c99;  font-weight: bold;  width: 65%;  }
.news-at-main .news-item .news-info .news-header:hover {  text-decoration: underline;  }
.news-at-main .news-item .news-info .news-top {  display: block;  }
.news-at-main .news-item img {  margin-right: 0;  }
.news-at-main .news-item .news-info > *: last-child {  margin-bottom: 0;  }
.news-at-main .news-item .news-info .news-date {  float: left;  width: auto;  padding: 0.2rem 1rem;  margin-right: 1rem;  }
.news-at-main .news-item .news-info {  font-size: 1.5rem;  padding: 3rem;  }
.news-at-main .news-items:nth-child(2n-1) {  margin-right: 4%;  }


.our-services {  padding-left: 20px;  padding-right: 20px;  background: #f8f8f8;  padding: 40px 20px;  }
.our-services > .container {  max-width: 1150px;  margin: 0 auto;  }
.our-services > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.our-services .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  }
.our-services .container > * {  display: inline-block;  padding: 0;  }
.our-services h2 {  font-weight: bold;  color: #2c4c99;  width: 100%;  text-align: center;  margin: 0 0 35px 0;  }
.our-services .our-service {  width: 48%;  display: flex;  flex-flow: row nowrap;  background: #FFF;  margin-bottom: 25px;  }
.our-services .our-service img {  min-width: 130px;  margin-right: 30px;  }
.our-services .our-service .service-info {  width: 100%;  display: flex;  flex-flow: row wrap;  padding-top: 35px;  padding-right: 25px;  padding-bottom: 15px;  }
.our-services .our-service .service-info .service-header {  font-size: 1.8rem;  color: #2c4c99;  font-weight: bold;  margin-bottom: 10px;  }
.our-services .our-service .service-info > a {  color: #ff9000;  padding-left: 10px;  background: url("../i/icon_more.png") left center no-repeat;  display: flex;  align-items: center;  }
.our-services .our-service .service-info > a:hover {  text-decoration: underline;  }
.our-services .sep-block {  margin-bottom: 25px;  display: flex;  flex-flow: row nowrap;  align-items: center;  justify-content: space-between;  }
.our-services .sep-block > a {  min-width: 360px;  position: relative;  right: -15px;  margin-left: 60px;  display: inline-block;  }
.our-services .sep-block h2 {  text-align: left;  margin: 0 0 15px 0;  }
.our-services .sep-block .call-us {  display: inline-flex;  align-items: center;  cursor: pointer;  padding: 10px 35px 10px 20px;  background: #ff9000;  font-size: 1.8rem;  color: #FFF;  }
.our-services .sep-block .call-us i {  display: inline-block;  background: url("../i/icon_call.png") center center no-repeat;  width: 22px;  height: 25px;  margin-right: 10px;  }
.our-services .sep-block .call-us:hover i {  animation: ring 1s 3;  }

.our-works {  padding-left: 20px;  padding-right: 20px;  background: url(../i/portfolio_block_bg.jpg);  padding: 40px 20px;  background-size: cover;  }
.our-works > .container {  max-width: 1150px;  margin: 0 auto;  }
.our-works > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.our-works .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  }
.our-works .container > * {  display: inline-block;  padding: 0;  }
.our-works h2 {  font-weight: bold;  color: #ffdf49;  width: 100%;  text-align: center;  margin: 0 0 35px 0;  }
.our-works img {  width: 100%;  padding: 0 7%;  }

.our-certificates {  padding-left: 20px;  padding-right: 20px;  padding: 40px 20px;  }
.our-certificates > .container {  max-width: 1150px;  margin: 0 auto;  }
.our-certificates > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.our-certificates .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  }
.our-certificates .container > * {  display: inline-block;  padding: 0;  }
.our-certificates h2 {  font-weight: bold;  color: #2c4c99;  width: 100%;  text-align: center;  margin: 0 0 35px 0;  }

.our-partners {  padding-left: 20px;  padding-right: 20px;  padding: 40px 20px;  }
.our-partners > .container {  max-width: 1150px;  margin: 0 auto;  }
.our-partners > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.our-partners .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  }
.our-partners .container > * {  display: inline-block;  padding: 0;  }
.our-partners h2 {  font-weight: bold;  color: #2c4c99;  width: 100%;  text-align: center;  margin: 0 0 35px 0;  }

.our-partners .partner {  min-width: 120px;  width: 18%;  background-size: contain !important;  background-repeat: no-repeat !important;  min-height: 80px;  margin: 10px 0;  }
.our-partners .partner-1 {  background: url("../i/main_partner_1.webp") center center;  }
.our-partners .partner-2 {  background: url("../i/main_partner_2.webp") center center;  }
.our-partners .partner-3 {  background: url("../i/main_partner_3.webp") center center;  }
.our-partners .partner-3-b {  background: url("../i/main_partner_3b.webp") center center;  }
.our-partners .partner-4 {  background: url("../i/main_partner_4.webp") center center;  }
.our-partners .partner-5 {  background: url("../i/main_partner_5.webp") center center;  }
.our-partners .partner-6 {  background: url("../i/main_partner_6.webp") center center;  }
.our-partners .partner-7 {  background: url("../i/gazprom.webp") center center;  }
.our-partners .partner-8 {  background: url("../i/eurohim.webp") center center;  }
.our-partners .partner-9 {  background: url("../i/main_partner_9.webp") center center;  }
.our-partners .partner-10 {  background: url("../i/main_partner_10.webp") center center;  }
.our-partners .partner-11 {  background: url("../i/stsol.webp") center center;  }
.our-partners .partner-12 {  background: url("../i/tinkoff.webp") center center;  }
.our-partners .partner-13 {  background: url("../i/kinef.webp") center center;  }
.our-partners .partner-14 {  background: url("../i/siemens.webp") center center;  }

.secondary .our-partners {  background: #F2F2F2;  }
.secondary .our-partners .partner {  filter: invert(5%);  }

.bottom-info {  padding-left: 20px;  padding-right: 20px;  padding: 40px 20px;  background: url("../i/bottom_about_bg.webp");  background-size: cover;  }
.bottom-info > .container {  max-width: 1150px;  margin: 0 auto;  }
.bottom-info > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.bottom-info .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  }
.bottom-info .container > * {  display: inline-block;  padding: 0;  }
.bottom-info .bottom-slide {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  flex-flow: row nowrap;  align-items: center;  display: flex !important;  }
.bottom-info .bottom-slide > * {  display: inline-block;  padding: 0;  }
.bottom-info .bottom-slide > img {  min-width: 25%;  margin-right: 10%;  }
.bottom-info .bottom-slide .bottom-slide-info {  width: 100%;  }
.bottom-info .bottom-slide .bottom-slide-info h2 {  color: #2c4c99;  margin-bottom: 25px;  }
.bottom-info .bottom-slide .bottom-slide-info p {  margin-bottom: 25px;  }
.bottom-info .bottom-slide .bottom-slide-info a {  display: inline-block;  background: url("../i/icon_white_dots.png") 20px center no-repeat, #2c4c99;  color: #FFF;  padding: 20px 20px 20px 60px;  }
.bottom-info .slick-next, .bottom-info .slick-prev {  width: 10px;  height: 38px;  padding: 0;  top: 50%;  transform: translateY(-50%);  }
.bottom-info .slick-next {  right: -20px;  }
.bottom-info .slick-prev {  left: -20px;  }
.bottom-info .slick-prev:before, .bottom-info .slick-next:before {  width: 12px;  height: 38px;  padding: 0;  background-color: #000;  display: flex;  opacity: 0.5;  content: '';  mask: url("../i/bottom_arrow.svg") center no-repeat;  }
.bottom-info .slick-next:before {  transform: rotate(180deg);  }
.bottom-info .slick-next:hover:before, .bottom-info .slick-prev:hover:before, .bottom-info .slick-next:hover:before {  opacity: 1;  }

.map-form {  padding-left: 20px;  padding-right: 20px;  padding: 20px;  background: url("../i/bottom_map.jpg") no-repeat, #DEDEDE;  }
.map-form > .container {  max-width: 1150px;  margin: 0 auto;  }
.map-form > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.map-form .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  align-items: flex-start;  }
.map-form .container > * {  display: inline-block;  padding: 0;  }
.map-form .container > h2 {  width: 40%;  color: #FFF;  font-size: 3rem;  background: #ff9000;  text-align: center;  margin: 0 0 35px 0;  padding: 20px 25px;  }


.footer-nav {  padding-left: 20px;  padding-right: 20px;  background: #000;  }
.footer-nav > .container {  max-width: 1150px;  margin: 0 auto;  }
.footer-nav > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.footer-nav .horizontal-menu a {  color: #414141;  }
.footer-nav .horizontal-menu > ul {  display: flex;  flex-flow: row wrap;  justify-content: space-between;  }
.footer-nav .horizontal-menu > ul > li {  display: inline-block;  text-align: center;  font-size: 1.6rem;  }
.footer-nav .horizontal-menu > ul > li a {  font-size: 1.8rem;  }
.footer-nav .horizontal-menu > ul > li: last-child > a {  border: none;  }
.footer-nav .horizontal-menu > ul > li > ul {  text-align: left;  display: none;  padding: 10px 0;  position: absolute;  }
.footer-nav .horizontal-menu > ul > li:hover > ul {  display: block;  }
.footer-nav .horizontal-menu > ul > li > ul > li: last-child > a {  border: none;  }
.footer-nav .horizontal-menu > ul > li > ul > li:hover > ul {  display: block;  }
.footer-nav .horizontal-menu > ul {  justify-content: flex-start;  }
.footer-nav .horizontal-menu > ul > li:first-child > a {  padding-left: 0;  }
.footer-nav .horizontal-menu > ul > li > a {  padding: 20px;  display: block;  color: #FFF;  }
.footer-nav .horizontal-menu > ul > li > a:hover {  text-decoration: underline;  color: #FFF;  border: none;  }

.footer {  padding-left: 20px;  padding-right: 20px;  background: #2c4c99;  padding: 20px;  }
.footer > .container {  max-width: 1150px;  margin: 0 auto;  }
.footer > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.footer .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  align-items: center;  }
.footer .container > * {  display: inline-block;  padding: 0;  width: 32.33333%;  padding: 1%;  }
.footer .copyright {  color: #FFF;  }
.footer .copyright span {  display: block;  color: #ddd;  }
.footer .footer-phone {  font-size: 4rem;  color: #FFF;  }
.footer .footer-phone span {  color: #f2d23f;  }
.footer .vebas {  font-size: 1.4rem;  padding-right: 150px;  background: url("../i/vebas.png") right center no-repeat;  display: flex;  align-items: center;  color: #ddd;  max-width: 320px;  }

.secondary-page {  padding-left: 20px;  padding-right: 20px;  margin: 30px 0;  }
.secondary-page > .container {  max-width: 1150px;  margin: 0 auto;  }
.secondary-page > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.secondary-page .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  flex-flow: row nowrap;  }
.secondary-page .container > * {  display: inline-block;  padding: 0;  }

.side-block {  width: 30%;  min-width: 350px;  margin-right: 3rem;  }
.side-block .side-nav {  padding: 30px 0;  background: #f2f2f2;  }
.side-block .side-nav h2 {  font-weight: bold;  margin: 0 30px;  color: #2c4c99;  margin-bottom: 1rem;  padding-bottom: 1rem;  border-bottom: 1px solid #2c4c99;  }
.side-block .side-nav ul li {  padding: 5px 30px;  }
.side-block .side-nav > ul {  display: block;  }
.side-block .side-nav > ul > * {  display: block;  }
.side-block .side-nav > ul > li > a {  font-size: 1.6rem;  display: block;  }
.side-block .side-nav ul li > a:hover {  color: #2c4c99;  }
.side-block .side-nav > ul > li > ul {  display: none;  }
.side-block .side-nav > ul > li.active {  border-left: 10px solid #ff9000;  padding: 0;  margin: 1rem 0;  }
.side-block .side-nav > ul > li.active > a {  padding: 15px 30px;  background: #FFF;  color: #2c4c99;  font-size: 1.8rem;  font-weight: bold;  }
.side-block .side-nav > ul > li.active > ul {  display: block;  padding: 10px 0;  background: #e7e5dc;  }
.side-block .side-nav > ul > li.active > ul > li {  display: flex;  flex-flow: row nowrap;  }
.side-block .side-nav > ul > li.active > ul > li.active a {  color: #2c4c99;  text-decoration: underline;  }
.side-block .side-nav > ul > li.active > ul > li a:before {  content: '-';  margin-right: 5px;  font-family: 'Arial', sans-serif;  }
.side-block .side-nav > ul > li > ul > li > ul {  margin: 10px 0;  }
.side-block .aside-banner {  display: block;  width: 100%;  height: 270px;  background: url("../i/side_banner_ostatki.jpg") center no-repeat;  background-size: cover;  margin-top: 20px;  }
.side-block .energoaudit-banner {display: block;  width: 100%;  height: 270px;  background-size: cover;  margin-top: 20px; background: url(../i/side_banner_energoaudit.jpg) center no-repeat;}

.secondary-page .content {  width: 100%; overflow: hidden;}

article a {  color: #2c4c99;  text-decoration: underline;  }
article a:hover {  text-decoration: none;  }
article p {  margin-bottom: 1rem;  }
article p a {  text-decoration: underline;  color: #2c4c99;  }

article h1 {  padding: 0;  margin-bottom: 2rem;  color: #2c4c99;  }
article h2, article h3 {  font-weight: normal;  margin-bottom: 0.5em; margin-top: 1em;   color: #2c4c99;  }
article img {  object-fit: cover;  }

article ul, .secondary-page .content ol {  margin-bottom: 1rem;  padding-left: 3rem;  }
article ul li {  list-style-type: disc;  }
/*article ol li {  list-style-type: decimal;  }*/
article table td {  border: 1px solid #000;  padding: 5px;  width: auto !important; vertical-align: center; }
article table th {  border: 1px solid #000;  padding: 5px;  width: auto !important;  background: #eaeaea; font-size: 1.5rem;text-align: center; vertical-align: center;  }
article table td.align-center { text-align: center;  }
article .content-wrapper {  margin-bottom: 1rem;  }

article img.float-left {  float: left;  max-width: 310px;  height: auto;  margin-right: 20px;  }
article img.float-right {  float: right;  max-width: 310px;  height: auto;  margin-left: 20px;  }
article img.fullwidth {  width: 100%;  height: auto;  margin: 3rem 0;  }


.img-row {  display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 2rem; margin-bottom: 2rem; }
.img-row a { margin: 0 !important; padding: 0 !important; display: block; }
.img-row a img { height: 100%; width: 100%; margin: 0 !important;}

article strong {  font-weight: bold;  color: #449340;  }

.page-top { display: flex; align-items: center; }
.breadcrumbs {  background: url("../i/icon_breadcrumbs.png") left center no-repeat;  padding-left: 25px;  margin-bottom: 2rem;  font-size: 90%;  }
.breadcrumbs ul {  display: flex;  align-items: center;  flex-flow: row wrap;  padding-left: 0;  }
.breadcrumbs li {  display: inline-block; margin: 0; margin-right: 1rem; }
.breadcrumbs li:not(:last-child)::after { content:'/'; display: inlin-block; margin-left: 1rem;}
.breadcrumbs a {  color: #2c4c99;  text-decoration: underline;  }

.sec-bottom {  padding-left: 20px;  padding-right: 20px;  background: url("../i/news_block_bg.jpg");  background-size: cover;  padding: 30px 20px 20px;  }
.sec-bottom > .container {  max-width: 1150px;  margin: 0 auto;  }
.sec-bottom > .container > h2 {  text-align: center;  display: block;  width: 100%;  }
.sec-bottom .container {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  align-items: center;  }
.sec-bottom .container > * {  display: inline-block;  padding: 0;  }

.sec-news {  display: flex;  flex-flow: column nowrap;  max-width: 550px;  }
.sec-news h2 {  width: 100%;  color: #FFF;  margin-bottom: 1em;  }
.sec-news .news-item {  width: 48%;  display: flex;  flex-flow: row nowrap;  border-bottom: 5px solid #2c4c99;  background: #FFF;  margin-bottom: 2rem;  width: 100%;  }
.sec-news .news-item img {  width: 130px;  margin-right: 30px;  }
.sec-news .news-item .news-info {  width: 100%;  display: flex;  flex-flow: column;  padding-top: 35px;  padding-right: 25px;  }
.sec-news .news-item .news-info .news-top {  display: flex;  flex-flow: row wrap;  margin-bottom: 10px;  align-items: center;  }
.sec-news .news-item .news-info .news-date {  color: #FFF;  background: #ff9000;  font-size: 1.4rem;  display: flex;  justify-content: center;  align-items: center;  width: 30%;  margin-right: 5%;  }
.sec-news .news-item .news-info .news-header {  font-size: 1.8rem;  color: #2c4c99;  font-weight: bold;  width: 65%;  }
.sec-news .news-item .news-info .news-header:hover {  text-decoration: underline;  }

.sec-bottom .container > form {  display: flex;  flex-flow: column;  min-width: 460px;  padding: 30px;  background: #ffcf68;  width: 40%;  background: #ffcf68;  }
.sec-bottom .container > form .map-form-header {  margin-bottom: 3rem;  color: #2c4c99;  font-size: 2.6rem;  }
.sec-bottom .container > form .map-form-bottom {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  align-items: center;  }
.sec-bottom .container > form .map-form-bottom > * {  display: inline-block;  padding: 0;  }
.sec-bottom .container > form .map-form-bottom input[type="submit"] {  cursor: pointer;  background: url("../i/icon_submit.png") 30px center no-repeat, #2c4c99;  padding: 20px 20px 20px 70px;  color: #FFF;  border: none;  }

.pop-up {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(102, 102, 102, 0.4);  z-index: 100;  }

.w30 {  width: 30%;  }
.w50 {  width: 50%;  }
.w70 {  width: 70%;  }

.page-preview {  margin-bottom: 2rem;  border-bottom: 1px solid #e0e0e0;  padding-bottom: 2rem;  }
.page-preview a.link {  font-size: 90%;  margin-top: 1rem;  display: block;  }

.review {  margin: 35px 0;  }
.review img {  max-height: 350px;  max-width: 250px;  min-width: 250px;  border: 4px solid #c4c4c4;  }
.rev-personal img {  border: none;  }
.review-info {  display: inline-block;  margin-left: 30px;  max-width: 470px;  vertical-align: top;  }
.review-head {  margin: 10px 0 20px;  font-size: 1.5rem;  }
.review-author {  margin-top: 20px;  color: #2f2f2f;  font-style: italic;  }

.article-item {  display: block;  display: flex;  flex-flow: row wrap;  justify-content: space-between;  align-content: center;  margin: 15px 0;  padding: 15px 0;  border-bottom: 2px solid #5b5b5b;  }
.article-item > * {  display: inline-block;  padding: 0;  margin-bottom: 0;  }
.article-item > h2 {  display: block;  width: 100%;  }
.articles-pic {  width: 18%;  margin-right: 2%;  }
.article-info {  width: 80%;  }
.article-info a {  color: #2c4c99;  }
.article-header {  color: #2c4c99;  font-size: 2rem;  margin-bottom: 1em;  }

.up-button {  transition: opacity .3s ease;  opacity: 0.7;  background-color: #ff9000;  height: 50px;  width: 50px;  bottom: 30px;  right: 30px;  cursor: pointer;  display: none;  position: fixed;  z-index: 999;  color: #fff;  align-items: flex-end;  justify-content: center;  border-radius: 35px;  -ms-user-select: none;  -moz-user-select: none;  -webkit-user-select: none;  user-select: none;  }
.up-button:before {  content: "";  position: absolute;  top: 40%;  left: 50%;  width: 30%;  height: 30%;  border-left: 3px solid white;  border-top: 3px solid white;  transform: translateX(-50%) rotate(45deg);  }
.up-button:hover {  opacity: 1;  }

.message-box {  position: relative;  padding-left: 25%;  padding-top: 2rem;  padding-bottom: 2rem;  padding-right: 1rem;  margin: 2rem 0;  border-left: 3px solid;  background: linear-gradient(to right, #fafaf7 20%, #f9f8f4 20%);  border-bottom: 2px solid #cacaca;  border-left-color: #204194; }
.message-box h2 {  margin: 0 0 1rem 0 !important;  color: #204194; }
.message-box::before {  content: '';  width: 25%;  height: 100%;  position: absolute;  top: 0;  left: 0;  display: block;  }
.message-box::before { background: url("../i/mb_alert.png") 40% center no-repeat, linear-gradient(75deg, #f9f8f4, #fdfdfc 75%, #f9f8f4 75%); }
.message-box.mb-alert {  border-left-color: #ffb000;  }
.message-box.mb-alert::before {  background: url("../i/mb_alert.png") 40% center no-repeat, linear-gradient(75deg, #f9f8f4, #fdfdfc 75%, #f9f8f4 75%);  }
.message-box.mb-alert h2 {  color: #ffb000;  }
.message-box.mb-question::before {  background: url("../i/mb_question.png") 40% center no-repeat, linear-gradient(75deg, #f9f8f4, #fdfdfc 75%, #f9f8f4 75%);  }
.message-box.mb-percent::before {  background: url("../i/mb_percents.png") 40% center no-repeat, linear-gradient(75deg, #f9f8f4, #fdfdfc 75%, #f9f8f4 75%);  }
.message-box.mb-home::before {  background: url("../i/mb_home.png") 40% center no-repeat, linear-gradient(75deg, #f9f8f4, #fdfdfc 75%, #f9f8f4 75%);  }


/* Всплывающие сообщения */
/* ============================================================== */
.message-queue { position: fixed; top: 50%; padding: 3rem; left: 50%; right: 0; background: rgba(0, 0, 0, 0.7); transform: translate(-50%, -50%); max-width: 800px; border-radius: 1rem;  z-index: 10000; }
.message-queue .message { margin: 0 auto; max-width: 700px; display: block; background: white; padding: 1rem; margin-bottom: 0.5rem; border-radius: 3px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);  }
.message-queue .message: last-child { margin-bottom: 0;  }
.message-queue .message.error { border-left: 5px solid #a6051b;  }
.message-queue .message strong { font-weight: bold; }
.message-queue .message .large { font-size: 2.5rem;}
.message-queue .message .large strong { color: #a6051b; }
.message-queue .message.critical { border-left: 5px solid transparent; color: white; background: #a6051b;  }
.message-queue .message.warning { border-left: 5px solid #ffd376;  }

@media screen and (max-width: 640px) {
	 .message-queue { padding: 1rem; bottom: 0; width: 100%; border-radius: 0; top: auto; transform: none; left:0; right:0; }
	 .message-queue .message { padding: 0.5rem; }
}


.slick-dots {  height: auto;  bottom: 15px;  padding: 0 5rem;  text-align: left;  margin: 0;  display: flex;  align-items: center;  }
.slick-dots li {  margin: 0 5px 0 0;  width: auto;  height: auto;  }
.slick-dots li button {  padding: 0;  width: 15px;  height: 15px;  }
.slick-dots li button:before {  width: 15px;  height: 15px;  opacity: 0.7;  content: '';  display: block;  mask: url("../i/dot_n.svg") center no-repeat;  background-color: #FFF;  }
.slick-dots li button:hover:before {  background-color: #ffda37;  opacity: 1;  }

.literature {  display: block;  display: flex;  flex-flow: column wrap;  align-content: center;  margin: 15px 0;  padding: 15px 0;  border-bottom: 2px solid #5b5b5b;  }
.literature-content {  color: #848484;  position: relative;  width: 100%;  }
.literature-content:before {  display: inline-block;  content: '';  position: absolute;  position: relative;  width: 18px;  height: 18px;  background: url("../i/quote.png") center/cover;  top: 0;  left: 0;  margin: 0 1rem 1rem 0;  }
.literature-author {  text-align: right;  }
.literature-author span {  color: #c4c4c4;  }


.tabs-resp {  margin: 10px 0 !important;  }
.resp-tabs-list {  margin: 0px !important;  padding: 0px;  }
.resp-tabs-list li {  font-weight: 600;  font-size: 15px;  display: inline-block;  padding: 13px 15px;  margin: 0;  list-style: none;  cursor: pointer;  float: left;  }
.resp-tabs-container {  padding: 0px;  background-color: #fff;  clear: left;  }
h2.resp-accordion {  cursor: pointer;  padding: 5px;  display: none;  }
.resp-tab-content {  display: none;  padding: 15px;  }
.resp-tab-item {  border: 1px solid #c1c1c1;  border-bottom: none;  margin-bottom: -1px !important;  padding: 12px 14px 14px 14px !important;  }
.resp-tab-active {  border-bottom: none;  background-color: #204194;  color: white; }
.resp-content-active, .resp-accordion-active {  display: block;  }
.resp-tab-content {  border: 1px solid #c1c1c1;  }

h2.resp-accordion {  font-size: 13px;  border: 1px solid #c1c1c1;  border-top: 0px solid #c1c1c1;  margin: 0px;  padding: 10px 15px;  margin: 0px !important;  }
h2.resp-tab-active {  border-bottom: 0px solid #c1c1c1 !important;  margin: 0px !important;  padding: 10px 15px !important;  }
h2.resp-tab-title: last-child {  border-bottom: 12px solid #c1c1c1 !important;  background: blue;  }

.resp-vtabs ul.resp-tabs-list {  float: left;  width: 30%;  }
.resp-vtabs .resp-tabs-list li {  display: block;  padding: 15px 15px !important;  margin: 0;  cursor: pointer;  float: none;  }
.resp-vtabs .resp-tabs-container {  padding: 0px;  background-color: #f9f9f9;  border: 1px solid #c1c1c1;  float: left;  width: 68%;  min-height: 250px;  border-radius: 4px;  clear: none;  }
.resp-vtabs .resp-tab-content {  border: none;  }
.resp-vtabs li.resp-tab-active {  border: 1px solid #c1c1c1;  border-right: none;  background-color: #f9f9f9;  position: relative;  z-index: 1;  margin-right: -1px !important;  padding: 14px 15px 15px 14px !important;  }
.resp-arrow {  width: 0;  height: 0;  float: right;  margin-top: 3px;  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top: 12px solid #c1c1c1;  }
h2.resp-tab-active span.resp-arrow {  border: none;  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 12px solid #9B9797;  }
h2.resp-tab-active {  background: #DBDBDB !important;  }
.resp-easy-accordion h2.resp-accordion {  display: block;  }
.resp-easy-accordion .resp-tab-content {  border: 1px solid #c1c1c1;  }
.resp-easy-accordion .resp-tab-content: last-child {  border-bottom: 1px solid #c1c1c1 !important;  }
.resp-jfit {  width: 100%;  margin: 0px;  }
.resp-tab-content-active {  display: block;  background-color: #f9f9f9;  padding: 25px 30px;  }
h2.resp-accordion:first-child {  border-top: 1px solid #c1c1c1 !important;  }
.resp-accordion-closed {  display: none !important;  }
@media only screen and (max-width: 768px) {  ul.resp-tabs-list {  display: none;  }
 h2.resp-accordion {  display: block;  }
 .resp-vtabs .resp-tab-content {  border: 1px solid #C1C1C1;  }
 .resp-vtabs .resp-tabs-container {  border: none;  float: none;  width: 100%;  min-height: initial;  clear: none;  }
 .resp-accordion-closed {  display: none !important;  }
 .resp-vtabs .resp-tab-content: last-child {  border-bottom: 1px solid #c1c1c1 !important;  }
  }



@media screen and (max-width: 1300px) {  body, html {  overflow-x: hidden;  }
  }

@media screen and (max-width: 1150px) {  .top-slider {  display: none;  }
 .page-1 .top-nav {  margin-top: 0;  }
 .top-services .container {  justify-content: space-around;  }
 .bottom-info .slick-next {  right: -10px;  }
 .bottom-info .slick-prev {  left: -10px;  }
  }

@media screen and (max-width: 960px) {  .page-1 .top-nav {  height: auto;  }
 .top-nav .header-search {  display: none;  }
 .top-nav .horizontal-menu > ul {  width: 100%;  justify-content: center;  }
 .top-nav .horizontal-menu > ul > li: not(: last-child) > a {  border: none !important;  } 
 .our-features, .map-form .container > h2 {  display: none;  }
 .news-at-main .news-item img, .our-services .our-service img {  object-fit: contain;  }
 object {  display: none;  }
  }

@media screen and (max-width: 768px) {  .news-at-main .news-item {  widtH: 100%;  }
 .news-at-main .news-item: last-child {  display: none;  }
 .our-services .container {  display: block;  display: flex;  flex-flow: column;  justify-content: center;  align-content: space-between;  }
 .our-services .container > * {  margin: 10px auto;  }
 .our-services .our-service {  widtH: 100%;  }
 .our-partners .container {  justify-content: space-around;  }
 .footer-nav .horizontal-menu > ul {  justify-content: space-around;  }
 .footer .container {  display: block;  display: flex;  flex-flow: column;  justify-content: center;  align-content: space-between;  }
 .footer .container > * {  margin: 10px auto;  }
 .footer .container > * {  width: 100%;  text-align: center;  }
  }
@media screen and (max-width: 640px) {  .bottom-info {  display: none;  }
 .top-services .top-service {  min-width: 340px;  }
 .our-services .sep-block {  display: block;  display: flex;  flex-flow: column;  justify-content: center;  align-content: space-between;  }
 .our-services .sep-block > * {  margin: 10px auto;  }
 .our-services .sep-block > a {  margin-left: 0;  right: 0;  min-width: 0;  }
 .sec-bottom .sec-news {  display: none;  }
  }

@media screen and (max-width: 480px) {  .top-services .top-service, .top-services.services-page .top-service {  min-width: 0px !important;  width: 100% !important;  }
 .top-nav .horizontal-menu > ul > li > a {  padding: 1rem;  }
 .top-services .container {  padding: 15px 0;  }
 .map-form .container > form, .sec-bottom .container > form {  min-width: 0;  width: 100%;  }
 .map-form .container > form .map-form-bottom {  display: block;  display: flex;  flex-flow: column;  justify-content: center;  align-content: space-between;  }
 .map-form .container > form .map-form-bottom > * {  margin: 10px auto;  }
 .top-info .container {  display: block;  display: flex;  flex-flow: column;  justify-content: center;  align-content: space-between;  }
 .top-info .container > * {  margin: 10px auto;  }
 .news-at-main .news-item {  display: block;  display: flex;  flex-flow: column;  justify-content: center;  align-content: space-between;  padding: 10px;  }
 .news-at-main .news-item > * {  margin: 10px auto;  }
 .news-at-main .news-item .news-info {  padding: 0;  }
 .news-at-main .news-item img {  margin: 10px auto;  }
 .our-services .our-service img {  min-width: 80px;  }
 .secondary-page .content .about-table img {  padding: 0 !important;  max-width: 75px;  }
 .secondary-page .content .about-table td {  min-width: 0 !important;  }
  }

@media screen and (max-width: 960px) {  .secondary-page {  padding-left: 0 !important;  padding-right: 0 !important;  }
 .secondary-page > .container > .content { padding: 2rem; margin: 0;}
 .sec-bottom .container > form { flex-basis: 100%; }
 .secondary-page .container {  position: relative;  flex-wrap: nowrap;  }
 .secondary-page .aside {  cursor: pointer;  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.5));  height: 50px;  min-width: 55px;  width: 55px;  background: url("../i/white_arrow.png") center center no-repeat, #ff9000;  margin-right: 1rem;  margin-top: 5px; display: none; }
 .secondary-page .aside.fixed {  position: fixed;  top: 0;  left: 0;  z-index: 5;  }
 .secondary-page .aside .side-nav {  display: none;  width: 300px;  background: #FFF;  padding: 10px;  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.5));  }
 .secondary-page .aside-header, .secondary-page .aside-banner, .secondary-page .side-banner {  display: none !important;  }
 .aside.opened {  width: 300px;  height: auto;  }
 .aside.opened .side-nav {  display: block;  padding: 20px 0;  margin: 0;  position: absolute;  top: 0;  }
 .aside.opened #close {  position: absolute;  top: 15px;  right: 15px;  width: 15px;  height: 12px;  content: '';  z-index: 99;  background: url("../i/white_arrow.png");  background-size: contain;  transform: scaleX(-1);  -webkit-filter: invert(1);  filter: invert(1);  }
 .secondary-page .content {  width: 100%;  padding: 2rem;  }
 .secondary-page .content.moved {  width: 100%;   }
 .secondary-page .content img {  max-width: 100% !important;  }
 .message-box {  padding-left: 10px;  }
 .message-box:before {  display: none;  }
  }

@media screen and (max-width: 480px) {
	.secondary-page .aside {  height: 50px;  width: 30px;  min-width: 30px;  }
	.secondary-page .content.moved { }
}

.secondary-page .content ul li {  margin-bottom: 0.5rem;  }
.secondary-page .side-block .side-nav ul {  font-size: 90%;  }
.secondary-page .side-block .side-nav ul li {  }
.secondary-page .side-block .side-nav ul li > a {  position: relative;  display: flex;  align-items: center;  text-align: left;  justify-content: left;  line-height: 1;  }
.secondary-page .side-block .side-nav ul li {  padding-left: 2rem;  }
.secondary-page .side-block .side-nav ul {  font-size: 95%;  padding-left: 1rem;  }
.secondary-page .side-block .side-nav > ul > li.active > a {  padding-left: 1rem;  }
.secondary-page .side-block .side-nav > ul > li.active > ul {  padding: 2rem 0;  }

.side-nav > ul > li > a::before {  content: '';  display: block;  min-width: 3.5rem;  width: 2.5rem;  height: 3.5rem;  background: no-repeat center;  margin-right: 1rem;  }

.side-nav.products > ul > li > a::before {  background-image: url(../i/menu-products-1.png);  }
.side-nav.products > ul > li:nth-child(2) > a::before {  background-image: url(../i/menu-products-2.png);  }
.side-nav.products > ul > li:nth-child(3) > a::before {  background-image: url(../i/menu-products-3.png);  }
.side-nav.products > ul > li:nth-child(4) > a::before {  background-image: url(../i/menu-products-4.png);  }
.side-nav.products > ul > li:nth-child(5) > a::before {  background-image: url(../i/menu-products-5.png);  }
.side-nav.products > ul > li:nth-child(6) > a::before {  background-image: url(../i/menu-products-6.png);  }
.side-nav.products > ul > li:nth-child(7) > a::before {  background-image: url(../i/menu-products-7.png);  }
.side-nav.products > ul > li:nth-child(8) > a::before {  background-image: url(../i/menu-products-8.png);  }
.side-nav.products > ul > li:nth-child(9) > a::before {  background-image: url(../i/menu-products-9.png);  }
.side-nav.services > ul > li > a::before {  background-image: url(../i/menu-services-1.png);  }
.side-nav.services > ul > li:nth-child(2) > a::before {  background-image: url(../i/menu-services-2.png);  }
.side-nav.services > ul > li:nth-child(3) > a::before {  background-image: url(../i/menu-services-3.png);  }
.side-nav.services > ul > li:nth-child(4) > a::before {  background-image: url(../i/menu-services-4.png);  }
.side-nav.services > ul > li:nth-child(5) > a::before {  background-image: url(../i/menu-services-5.png);  }


.ui-grid { display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 2rem; }
.ui-grid.-narrow { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 1rem; }
.ui-grid.-narrower { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.ui-grid.-wide { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); }

.dynamic-catalog-chunk { display: contents; }

.ui-button, input[type="button"], input[type="submit"], button {
  display: inline-flex; align-items: center; justify-content: center; flex-wrap: nowrap; cursor: pointer;
  text-decoration: none; white-space: nowrap; font-size: 1.6rem; margin: 0; padding: 1rem 3rem; height: 5rem; 
 	background: #133890; color: #ffffff; outline: none; border: 0;  position: relative; transition: 0.3s all;
}

.ui-button > i { margin-right: 0.5rem; background-size: auto; }

.ui-button.-mini { padding: 0.5rem 1rem; border-radius: 0.5rem; }
.ui-button.-black { background: #202020; color: white; }
.ui-button.-black:hover { background: #505050; }
.ui-button.-orange { background: #ff9000; color: white; }
.ui-button.-orange:hover { background: #505050; }


.ui-button.-gray { background: #eaeaea; color: black; }


.ui-button.-round { display: flex; align-items: center; position: relative;  }
.ui-button.-round::before { content: ''; display: block; border-radius: 50%; background: no-repeat center/auto 1.5rem, #91ad0a; width: 3rem; height: 3rem; margin-right: 0.5rem; transition: all .3s;}
.ui-button.-round:hover::before { background-color: #404040; }

.ui-button.-large { width: 100%; padding: 2rem; font-size: 1.8rem; }


.product-card { text-align: center;  position: relative; box-shadow: 0 0 5px 0 #00000020; display: flex !important; flex-flow: column;}
.product-card .buttons { }
.product-card .buttons .ui-button { padding: 1rem; display: block; width: auto; width: 100%;}
.product-card .title { font-size: 1.6rem; text-transform: uppercase;  display: flex; justify-content: center; align-items: center; font-weight: bold; padding: 0 1rem; min-height: 2em; }
.product-card .title a { color: black; }
.product-card .image { padding-top: 80%; position: relative; flex-grow: 1}
.product-card .image a { display: block; }
.product-card .image img { margin:0 !important; position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; object-fit: contain;}
.product-card .price { padding: 0.5rem 1rem; display: flex; align-items:center; min-width: 2em; justify-content: center; border-top: 2px solid #133890; }
.product-card .price-line { height: 4rem; background: linear-gradient(#f0f0f0, white); display: flex; align-items: center; justify-content: center; }
.product-card .price strong { font-size: 2.5rem; color: #91ad0a; margin:0 0.5rem;}
.product-card .price .old-price { text-decoration: line-through; color: #00000040; }
.product-card .properties { padding: 0 1rem; margin-bottom: 0.5rem; }
.product-card .properties > * { display: inline-flex; height: 2em; padding: 0.5rem; align-items: center; margin: 0.5rem;  border: 1px solid #e0e0e0; border-radius: 0.5rem;  }
.product-card .properties > * i { margin-right: 0.5rem; opacity: 0.5; }
.product-card .buy-with-click { text-transform: uppercase; }

.product-top { display: flex; align-items: start; justify-content: center; gap: 4rem; margin-bottom: 4rem; }
.product-top .price { font-size: 2.2rem;  margin-bottom: 2rem; display: flex; align-items: center; justify-content: stretch; flex-wrap: wrap; gap: 1rem; }
.product-top .price > * { }
.product-top .price .price-values { flex-grow: 1; display: flex; align-items: center; margin-left:0rem;}
.product-top .price .price-values > * { margin: 0.5rem; }
.product-top .price .buy-button { margin-bottom: 0; flex-grow: 1;}
.product-top .price strong { font-weight: normal; color: #91ad0a; font-size: 2.6rem;  }
.product-top .price .old-price { text-decoration: line-through; color: #00000040; }


.product-top .info { flex-grow: 1; }

.product-gallery { flex-basis: 350px;}
.product-gallery .gallery { display: flex; margin-top: 1rem; justify-content: start; }
.product-gallery .gallery a { display: inline-block; border: 1px solid #e0e0e0;  width: 120px; height: 80px;  position: relative; }
.product-gallery a > img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; }

.product-top .cover { border: 1px solid #e0e0e0; position: relative; padding-top: 100%; }
.product-top .cover img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover}
.product-top .options .title { font-weight: bold; }
.product-top .options .option { margin-bottom: 0.5rem; }
.product-top .options .option a { text-decoration: underline; font-style: italic; opacity: 0.9; }

.product-top .buttons { display: flex; align-items: center; justify-content: stretch; flex-wrap: wrap; margin: -0.25rem; margin-bottom: 2rem; }
.product-top .buttons > * { flex-grow: 1; margin: 0.25rem; white-space: normal; }

.product-icons {  display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 2rem; margin: 3rem 0; }
.product-icons .icon { display: flex; flex-flow: column; align-items: center; text-align: center; }
.product-icons .icon i { width: 115px; height: 80px; background-size: auto; }
.product-icons .icon .top { width: 10rem; height: 10rem; font-size: 3rem; display: flex; align-items: center; justify-content: center; }
.product-icons .title { font-size: 1.8rem; font-weight: bold; text-transform: uppercase; line-height: 1.3; }
.product-icons .icon.-perfomance .top { font-size: 6rem; color: #91ad0a; }

@media screen and (max-width: 1024px) {
	.product-top { display: flex; flex-wrap: wrap; }
	.product-icons { gap: 1rem;  }
 	.product-icons .icon { flex-flow: row; text-align: left; }
	.product-icons .icon i { width: 80px; height: 6rem; background-size: contain; margin-right: 2rem; }
	.product-icons .icon .top { width: 6rem; height: 6rem; }
}

@media screen and (max-width: 960px) {
	.product-top .cover { flex-basis: 400px; padding-top: 0; }
	.product-gallery { display: flex; gap: 1rem; flex-basis: 100%; min-height: 400px; justify-content: center; }
	.product-gallery .gallery { flex-flow: column; margin-top: 0; }
}

.quick-buttons .ui-button { margin-top: 1rem;  }


.shop-menu .menu-option { font-size: 1.4rem;  margin-bottom: 2rem; }
.shop-menu .menu-option > .title { font-weight: bold; margin-bottom: 1rem; text-transform: uppercase; font-size: 1.6rem; border-left: 4px solid #91ad0a; padding: 1rem; background: #f0f0f0; transition: all .3;}
.shop-menu .menu-option-values { display: block; padding: 0.5rem; }

.shop-menu .menu-option[data-id="productManufacturer"] li { font-size: 1.9rem;  padding-left: 1rem; }
.shop-menu .menu-option[data-id="productManufacturer"] li a { display: block; padding: 0.5rem; }
.shop-menu .menu-option[data-id="productManufacturer"] li.active { background: #91ad0a; color: white; font-weight: bold; }

.shop-menu .menu-option[data-type="select"] ul { padding: 1rem 2rem; }
.shop-menu .menu-option[data-type="select"] a { display: flex; align-items: center; text-decoration: underline; padding: 0.5rem; margin-left: -1rem; }
.shop-menu .menu-option[data-type="select"] a:hover { background: #00000005; }
.shop-menu .menu-option[data-type="select"] a::before { width: 1.5rem; height: 1.5rem; content:''; display: inline-block; border-radius: 50%; background: #00000010; margin-right:  0.5rem; }
.shop-menu .menu-option[data-type="select"] li.active a::before { background: #00000090; }
.shop-menu .menu-option[data-id=productManufacturer] .menu-option-values { max-height: none; font-size: 1.7rem;  padding: 0; border: none; overflow: hidden; }

.shop-menu .menu-option .toggle-button { display: block; padding: 1rem; cursor: pointer; text-decoration: underline; color: #91ad0a; position: relative; background: url(../img/icon-arrow-more.png) no-repeat 0 center; margin-left: 1.5rem;  padding-left: 1.5rem; padding-top: 0; }

.shop-menu .menu-option.-open .toggle-button { background-image: url(../img/icon-arrow-more-close.png); }
.shop-menu .menu-option.-open { background: #fafafa; }
.shop-menu .menu-option.-open > .title { background: #91ad0a; color: white; }

.shop-filters.ui-tabs .content > div { padding: 1rem 2rem; }
.shop-filters.ui-tabs .content a { display: inline-block; padding: 0.5rem; text-decoration: underline;  font-size: 1.6rem; margin-right: 1rem;}
.shop-filters.ui-tabs .content a:hover { text-decoration: none; }
.shop-filters.ui-tabs > nav a { clip-path: none; }
.shop-filters.ui-tabs .content a.active { background: #2c4c99; color: white; text-decoration: none; }

@media screen and (max-width: 1024px) {
	.-shop-filters { display: none; }
}


@media screen and (max-width: 960px) {
	.shop-menu { margin-bottom: 2rem; display: flex; align-items: center; flex-wrap: wrap; }

	.shop-menu .menu-option { margin-bottom: 0; display: inline-block; flex-grow: 1;}

	.shop-menu .menu-option-values { display: none; }

	.shop-menu .menu-option > .title { margin-bottom: 0; padding: 0.5rem; font-size: 1.4rem; border-bottom: 1px solid #00000010; cursor: pointer; position: relative; padding-right: 3rem; font-weight: normal; }
	.shop-menu .menu-option > .title:hover { background: #e0e0e0;}
	.shop-menu .menu-option > .title::before { display: block; content:''; width: 1rem; height:1rem;
		position: absolute; right: 1rem; top: 1rem; background: url(../img/icon-arrow.svg) no-repeat center/contain;
		transform: rotate(90deg);
	}

	.shop-menu .menu-option.-selected { width: 100%; }
	.shop-menu .menu-option.-selected > .title { background: #91ad0a; color: white; font-weight: bold; }
	.shop-menu .menu-option.-selected > .title::before { transform: rotate(270deg); top: 1rem; filter: invert(1);}
	.shop-menu .menu-option.-selected  .menu-option-values { display: block; }
	.shop-menu .menu-option-values > * { display: inline-block; margin-right: 1rem; }

	.shop-menu .menu-option[data-id="productManufacturer"] li { font-size: 1.6rem;}
}

.page-section { margin-bottom: 4rem; }


.ui-tabs > nav { display: flex; flex-wrap: wrap; flex-direction: reverse;}
.ui-tabs > nav a { display: inline-block; padding: 1rem 2rem; text-decoration: none; font-size: 1.6rem; cursor: pointer; flex-grow: 1; background: #f0f0f0; text-align: center; 
	background: linear-gradient(to right, #fbfbfb, white); clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);}
.ui-tabs > nav a:not(:last-child) { border-right: 1px solid #efefef; }
.ui-tabs > nav a:hover { background: #f0f0f0;}
.ui-tabs > nav {  }
.ui-tabs > nav a.active { background: #f2f2f2 !important;  }
.ui-tabs > .content { background: #f2f2f2; box-shadow: 0 3px 0 0 #00000030;}
.ui-tabs > .content > * { display: none; padding: 2rem; }
.ui-tabs > .content > *.active { display: block; }

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

table td.subheading { background: #eaeaea; font-weight: bold; text-align: center; padding: 1rem; font-size: 1.6rem;}
.product-tabs table { width: 100%; }

.shop-catalog > .ui-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }


.ui-container { display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: var(--span); width: 100%; gap: 2rem; }
.ui-container.-small { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.ui-container.-wide { grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); }

@media screen and (max-width: 960px) {
	.ui-container { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}	
}

@media screen and (max-width: 768px) {
	.ui-container { display: flex; flex-flow: wrap; }
	.ui-container > * { flex-grow: 1;  }
}

.tabs-resp .message-box {  padding-left: 2rem; }
.resp-tabs-list li { margin-bottom: 0 !important; }
.tabs-resp .message-box::before { display: none;}

table[data-id="vru-modification"] img { max-height: 180px; }

.faq-question { display: block; margin-bottom: 1rem; padding: 2rem; background: white; border-bottom: 1px solid #aaa; }
.faq-question .question { font-weight: bold; color: #2c4c99; margin-bottom: 1rem; }


.seo-tags { margin: 2rem 0; font-size: 1.5rem; }
.seo-tags a { display: inline-block; background: #f0f0f0; color: #444; border-radius: 3px; padding: 0.5rem 1rem !important;  text-decoration: none !important; transition: all .3s; margin-right: 0.5rem; margin-bottom: 0.5rem; }
.seo-tags a:hover { background: black; color: white; }

.ui-slider .slick-slide {margin: 1rem; }
.ui-slider.-mini .slick-list { position: relative; display: flex; align-items: center; }
.ui-slider.-mini.slick-initialized .slick-list { margin-left: 0rem; margin-right: 0rem; -mask: linear-gradient(to right, white 95%, transparent); -webkit-mask: linear-gradient(to right, white 95%, transparent); }
.ui-slider.-mini.slick-slider .slick-arrow::after { width: 1.5rem; height: 1.5rem; background-size: contain; }
.ui-slider.-mini { margin: 0; position: relative; }

.ui-slider.-mini > button { width: 3rem; height: 3rem; background: #eecb88; }
.ui-slider.-mini > button::before { width: 1.5rem; height: 1.5rem; background: black; }
.ui-slider.-mini .slick-slide { margin: 0.5rem;}
.ui-slider.-mini > button.slick-prev { left:0; }
.ui-slider.-mini > button.slick-next { right:0; }


/* Адаптивное меню */
.adaptive-menu { transform: translateX(100%); transition: all .3s; display: none; }
.adaptive-menu { position: fixed; right:0; top:0 ;background: #2c4c99;  color: white; box-shadow: var(--shadow); z-index: 30; padding-top: 0rem;  font-size: 1.8rem; height: 100%; min-width: 30rem;}
.adaptive-menu li ul { display: none; }
.adaptive-menu > ul { color: white; padding: 2rem 4rem; z-index: 100; overflow: auto; position: absolute; top:7rem; bottom:0; left: 0; right: 0; }
.adaptive-menu li > ul { display: none; padding: 1rem; padding-top:0; padding-right: 0;  font-size: 90%; padding-left: 2rem; width: 100%; }
.adaptive-menu > ul > li.active > ul { background: linear-gradient(to right, #1f54979, transparent); border-top: 1px solid rgba(255,255,255,0.3); }
.adaptive-menu li.active > a { font-weight: bold; }

.adaptive-menu a { display: flex; padding: 1.5rem 0; position: relative; align-items: center; justify-content: space-between; }
.adaptive-menu a:hover { color: white; font-weight: bold;  }
.adaptive-menu li:not(:last-child) > a::after { content: ''; display: block; position: absolute; bottom:0; left:0; width: 100%; height: 1px; background: linear-gradient(to right,#ffffff40, transparent); }

.adaptive-menu-close { height: 7rem; cursor: pointer; position: relative; background: #000000; }
.adaptive-menu-close::after { content: ''; display: block; background: white; position: absolute; left:2rem; top:50%; transform: translateY(-50%); width: 2rem; height: 2rem; transition: all .3s; -webkit-mask: url(../i/ui-close.svg) center/1.5rem 1.5rem no-repeat; mask: url(../i/ui-close.svg) center/2rem 2rem no-repeat; }
.adaptive-menu-close:hover::after { transform: translateY(-50%) rotate(90deg); }

.adaptive-menu-open { cursor: pointer; height: 4rem; position: relative;  color: white; display: flex; align-items: center; min-width: 180px; justify-content: center; transition: all .3s; }
.adaptive-menu-open::before{ content: ''; display: block; background: white;  width: 2rem; height: 2rem; min-width: 2rem;  -webkit-mask: url(../i/icon-burger.svg) center/contain no-repeat; -mask: url(../img/icon-burger.svg) center/contain no-repeat; margin-right: 1rem;  }
.adaptive-menu-open:hover { background: #2c4c99; }

.adaptive-menu.-open { transform: translateX(0); }
.adaptive-menu > ul {padding: 2rem; padding-top: 1rem; }
.adaptive-menu-open { background: #ff9000; padding: 2rem !important; display: none; }

.adaptive-menu li a .menu-down { display: inline-block; width: 2.5rem; height: 2.5rem; min-width: 2.5rem; background: #00000020; margin-left: 2rem; position: relative; }
.adaptive-menu li a .menu-down::after { content:''; position: absolute; left:0; top:0; width: 100%; height: 100%;  display: inline-block; background: white; 
	mask: url(../i/ui-arrow-down.svg) center/80% 80% no-repeat;
	-webkit-mask: url(../i/ui-arrow-down.svg) center/80% 80% no-repeat;
}

.adaptive-menu li.-open {}
.adaptive-menu li.-open > ul { display:block; }
.adaptive-menu li.-open > a { background: #00000020; padding-left: 1rem; padding-right: 1rem;  margin-right: -1rem; }
.adaptive-menu li.-open > a .menu-down { background: white; }
.adaptive-menu li.-open > a .menu-down::after { background: black; transform: scaleY(-100%); }


@media screen and (max-width: 960px) {
	.header .header-info { flex-flow: row wrap; justify-content: center;  }
	.header .social { display: flex; align-items: center; }
	.header .header-info-top { gap: 1rem 2rem; }
	.header .header-logo { width: 265px; height: 70px;  }
	.adaptive-menu { min-width: auto; width: calc(100% - 4rem);}
	.adaptive-menu-open { display: inline-flex !important; }
	.top-nav .container { justify-content: center; }
	.secondary-page { margin-top: 0; }
}


.secondary-page .content { padding: 0 1rem; margin: 0 -1rem;}

.images-list { display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin: 2rem 0; flex-wrap: wrap; }
.images-list .image { flex-basis: 200px; display: block; box-shadow: 0 0 10px 0 #0004; align-self: start;  flex-grow: 1; }
.images-list .image a { display: block; padding-top: 100%; position: relative; }
.images-list .image img { position: absolute; left:0; top: 0; width: 100%; height: 100%; object-fit: cover; margin:0; }

.images-list.-no-align .image a { padding-top:0; }
.images-list.-no-align .image img { position: relative; }

.table-comments { font-size: 90%; margin-bottom: 3rem; margin-top: 1rem; }
.red { color: red; }
.table-comments p { margin-bottom:0; }
.schity-table .object-type { text-align: center; }
.schity-table td { vertical-align: middle; }

.gallery { display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin: 2rem 0; flex-wrap: wrap;  }
.gallery-image { display: block; box-shadow: 0 0 10px 0 #0004; align-self: start;  flex-grow: 1; border: 2px solid white; transition: all .3s;}
.gallery-image:hover { transform: scale(103%); border-color: #2c4c99; }
.gallery-image a { display: block; padding-top: 75%; position: relative; }
.gallery-image img { position: absolute; left:0; top: 0; width: 100%; height: 100%; object-fit: cover; margin:0; }


.vacancy-item .vacancy-head { position: relative; border: 2px solid #ff9000; padding: 2rem; padding-right: 7rem; transition: all 0.2s ease; border-left-width: 5px; }
.vacancy-list .vacancy-item:not(:last-child) { margin-bottom: 2rem; }
.vacancy-item .vacancy-head::before { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%) rotate(-90deg);
	content: ""; transition: all 0.2s ease; width: 2rem; height: 2rem; background-color: #ff9000; 
	mask: url('../i/bottom_arrow.svg') center/contain no-repeat; }
.vacancy-item .vacancy-content.open .vacancy-head:before { transform: translateY(-50%) rotate(-90deg); }
.vacancy-item .vacancy-content { display: none; padding: 2rem; border: 2px solid #ff9000; border-top: none; transition: all 0.2s ease; }
.vacancy-item .vacancy-head h3 { margin: 0; }

.vacancy-item .vacancy-head:hover::before { background: white; }
.vacancy-item .vacancy-head:hover { background: #2c4c99; cursor: pointer; }
.vacancy-item .vacancy-head:hover h3 { color: white; }

.vacancy-item.-open .vacancy-content { display: block; border-color: #133890; }
.vacancy-item.-open .vacancy-head { background: #133890; border-color: #133890; }
.vacancy-item.-open .vacancy-head h3  { color: white; }
.vacancy-item.-open .vacancy-head::before { background: white; }


.side-block .energoaudit-banner {display: block;  width: 100%;  height: 270px;  background-size: cover;  margin-top: 20px; background: url(../i/side_banner_energoaudit.jpg) center no-repeat;}

.calculation { margin: 2rem auto; width: 230px; flex-wrap: nowrap; white-space: nowrap; display: flex; align-items: center; cursor: pointer; padding: 10px 35px 10px 20px; background: #ff9000; font-size: 1.8rem; color: #FFF; position: relative; }
.calculation i { display: inline-block; background: url(../i/icon_calculator.png) center center no-repeat; width: 22px; height: 25px;margin-right: 10px;}
        
ol.ui-list { list-style-type: none; counter-reset: num; margin: 0 0 0 60px; padding: 15px 0 5px 0; font-size: 16px; }
ol.ui-list li {list-style-type: none!important; position: relative;	margin: 0 0 0 0; padding: 0 0 10px 0; }
ol.ui-list li:before { content: counter(num); counter-increment: num; display: inline-block; position: absolute; top: -15px; left: -30px; width: 50px; color: #FFB000; text-align: left; font-size: 40px; }

.content .ya-share2 { margin-top: 2rem;}

.download-section .download-container { display: grid; grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 2rem; margin: 2rem 0; flex-wrap: wrap;  }
.download-section .download-item { text-decoration: none; position: relative; padding: 1rem 2rem; padding-left: 10rem; background: #f0f0f0;  display: block; min-height: 8rem; display: flex; flex-flow: column; align-items: start; justify-content: center; transition: all .3s; }
.download-section .download-item .get-download { text-decoration: underline; transition: all .3s; }
.download-section .download-item .title { font-weight: bold; line-height: 1.1}
.download-section .download-item::before { background: #ff9000; width:8rem;  content: ''; display: block; position: absolute; left: 0; top: 0; bottom:0; }
.download-section .download-item::after { background: white; width:8rem;  content: ''; display: block; position: absolute; left: 0; top: 0; bottom:0; --image: url(../i/icon-file-doc.png);
	mask: var(--image) center/5rem auto no-repeat; -webkit-mask: var(--image) center/5rem auto no-repeat;
}
.download-section .download-item[data-type="pdf"]::after { --image: url(../i/icon-file-pdf.png); }

.download-section .download-item:hover { background: #133890; color: white; }
.download-section .download-item:hover::before { background: #133890; }


.page-template-4 .secondary-page .container { overflow: hidden; }

.simplesearch-result { border-left: 1px solid #ccc; padding: 1rem; padding-left: 2rem; background: #fafafa; margin-bottom: 1rem; }
.simplesearch-result h3 { text-transform: uppercase; margin-top: 0; }

.sisea-results-list { margin-bottom: 2rem; }

.pagination { display: flex; margin-top:2rem; text-align: center; align-items: center; justify-content: start; flex-wrap: wrap; }
.pagination span { display: inline-flex; margin: 0.5rem 0.5rem; background: #f4f4f4; border-radius: 50%; min-width: 30px; width: 30px; height: 30px; align-items: center; justify-content: center; text-decoration: none; transition: .3s;}
.pagination span a { text-decoration: none; }
.pagination span.-active { background: #2c4c99; color: #ffffff; }
.pagination span:hover:not(.active) { background: #ff9000; }
.pagination span:hover:not(.active) a { color: white; }

table.description-table { width: 100%; }
table.description-table th,
table.description-table td { vertical-align: middle; text-align: center;  }
.tabs-resp table {  background: white; }

ui.no-bullets-list { list-style-type: none; }
.image-title { text-align: center; margin-top: 1rem; margin-bottom: 1rem; font-weight: bold; }



/* Блок на странице и их элементы */
/* ============================================================== */

.page-block { --block-padding: 2rem; padding: var(--block-padding); overflow: hidden; position: relative; color: var(--text-color); background: var(--background-color); --text-color: inherit; --background-color: transparent;}
.page-block > .container { max-width: 1150px; margin: 0 auto; position: relative; }

@media screen and (max-width: 960px) {
	.page-block { --block-padding: 4rem; }
}
@media screen and (max-width: 768px) {
	.page-block { --block-padding: 2rem; }
	.page-block h2 { text-align: center; }
}


.top-banner { padding-bottom: 0; }
.top-banner img { width: 100%; height: auto; }


#preloader { display: none; }
body > .container { opacity: 1; }



.top-nav .horizontal-menu > ul > li > ul { background: #FFF; border: 1px solid #ddd; z-index: 99; padding: 2rem; box-shadow: 0 0 5px #ddd; border-bottom: 4px solid #2c4c99;}
.top-nav .horizontal-menu > ul > li > ul li { margin-bottom: 0.75rem; }
.top-nav .horizontal-menu > ul > li > ul li > a { padding-left: 2rem; background: url(../i/icon-arrow-thin.png) no-repeat left center;  }
.top-nav .horizontal-menu > ul > li > ul > li { margin: 5px 0; display: block; }
.top-nav .horizontal-menu > ul > li > ul > li:hover a { text-decoration: underline; color: #2c4c99;  }
.top-nav .horizontal-menu > ul > li:not(:last-child) a { border: none; }
.top-nav .horizontal-menu > ul > li:not(:last-child) > a { border-right: 1px solid #ddd; }
.page-1 .top-nav { margin-top: 0; }

section .container .bottom-form .form-policy  { max-width: 180px; }
section .container .bottom-form .checkmark { top:50%; transform: translateY(-50%); }
section .container .bottom-form a { color: #2c4c99; }
section .container .bottom-form a:hover { text-decoration: underline; }

.secondary-page .content .breadcrumbs .B_crumbBox .B_lastCrumb { display: none; }
.secondary-page .content strong { color: #2c4c99; } 

.secondary-page .side-block .side-nav > ul > li.active > ul > li:before { content: ''; margin-right: 0px; font-family: 'Arial', sans-serif; } 
.secondary-page .side-block .side-nav > ul > li.active > ul > li a:before { content: '-'; margin-right: 5px; font-family: 'Arial', sans-serif;  text-decoration: none !important; }
.secondary-page .side-block .side-nav > ul li ul { display: none; }
.secondary-page .side-block .side-nav > ul li.active > ul { display: block; }
.secondary-page .side-block .side-nav > ul > li ul li { flex-flow: row wrap !important; }
.secondary-page .side-block .side-nav > ul > li.active > ul > li.active a { text-decoration: none; color: inherit; }
.secondary-page .side-block .side-nav > ul > li.active > ul > li.active > a {  color: #2c4c99; }


#map { width: 720px; height: 400px; padding: 0; margin: 0; }

.about-table td:first-child { width: 30%; min-width: 150px; }

.checkbox input { margin-right: 5px; }

.review {	margin: 35px 0; }
.review img {	max-height: 350px; max-width: 250px; min-width: 250px;	border: 4px solid #c4c4c4; }

.rev-personal img { border: none; }
.review-info { display: inline-block; margin-left: 30px; max-width: 470px; vertical-align: top; }
.review-head {font-size: 2.4rem; font-weight: normal; color: #2c4c99; }
.review-author { margin-top: 20px; color: #2f2f2f; font-style: italic; }

.article-item { display: block; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: center; margin: 15px 0; padding: 15px 0; border-bottom: 2px solid #5b5b5b; }
.article-item > * { display: inline-block; padding: 0; margin-bottom: 0; }
.article-item > h2 { display: block; width: 100%; }
.articles-pic { width: 18%; margin-right: 2%; }

.article-info { width: 80%; }
.article-info a { color: #2c4c99; }

.article-header { color: #2c4c99; font-size: 2rem; margin-bottom: 1em; }

.imgLeft { float: left; margin: 5px 5px 5px 0; }
.imgRight { float: right; margin: 5px 0 5px 5px; }


@media screen and (max-width: 1200px) {
	.our-services:after	{ height: 110px;}
}

.ya-share2 { display: inline-flex; }
.ya-share2__list { min-width: 164px; }
.secondary-page .content .breadcrumbs .ya-share2 ul li { padding: 0; }
.breadcrumbs { display: flex; justify-content: space-between; }

.call-form { font-weight: normal; }

.sitemap {background: url(../i/sitemap1.png)  center no-repeat;     background-size:70%;}

  
.top-services .top-uslugi-1 { background: url("../i/1proektirovanie.jpg") top center no-repeat; /*background-size: contain; */}
.top-services .top-uslugi-2 { background: url("../i/2komleksnaya-postavka.jpg") top center no-repeat; /*background-size: contain;*/ }
.top-services .top-uslugi-3 { background: url("../i/3shef-montazh.JPG") top center no-repeat; /*background-size: contain; */}
.top-services .top-uslugi-4 { background: url("assets/images/4razrabotka-avtosis-1.jpeg") no-repeat center / cover; /*background-size: contain;*/}
.top-services .top-uslugi-5 { background: url("../i/5energoaudit.jpg") top center no-repeat; /*background-size: contain;*/ }
        

.footer .footer-phone { font-family: "Arial"; font-size: 3rem; }
.footer .vebas { background-size: 30%; }

.grid-1-2 { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 15px; margin: 20px 0; }
.grid-1-2 img { height: 450px; }
 
.ani { background: url(../i/bottom_about_bg.jpg) no-repeat 0px; box-shadow: 0 5px 2px -3px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(0, 0, 0, 0.1); }

.image img { margin:  20px 16px; width: 70px; }
.image { display: inline-block; position: relative; }

.item { text-align: center; position: relative; background: #f3f3f3; content: ''; display: block; width: 110px; height: 110px; border-radius: 50%; }
.item .title { margin: 10px 0px; font-weight: bold; color: #2c4c99; display: inline-block; }

.scheme {transform: translate(200%,0%);}
.scheme::before { content: ""; display: block; width: 20px; height: 20px;  position: absolute;
	right: -5rem; bottom: 3.5rem; transform: rotate(20deg) translate(150%,0%); background: url(../i/ws-arrow.svg) center no-repeat;    
  animation: scheme 3s linear alternate-reverse infinite; }

@keyframes scheme {
  100% { transform: translate(10%,10%) rotate(10deg); }
}

@keyframes box {
  100% { transform: translate(10%,10%) rotate(320deg); } 
}

@keyframes shk {
  100% { transform: translate(10%,10%) rotate(140deg); } 
}

@keyframes gear {
  100% { transform: translate(10%,10%) rotate(260deg); } 
}

@keyframes test {
  100% { transform: translate(10%,10%) rotate(200deg); }
}

.hand { transform: translate(400%,-30%);}
.hand::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 5rem; bottom: -8rem; transform: rotate(90deg) translate(150%,50%); background: url(../i/ws-arrow.svg) center no-repeat; animation: hand 3s linear alternate-reverse infinite; }
.box { transform: translate(20%,-130%); }
.box::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; right: -4rem; transform: rotate(330deg) translate(150%,0%); background: url(../i/ws-arrow.svg) center no-repeat; animation: box 3s linear alternate-reverse infinite;}
.shk {transform: translate(400%,-2%);}
.shk::after { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: -5rem; bottom: -4rem; transform: rotate(150deg) translate(100%,-50%); background: url(../i/ws-arrow.svg) center no-repeat; animation: shk 3s linear alternate-reverse infinite; }
.gear {transform: translate(20%,-100%);}
.gear::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: 3rem; top: -4rem; transform: rotate(270deg) translate(100%,-50%); background: url(../i/ws-arrow.svg) center no-repeat; animation: gear 3s linear alternate-reverse infinite; }
.test {transform: translate(200%,-100%);}
.test::after { content: ""; display: block; width: 20px; height: 20px; position: absolute; left: -40px; top: 30px; transform: rotate(210deg) translate(100%,50%); background: url(../i/ws-arrow.svg) center no-repeat; animation: test 3s linear alternate-reverse infinite; }

@media screen and ( max-width: 640px ) {
	.adaptive-table td { word-wrap: break-word; word-break: break-all; } 
}

.download-pdf { margin: 15px auto; max-width: 120px; padding-left: 50px; display: flex; align-items: center; min-height: 35px; background: url('../i/DownloadPDF.png') left center / 35px no-repeat; }

.img-ani { transition: 1s; }
.img-ani:hover { justify-content: center; transform: scale(3); }

.fancy span {display:none}

@media screen and (max-width: 810px){
	.footer { grid-template-columns: repeat(auto-fit, 30% 40% 30%); }
	.footer .footer-phone { display: flex; justify-content: center; }
	.sitemap {display: none}
}

@media screen and (max-width: 700px){
	.footer { grid-template-columns: repeat(auto-fit, 50% 50% );}
}

@media screen and (max-width: 540px) {
	.footer { grid-gap: 2rem; grid-template-columns: repeat(auto-fit, 100% ); }
	.footer .footer-phone { text-align: center;}
	.footer .footer-phone { padding:  0 20%;}
}

@media screen and (max-width: 480px) {
	.top-services .top-service > a { margin-top: 0; }  
	.footer .footer-phone { padding:  0 10%;}
}

.lefts-pop { min-width: 300px; display: none; font-weight: bold; border-radius: 7px; color: #333; background: #FFF; z-index: 9999; box-shadow: 0 0 5px #000; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.lefts-pop i { opacity: 1; border: none; width: 12px; height: 12px; position: absolute; top: 10px; right: -20px; cursor: pointer; mask-image: url("../i/icon_cross.png"); -webkit-mask-image: url("../i/icon_cross.png"); background: #FFF; }

.corner-box-2 { position:relative; display: inline-block; width: 100%; margin: 10px 0 40px 0;
    padding: 30px; color: #fff; background: #337AB7; background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,.4) 0) no-repeat 100% 0 / 30px 30px,
    linear-gradient(-135deg, transparent 20px, #337AB7 0); filter: drop-shadow(20px 30px rgba(0,0,0,0.1)); }

.corner-box-2::before { content: ' '; position:absolute; top: 30px;right: 0;
    background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0,0.1) 0) 100% 0 no-repeat;
    width: 30px; height: 30px; transform: rotate(180deg); }

.bottom-info .bottom-slide > img {height: 300px;}

.get-file { margin-bottom: 3rem; display: inline-flex; align-items: center; position: relative; padding: 1rem;
  background-image:  linear-gradient(45deg, #204194 0%, rgb(29 64 149) 50%, #337ab7 100%);
  background-position: 100% 0; background-size: 200% 200%; font-size: 15px; color: white; box-shadow: 0 16px 15px 0 rgba(0,40,120,.35); transition: .5s; }

.get-file p { margin-bottom: 0; }

.get-file::before { width: 30px; height: 30px; content: ""; display: block; margin-right: 1rem; 
	background:url("/assets/images/pdf-white.png") no-repeat center center ; background-size: contain; }

.get-file:hover { box-shadow: 0 0 0 0 rgba(0,40,120,0); background-position: 0 0; }

@media screen and (max-width: 960px) {
	.get-file {  left: 0px;}
}


.grid-catalog {    grid-template-columns: 25% 25% 25% 25%;   display: grid;}
.grid-catalog img {width: 200px;    padding: 10px;}
.grid-item > .get-file {   margin: 20px 5px;    padding: 12px 40px 0 40px;    width: 190px;     height: 80px; position: unset;}
.grid-item h3 {      height: 70px; }

@media screen and (max-width: 1200px) {
    .grid-catalog {    grid-template-columns: 50% 50%;}  
}

@media screen and (max-width: 440px) {
    .grid-catalog {    grid-template-columns: 100%;}  
    .grid-item h3 {        width: 190px;  height: auto; margin-top: 0.5rem!important;}
    .grid-item > .get-file {    margin: 0 0 20px 0; }
}


.news-at-main .news-item { max-height: 150px; }
.news-at-main .news-item img { width: 130px; }
.news-at-main .news-item .news-info { padding: 1.5rem; }

@media screen and (max-width: 1096px) {    
	.news-at-main .news-item .news-info .news-header { font-size: 1.6rem; }
	.news-at-main .news-item { width: 49%; }
	.news-info p { font-size: 1.3rem; }
}

@media screen and (max-width: 880px) {
	.news-at-main .news-item .news-info .news-header { display: block; margin-top: 4rem; width: 100%; }
	.news-info p { display: none; }
}

@media screen and (max-width: 768px) { 
	.news-at-main .news-item { width: 100%;}
	.news-info p { display: block; }
	.news-at-main .news-item { max-height: 180px; }
}

@media screen and (max-width: 480px) { 
	.news-at-main .news-item img { display: none; }
}


ol {
	list-style-type: none!important; 
	counter-reset: num;
	padding: 15px 0 5px 0;
	font-size: 16px;
}
ol li {
	position: relative;	
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}
ol li:before {
	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
    top: -20px;
    left: -50px;
	width: 50px;    
	color: #ff9000;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}


.header .call-us { position: relative; padding-right: 3rem;}
.header .call-us::after {
    content: ''; display: block; right: -30px; top: 45%; width: 55px; height: 63px; transform: translateY(-50%);
    background: url(../i/newyear/decor-bells.png) center no-repeat; position: absolute;
}

.top-info .container { position: relative; z-index: 10;}

.our-features { position: relative; }
.our-features .container { background: transparent; position: relative; z-index: 10; }
.our-features:after {
    width: 243px; height: 505px; left:0; bottom:-47px; content: ''; display: block;  z-index: 0;
    background: url(../i/newyear/decor-tree.png) center no-repeat; position: absolute; 
}

.our-services { position: relative; }
.our-services:after {
    width: 286px; height: 133px; right:0; bottom:0; content: ''; display: block;
    background: url(../i/newyear/decor-gifts.png) right bottom no-repeat; position: absolute;  background-size: contain;
}