/* Start:/local/templates/npi_agi/css/plugins/normalize.css?16554715146306*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/* End */


/* Start:/local/templates/npi_agi/css/sweetalert2.min.css?156207259227093*/
@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{flex-wrap:wrap;align-items:center;justify-content:center;margin:1.25em auto 0;z-index:1}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:.3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;z-index:1;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:0 .75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validation-message::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:initial!important}}
/* End */


/* Start:/local/templates/npi_agi/css/plugins/fancybox.css?165547151427127*/
.carousel {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.carousel *, .carousel *:before, .carousel *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.carousel.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.carousel.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

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

.carousel__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: 0.25;
  -webkit-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  -webkit-box-shadow: var(--carousel-button-shadow, none);
          box-shadow: var(--carousel-button-shadow, none);
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carousel__button.is-prev {
  left: 10px;
}

.carousel__button.is-next {
  right: 10px;
}

.carousel__button[disabled] {
  cursor: default;
  opacity: 0.3;
}

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  -webkit-filter: var(--carousel-button-svg-filter, none);
          filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}

html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  -ms-touch-action: none;
      touch-action: none;
}

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  z-index: 1050;
  outline: none;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.fancybox__container :focus {
  outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
          box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width:48px;
    --carousel-button-height:48px;
    --carousel-button-svg-width:27px;
    --carousel-button-svg-height:27px;
  }
}
.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10;
}

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default;
}

.fancybox__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.fancybox__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  margin: auto;
}

@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px;
  }
}
.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.fancybox__caption {
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
  visibility: hidden;
}

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
  z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
  right: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }
}
.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }
}
.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40;
}

@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px;
  }
}
.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff);
}

.fancybox__no-click, .fancybox__no-click button {
  pointer-events: none;
}

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}

.fancybox__spinner svg {
  -webkit-animation: fancybox-rotate 2s linear infinite;
          animation: fancybox-rotate 2s linear infinite;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
          animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  -webkit-animation: 0.15s ease backwards fancybox-fadeIn;
          animation: 0.15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  -webkit-animation: 0.15s ease both fancybox-fadeOut;
          animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
  -webkit-animation: 0.15s ease both fancybox-fadeIn;
          animation: 0.15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
  -webkit-animation: 0.1s ease both fancybox-fadeOut;
          animation: 0.1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
  -webkit-animation: 0.2s ease both fancybox-zoomInUp;
          animation: 0.2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
  -webkit-animation: 0.15s ease both fancybox-zoomOutDown;
          animation: 0.15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
  -webkit-animation: 0.15s ease both fancybox-throwOutUp;
          animation: 0.15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
  -webkit-animation: 0.15s ease both fancybox-throwOutDown;
          animation: 0.15s ease both fancybox-throwOutDown;
}

@-webkit-keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fancybox-zoomInUp {
  from {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
            transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fancybox-zoomInUp {
  from {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
            transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fancybox-zoomOutDown {
  to {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
            transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@keyframes fancybox-zoomOutDown {
  to {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
            transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fancybox-throwOutUp {
  to {
    -webkit-transform: translate3d(0, -30%, 0);
            transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutUp {
  to {
    -webkit-transform: translate3d(0, -30%, 0);
            transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@-webkit-keyframes fancybox-throwOutDown {
  to {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutDown {
  to {
    -webkit-transform: translate3d(0, 30%, 0);
            transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}
.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__image {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.has-image .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
}

.is-closing .has-image .fancybox__content {
  overflow: visible;
}

.has-image[data-image-fit=contain] {
  overflow: visible;
  -ms-touch-action: none;
      touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto;
}

.has-image[data-image-fit=cover] {
  overflow: visible;
  -ms-touch-action: none;
      touch-action: none;
}

.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  max-width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.fancybox__thumbs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  -webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
          animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}

.fancybox__thumbs .carousel__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: visible;
  cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: 0.92;
}

.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: -webkit-gradient(linear, left bottom, left top, from(hsla(0deg, 0%, 0%, 0)), color-stop(8.1%, hsla(0deg, 0%, 0%, 0.006)), color-stop(15.5%, hsla(0deg, 0%, 0%, 0.021)), color-stop(22.5%, hsla(0deg, 0%, 0%, 0.046)), color-stop(29%, hsla(0deg, 0%, 0%, 0.077)), color-stop(35.3%, hsla(0deg, 0%, 0%, 0.114)), color-stop(41.2%, hsla(0deg, 0%, 0%, 0.155)), color-stop(47.1%, hsla(0deg, 0%, 0%, 0.198)), color-stop(52.9%, hsla(0deg, 0%, 0%, 0.242)), color-stop(58.8%, hsla(0deg, 0%, 0%, 0.285)), color-stop(64.7%, hsla(0deg, 0%, 0%, 0.326)), color-stop(71%, hsla(0deg, 0%, 0%, 0.363)), color-stop(77.5%, hsla(0deg, 0%, 0%, 0.394)), color-stop(84.5%, hsla(0deg, 0%, 0%, 0.419)), color-stop(91.9%, hsla(0deg, 0%, 0%, 0.434)), to(hsla(0deg, 0%, 0%, 0.44)));
  background: -o-linear-gradient(bottom, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);
  background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);
  padding: 0;
  -ms-touch-action: none;
      touch-action: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px;
  }
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  -webkit-animation: 0.15s ease-in backwards fancybox-fadeIn;
          animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}

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

.fancybox__toolbar__items--left {
  margin-right: auto;
}

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
  margin-left: auto;
}

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}
.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__container:-webkit-full-screen::backdrop {
  opacity: 0;
}

.fancybox__container:-ms-fullscreen::backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::-webkit-backdrop {
  opacity: 0;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
}
/* End */


/* Start:/local/templates/npi_agi/css/style.css?167508401964243*/
@charset "UTF-8";
/* Стандартный transition для hover-анимаций */
/* Миксин замены цвета placeholder у input.
Нужно добавить в стилях элемента конструкцию вида @include placeholder(#000); */
/*=====Fonts=====*/
/*Roboto*/
@font-face {
  font-family: "Roboto";
  src: local("Roboto"), local("Roboto-Regular"), url("/local/templates/npi_agi/css/../fonts/Roboto.woff2") format("woff2"), url("/local/templates/npi_agi/css/../fonts/Roboto.woff") format("woff"), url("/local/templates/npi_agi/css/../fonts/Roboto.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Medium";
  src: local("Roboto-Medium"), url("/local/templates/npi_agi/css/../fonts/Robotomedium.woff2") format("woff2"), url("/local/templates/npi_agi/css/../fonts/Robotomedium.woff") format("woff"), url("/local/templates/npi_agi/css/../fonts/Robotomedium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto-Bold";
  src: local("Roboto-Bold"), url("/local/templates/npi_agi/css/../fonts/Robotobold.woff2") format("woff2"), url("/local/templates/npi_agi/css/../fonts/Robotobold.woff") format("woff"), url("/local/templates/npi_agi/css/../fonts/Robotobold.ttf") format("ttf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*Lato*/
@font-face {
  font-family: "Lato";
  src: local("Lato-Regular"), local("Lato"), url("/local/templates/npi_agi/css/../fonts/latoregular.woff2") format("woff2"), url("/local/templates/npi_agi/css/../fonts/latoregular.woff") format("woff"), url("/local/templates/npi_agi/css/../fonts/latoregular.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Medium";
  src: local("Lato-Medium"), url("/local/templates/npi_agi/css/../fonts/latomedium.woff2") format("woff2"), url("/local/templates/npi_agi/css/../fonts/latomedium.woff") format("woff"), url("/local/templates/npi_agi/css/../fonts/latomedium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato-Black";
  src: local("Lato-Black"), url("/local/templates/npi_agi/css/../fonts/latoblack.woff2") format("woff2"), url("/local/templates/npi_agi/css/../fonts/latoblack.woff") format("woff"), url("/local/templates/npi_agi/css/../fonts/latoblack.ttf") format("ttf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/*=====End Fonts=====*/
/**
 * Set up a decent box model on the root element
 */
:root {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  scroll-behavior: smooth;
  font-size: calc(0.4em + 0.5vw);
}
@media only screen and (max-width: 576px) {
  html {
    font-size: 14px;
  }
}

body {
  font-family: "Roboto", Arial, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  position: relative;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  text-rendering: auto;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  outline: none !important;
}
body.fixed {
  overflow: hidden;
}

html::-webkit-scrollbar {
  height: 5px;
  width: 10px;
  background-color: #f9f9fd;
  border-radius: 10px;
}

html::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #264A87;
}

html::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #f9f9fd;
}

a:link {
  color: inherit;
  text-decoration: none;
}

a:visited {
  color: inherit;
}

a:hover:not(.hover-btn-animation,
.hvr-underline-from-center,
.projects-content-list__link) {
  text-decoration: underline;
}

a:active {
  opacity: 0.5;
}

button:hover {
  border-color: #264A87;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem #264A87;
          box-shadow: 0 0 0 0.25rem #264A87;
}

button:active {
  opacity: 0.5;
}

img {
  max-width: 100%;
  /*width: 100%;*/
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}


svg {
  z-index: 5;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
}

button[disabled] {
  cursor: not-allowed;
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

._container {
  max-width: 85rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
._container-relative {
  position: relative;
}

.title {
  font-family: "Lato-Black";
  font-size: 2.8125rem;
  line-height: 2.125rem;
  border-bottom: 2px solid #264A87;
}

.title--no-items {
  border-bottom: none;
  color: #264A87;
  font-size: 2rem;
}

.title--page {
  color: #264A87;
  text-transform: uppercase;
  padding-bottom: 1.625rem;
  margin-bottom: 4.375rem;
}

.title--project {
  font-family: "Roboto-Bold";
  font-size: 1.6875rem;
  line-height: 2.1875rem;
  border-bottom: none;
  max-width: 685px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.logo-link:hover {
  opacity: 0.7;
}

main:not(.index-page) {
  padding-top: 10rem;
}
main {
  min-height: 100vh;
}

textarea {
  resize: vertical;
}


input:focus {
  border-color: #264A87;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(38, 74, 135, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(38, 74, 135, 0.25);
  border-radius: 0.25rem;
}

.form-callback__input-wrap input.input-error,
.form-callback__input-wrap textarea.input-error {
  border-bottom: 4px solid red;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/*===Hover Effects*/
/* Underline From Center */
.hvr-underline-from-center {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #264A87;
  height: 4px;
  -webkit-transition-property: left, right;
  -o-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.box-wrap:hover .box {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.box-wrap:hover .box:hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-filter: blur(0px);
          filter: blur(0px);
  opacity: 1;
}

/*====Animation=====*/
.hover-btn-animation {
  --width: 100%;
  --time: 0.7s;
  position: relative;
  overflow: hidden;
}

.hover-btn-animation p,
.hover-btn-animation span {
  position: relative;
  z-index: 5;
  -webkit-transition: color var(--time);
  -o-transition: color var(--time);
  transition: color var(--time);
}

.hover-btn-animation .span {
  position: absolute;
  display: block;
  content: "";
  z-index: 0;
  width: 0;
  height: 0;
  border-radius: 100%;
  background: #0574c8;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: width var(--time), padding-top var(--time);
  -o-transition: width var(--time), padding-top var(--time);
  transition: width var(--time), padding-top var(--time);
}

.hover-btn-animation:hover .span {
  width: calc(var(--width) * 2.25);
  padding-top: calc(var(--width) * 2.25);
}

/*====End Animation=====*/
/**
 * Clear inner floats
 */
.clearfix::after,
.clearfix::before {
  display: table;
  content: " ";
}

.clearfix::after {
  clear: both;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container-custom {
  width: 100%;
  /* 1 */
  margin: 0 auto;
  /* 2 */
  padding: 0 10px;
  /* 3 */
}
@media (min-width: 320px) {
  .container-custom {
    max-width: 330px;
  }
}
@media (min-width: 375px) {
  .container-custom {
    max-width: 350px;
  }
}
@media (min-width: 425px) {
  .container-custom {
    max-width: 400px;
  }
}
@media (min-width: 576px) {
  .container-custom {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-custom {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-custom {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-custom {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-custom {
    max-width: 1320px;
  }
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  font-size: 1px;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
}

.truncate-text {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.center-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/**
 * Кнопки
 */
.btn {
  min-width: 160px;
  min-height: 46px;
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #045DA0;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  border: none;
  padding: 0 1rem;
  color: #ffffff;
  letter-spacing: -0.025em;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.btn-transparent {
  border: 1px solid #264A87;
  background-color: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #264A87;
}

/**
 * Иконки внутри кнопок
 */
.button > svg {
  fill: currentcolor;
}

/**
 * Инлайновая кнопка
 */
.button--inline {
  display: inline-block;
}

.svg-icon--main-color {
  fill: #000000;
}

.menu--1 {
  background-color: #3f77e9;
}
.menu--1 .line--1,
.menu--1 .line--3 {
  --total-length: 126.64183044433594;
}
.menu--1 .line--2 {
  --total-length: 70;
}
.menu--1 .hamburger__input:checked + svg .line--1,
.menu--1 .hamburger__input:checked + svg .line--3 {
  --offset: -94.1149185097;
}
.menu--1 .hamburger__input:checked + svg .line--2 {
  --offset: -50;
}

@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.burger {
  display: none;
  width: 45px;
  height: 30px;
  background: none;
  border: none;
  outline: none;
  z-index: 10;
  border: none;
  flex-shrink: 0;
}
.burger--aside {
  position: absolute;
  height: 45px;
  right: -45px;
  top: 0;
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  /*transform: scale(0.8);*/
  padding-bottom: 5px;
  -webkit-box-shadow: 2px 0px 1px 2px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 2px 0px 1px 2px rgba(34, 60, 80, 0.2);
  box-shadow: 2px 0px 1px 2px rgba(34, 60, 80, 0.2);
  transition: all .3s ease-in-out;
}
.burger--aside.open {
  right: 0;
  -webkit-box-shadow: -6px 6px 10px 3px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: -6px 6px 10px 3px rgba(34, 60, 80, 0.2);
  box-shadow: -6px 6px 10px 3px rgba(34, 60, 80, 0.2);
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
button.burger--aside:hover {
  -webkit-box-shadow: -6px 6px 10px 3px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: -6px 6px 10px 3px rgba(34, 60, 80, 0.2);
  box-shadow: -6px 6px 10px 3px rgba(34, 60, 80, 0.2);
}
@media only screen and (max-width: 991.98px) {
.burger {
  display: block;
}
  .burger--aside {
    display: none;
  }
}
@media only screen and (max-width: 768.98px) {
  .burger--aside {
    display: block;
  }
}
.burger:not(.burger--aside):hover {
-webkit-box-shadow: none;
        box-shadow: none;
}
.burger span {
position: relative;
height: 4px;
width: 100%;
background: #264A87;
display: inline-block;
border-radius: 4px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.burger span:before {
content: "";
height: 4px;
width: 100%;
background: #264A87;
position: absolute;
top: -10px;
right: 0;
border-radius: 4px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.burger span:after {
content: "";
height: 4px;
width: 100%;
background: #264A87;
position: absolute;
bottom: -10px;
right: 0;
border-radius: 4px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.burger.open span {
background: #3160af;
}
.burger.open span:before {
opacity: 1;
-webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
        transform: rotate(40deg);
width: 50%;
top: -6px;
background: #3160af;
}
.burger.open span:after {
opacity: 1;
-webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
width: 50%;
bottom: -6px;
background: #3160af;
}
.burger--aside.open span:before {
opacity: 1;
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.burger--aside.open span:after {
opacity: 1;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
.burger--aside span:before {
left: 0;
}
.burger--aside span:after {
left: 0;
}
.svg-icon--brand-color {
-webkit-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
main:not(.about-project-page) img {
  width: 100%;
}

.header {
z-index: 5;
padding: 2.625rem 0;
position: absolute;
background-color: transparent;
left: 0;
top: 0;
right: 0;
-webkit-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.header--bg-white {
background-color: #FFFFFF;
}
.header__logo {
z-index: 11;
}
@media only screen and (max-width: 575.98px) {
  .header__logo,
  .header__logo .svg-icon {
    max-width: 100%;
  }
}
.header.desktop-fixed {
background-color: #FFFFFF;
position: fixed;
padding: 1.3125rem 0;
z-index: 50;
-webkit-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-box-shadow: 0px 8px 5px 5px rgba(34, 60, 80, 0.2);
box-shadow: 0px 8px 5px 5px rgba(34, 60, 80, 0.2);
}
.header.desktop-fixed .svg-icon--brand-color {
-webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
        transform: scale(0.8);
}
.header__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.header__nav-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
@media only screen and (max-width: 991.98px) {
.header {
  position: fixed;
  z-index: 20;
}
.header__nav-wrap {
  position: fixed;
  z-index: 10;
  background-color: transparent;
  height: 100vh;
  min-width: 50%;
  max-width: 75%;
  top: 0;
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  /*-webkit-transition: all 0.3s ease-in-out;*/
    /*-o-transition: all 0.3s ease-in-out;*/
    /*transition: all 0.3s ease-in-out;*/
    -webkit-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-box-shadow: 8px 0px 8px 0px rgba(255, 255, 255, 0.2);
    box-shadow: 8px 0px 8px 0px rgba(255, 255, 255, 0.2);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header__nav-wrap.is-open {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    background-color: #FFFFFF;
  }
}

.header__nav-wrap.is-open ul li:nth-child(1) {
  -webkit-animation: slideIn 0.3s 0.15s ease 1 forwards;
  animation: slideIn 0.3s 0.15s ease 1 forwards;
}
.header__nav-wrap.is-open ul li:nth-child(2) {
  -webkit-animation: slideIn 0.3s 0.3s ease 1 forwards;
  animation: slideIn 0.3s 0.3s ease 1 forwards;
}
.header__nav-wrap.is-open ul li:nth-child(3) {
  -webkit-animation: slideIn 0.3s 0.45s ease 1 forwards;
  animation: slideIn 0.3s 0.45s ease 1 forwards;
}
.header__nav-wrap.is-open ul li:nth-child(4) {
  -webkit-animation: slideIn 0.3s 0.6s ease 1 forwards;
  animation: slideIn 0.3s 0.6s ease 1 forwards;
}
.header__nav-wrap.is-open ul li:nth-child(5) {
  -webkit-animation: slideIn 0.3s 0.75s ease 1 forwards;
  animation: slideIn 0.3s 0.75s ease 1 forwards;
}

.navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 991.98px) {
  .navigation__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 18px;
    gap: 20px;
    line-height: 1;
    margin-bottom: 20px;
  }
}

.list-item {
  margin-right: 3rem;
}
.list-item__link {
  z-index: 11;
  display: block;
}
.list-item__link.active {
  color: rgba(238, 29, 36, 0.7);
}

.navigation-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 991.98px) {
  .navigation-search {
    font-size: 16px;
  }
}
.navigation-search__button {
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5em;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navigation-search__button--active {
  border-color: #264A87;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem #264A87;
          box-shadow: 0 0 0 0.25rem #264A87;
  margin-left: 1.25rem;
}

.form-search {
  display: none;
  will-change: width;
}
.form-search__input {
  border: 0;
  padding: 0.3125rem;
  background-color: transparent;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.form-search__input:hover {
  border-color: #264A87;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(38, 74, 135, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(38, 74, 135, 0.25);
  border-radius: 0.25rem;
}
.form-search__input--opened {
  width: 100%;
}

.footer {
  padding-top: 6.4375rem;
  padding-bottom: 9.125rem;
  background-color: #264A87;
  color: #ffffff;
}
.footer__logo {
  display: block;
  margin-bottom: 7.125rem;
}
@media only screen and (max-width: 576px) {
  .footer__logo {
    margin-bottom: 20px;
  }
}
.footer__copyright {
  font-family: "Lato";
  font-size: 0.75rem;
  line-height: 1.0625rem;
  max-width: 22.5rem;
}
.footer__header {
  font-family: "Lato-Black";
  font-size: 1.125rem;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}
.footer .footer-list {
  font-family: "Lato-Medium";
  letter-spacing: 1px;
  font-size: 1rem;
  color: #FCFCFC;
  line-height: 222.75%;
}
.footer__contacts {
  font-family: "Roboto";
  font-weight: initial;
  letter-spacing: initial;
  font-size: 1.125rem;
}
.footer__contacts-img {
  margin-right: 20px;
}
.footer__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 35px;
}

.modal-wrap {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4196078431);
  z-index: 10;
}
.modal-wrap.show {
  display: block;
}

.loader-wrap {
  position: fixed;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
}

.loader {
  width: 12.5rem;
  /* control the size */
  aspect-ratio: 1;
  display: grid;
  background: -o-linear-gradient(315deg, #264A87, #008fe8);
  background: linear-gradient(135deg, #264A87, #008fe8);
  -webkit-clip-path: inset(10%);
          clip-path: inset(10%);
}

.loader:before {
  content: "";
  padding: 10%;
  --_g: no-repeat content-box radial-gradient(50% 50%,#000 95%,#0000);
  background: var(--_g), var(--_g), var(--_g), var(--_g), #fff;
  background-size: 20% 20%;
  -webkit-filter: blur(5px) contrast(20);
          filter: blur(5px) contrast(20);
  mix-blend-mode: lighten;
  -webkit-animation: l 3s infinite, s 3s infinite;
          animation: l 3s infinite, s 3s infinite;
}

@-webkit-keyframes l {
  0%, 100% {
    background-position: top, right, bottom, left;
  }
  20% {
    background-position: center, right, bottom, left;
  }
  40% {
    background-position: center, center, bottom, left;
  }
  60% {
    background-position: center, center, center, left;
  }
  80% {
    background-position: center, center, center, center;
  }
}

@keyframes l {
  0%, 100% {
    background-position: top, right, bottom, left;
  }
  20% {
    background-position: center, right, bottom, left;
  }
  40% {
    background-position: center, center, bottom, left;
  }
  60% {
    background-position: center, center, center, left;
  }
  80% {
    background-position: center, center, center, center;
  }
}
@-webkit-keyframes s {
  0%, 25%, 90% {
    background-size: 20% 20%;
  }
  40%, 45% {
    background-size: 30% 30%, 20% 20%, 20% 20%, 20% 20%;
  }
  60%, 65% {
    background-size: 40% 40%, 20% 20%, 20% 20%, 20% 20%;
  }
  80% {
    background-size: 50% 50%, 20% 20%, 20% 20%, 20% 20%;
  }
}
@keyframes s {
  0%, 25%, 90% {
    background-size: 20% 20%;
  }
  40%, 45% {
    background-size: 30% 30%, 20% 20%, 20% 20%, 20% 20%;
  }
  60%, 65% {
    background-size: 40% 40%, 20% 20%, 20% 20%, 20% 20%;
  }
  80% {
    background-size: 50% 50%, 20% 20%, 20% 20%, 20% 20%;
  }
}
/*=====Promo=====*/
.index-page__promo {
  min-height: 67.6875rem;
  background-image: url("/local/templates/npi_agi/css/../img/promo_bg.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 991.98px) {
  .index-page__promo {
    height: 100vh;
    background-size: cover;
  }
}

.promo-index__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 25.625rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 991.98px) {
  .promo-index__wrap {
    height: 85vh;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2.8125rem 0;
  }
}
.promo-index__descr {
  padding-top: 5.3125rem;
  padding-bottom: 7.8125rem;
}
@media only screen and (max-width: 991.98px) {
  .promo-index__descr {
    padding-top: 9.375rem;
    padding-bottom: 3.125rem;
  }
}
.promo-index__text {
  font-size: 2.1875rem;
  line-height: 2.5rem;
  color: rgba(0, 0, 0, 0.5);
  max-width: 65.5625rem;
}
.promo-index__title {
  font-family: "Roboto-Bold";
  font-size: 3.125rem;
  line-height: 3.75rem;
  color: rgba(0, 0, 0, 0.7);
  margin-bottom: 0.8125rem;
  border-bottom: none;
}
@media only screen and (max-width: 576px) {
  .promo-index__title {
    font-size: 2.5rem;
    line-height: 1.1;
  }
  .promo-index__text {
    font-size: 1.7rem;
    line-height: 1.1;
  }
}
.promo-index__link {
  font-family: "Roboto-Medium";
  display: block;
  width: 15rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #264A87;
  font-size: 1.25rem;
  text-align: center;
  letter-spacing: 0.03em;
}
.promo-index__link-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  color: #ffffff;
  width: 15rem;
  height: 3.125rem;
}
#scene {
  position: absolute;
  min-height: 67.6875rem;
  top: 0;
  left: 0;
  right: 0;
}
.parallax {
  min-height: 67.6875rem;
  background-image: url("/local/templates/npi_agi/css/../img/promo_bg.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
/*=====End Promo=====*/
/*=====Adventages=====*/
.advantages {
  padding-top: 6.875rem;
  padding-bottom: 8.4375rem;
}
.advantages__title {
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid #264A87;
  font-size: 2.5rem;
  line-height: 2.125rem;
  margin-bottom: 3.625rem;
}
.advantages__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 3.375rem 0.625rem;
}
@media only screen and (max-width: 991.98px) {
  .advantages__list {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
.advantages__item {
  max-width: 17.1875rem;
  -ms-flex-preferred-size: 17.1875rem;
      flex-basis: 17.1875rem;
}
.advantages__icon-wrap {
  height: 17.1875rem;
  border-radius: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #dfe4ed;
  margin-bottom: 2rem;
  padding: 3.4375rem;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.advantages__icon-wrap:hover {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem #264A87;
          box-shadow: 0 0 0 0.25rem #264A87;
}
.advantages__icon-wrap:hover .advantages__icon {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.advantages__icon {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.advantages__text {
  font-family: "Roboto-Bold";
  font-size: 1.3125rem;
  line-height: 1.6875rem;
  text-align: center;
  text-transform: uppercase;
  color: #264A87;
  opacity: 0.9;
}

/*=====End Adventages=====*/
/*=====Types-of-jobs=====*/
.types-of-jobs {
  background-color: #264A87;
  color: #ffffff;
  padding: 3.5625rem 0;
}
.types-of-jobs__link {
  font-family: "Lato-Medium";
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin-top: -10px;
  width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}
@media only screen and (max-width: 991.98px) {
  .types-of-jobs__link {
    margin-top: 0;
  }
}
.types-of-jobs__title {
  font-family: "Roboto-Bold";
  font-size: 2.5rem;
  line-height: 1.6875rem;
  margin-bottom: 2.375rem;
}
@media only screen and (max-width: 991.98px) {
  .types-of-jobs__title {
    line-height: 2.8125rem;
  }
}
.types-of-jobs__list {
  list-style: disc;
  font-size: 1.375rem;
  line-height: 2.0625rem;
  margin-left: 8.125rem;
}
@media only screen and (max-width: 991.98px) {
  .types-of-jobs__list {
    margin-left: 3.125rem;
  }
}

.types-of-jobs ._container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
}

/*=====End Types-of-jobs=====*/
/*=====Projects=====*/
.projects {
  padding-top: 5.0625rem;
  padding-bottom: 6.75rem;
}
.projects__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 0.9375rem;
}
.projects__header--line {
  border-bottom: 1px solid #264A87;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 3.625rem;
}
.projects__title {
  border: none;
  font-family: "Lato-Black";
  font-size: 2.5rem;
}
.projects__link {
  font-family: "Lato-Medium";
  font-size: 1.25rem;
  line-height: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  -ms-flex-item-align: end;
      align-self: end;
}
.projects-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.625rem;
}
@media only screen and (max-width: 576px) {
  .projects-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 991.98px) {
  .projects-list {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

.project-item {
  -ms-flex-preferred-size: 26.3125rem;
      flex-basis: 26.3125rem;
  -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 576px) {
  .project-item {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
.project-item__img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  min-height: 16.5625rem;
}
.project-item__link {
  display: block;
  height: 100%;
}
.project-item__link:hover .project-item__img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.project-item__img-wrap {
  max-height: 16.5625rem;
  overflow: hidden;
}
.project-item__text {
  font-family: "Roboto-Bold";
  font-weight: 700;
  font-size: 1.3125rem;
  line-height: 1.6875rem;
  padding: 0.85em;
}

/*=====End Projects=====*/
/*=====Company-page__promo=====*/
.company-page__promo {
  padding-bottom: 3.75rem;
}
.company-page__promo-text {
  max-width: 49.5rem;
  margin-bottom: 1.125rem;
}
.company-page__promo-text:last-child {
  margin-bottom: 0;
}
.company-page__tabs {
  padding-top: 3.125rem;
  padding-bottom: 7.25rem;
}

.text-special {
  font-family: "Roboto-Medium";
  font-size: 1.375rem;
  line-height: 1.3125rem;
  color: #264A87;
}

/*=====END Company-page__promo=====*/
/*=====Company-page__tabs=====*/
.company-tabs__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #264A87;
  margin-bottom: 3.75rem;
}
@media only screen and (max-width: 576px) {
  .company-tabs__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.company-tabs__body {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.company-tabs__header {
  font-size: 1.25rem;
  line-height: 2.125rem;
  color: rgba(0, 0, 0, 0.4);
  margin-right: 5.1875rem;
  background-color: inherit;
  border: none;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 576px) {
  .company-tabs__header {
    margin-right: 0;
  }
}
.company-tabs__header:hover {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #264A87;
}
.company-tabs__header:last-child {
  margin-right: 0;
}
.company-tabs__header.active {
  font-family: Roboto-Medium;
  font-weight: 600;
  font-size: 2.5rem;
  color: #264A87;
}

.tab-1__descr {
  max-width: 54.8125rem;
  margin-bottom: 4.375rem;
}
.tab-1__team-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6.375rem 1rem;
}
@media only screen and (max-width: 576px) {
  .tab-1__team-wrap {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    row-gap: 3.75rem;
  }
}

.team__item {
  -ms-flex-preferred-size: 19.875rem;
      flex-basis: 19.875rem;
  margin: 0;
}
.team__img-wrap {
  background-color: #C4C4C4;
  height: 19.375rem;
  margin-bottom: 1.1875rem;
}
.team__name {
  font-family: "Lato-Black";
  font-size: 1.625rem;
  line-height: 2.125rem;
  margin-bottom: 1.5rem;
  min-height: 4.25rem;
  padding-left: 0.3125rem;
}
@media only screen and (max-width: 576px) {
  .team__name {
    min-height: initial;
  }
}
.team__post {
  font-family: "Lato";
  font-size: 1.125rem;
  line-height: 1.4375rem;
  padding-left: 0.3125rem;
}

.tab-2__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.25rem;
}
@media only screen and (max-width: 576px) {
  .tab-2__wrap {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

.vacancy {
  min-height: 67.4375rem;
  background-color: #dfe4ed;
  padding: 2.625rem 3.375rem;
  -ms-flex-preferred-size: 39.0625rem;
      flex-basis: 39.0625rem;
}
.vacancy:hover {
  text-decoration: none;
}
.vacancy__city {
  color: #808080;
  display: block;
  margin-bottom: 2.0625rem;
}
.vacancy__title-wrap {
  min-height: 7.125rem;
}
.vacancy__title {
  color: #045DA0;
  font-family: "Roboto-Bold";
  font-size: 1.3125rem;
  line-height: 1.6875rem;
  text-transform: uppercase;
  margin-bottom: 1.875rem;
  display: inline-block;
}

.vacancy__descr-title {
  font-family: "Roboto-Bold";
  color: #264A87;
  margin-bottom: 1.3125rem;
}
.vacancy__descr-list {
  margin-bottom: 2.625rem;
}

.tab-3__gallery-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 -10px;
}
.tab-3__gallery-item {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  padding: 0 10px;
}
.tab-3__gallery-item:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 576px) {
  .tab-3__gallery-item {
    -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
  }
}

/*=====END Company-page__tabs=====*/
.projects-content {
  padding-bottom: 4.375rem;
}
.projects-content__wrap {
  display: grid;
  gap: 1.875rem;
  grid-template-columns: 20.625rem 1fr;
}
@media only screen and (max-width: 768px) {
  .projects-content__wrap {
    grid-template-columns: 1fr;
  }
}

.projects-content-list__link {
  max-height: 22.25rem;
  padding: 2rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.75rem;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media only screen and (max-width: 576px) {
  .projects-content-list__link {
    padding: 0.625rem;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: initial;
  }
}
.projects-content-list__link:hover {
  background-color: #dfe4ed;
  text-decoration: none;
}
.projects-content-list__img-wrap {
  max-height: 19.3125rem;
  overflow: hidden;
  width: 100%;
}
.projects-content-list__text {
  font-family: "Roboto";
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.9375rem;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #045DA0;
  max-width: 21.75rem;
  width: 100%;
  border-bottom: 2px solid #264A87;
}
@media only screen and (max-width: 576px) {
  .projects-content-list__text {
    max-width: initial;
  }
}

.aside-nav {
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #045DA0;
}
.aside-nav__list {
  position: sticky;
  top: 9rem;
}
@media only screen and (max-width: 768px) {
  .wraps {
    display: block;
  }
  .aside-nav {
    z-index: 9;
    position: fixed;
    background-color: #fff;
    top: 6.875rem;
    left: 0;
    max-height: 100vh;
    padding: 1em 1em 0 1em;
    transform: translateX(-100%);
    margin-right: 5.3125rem;
    -webkit-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-box-shadow: 0px 0px 10px 6px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 10px 6px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 10px 6px rgba(34, 60, 80, 0.2);
  }
  .aside-nav.is-open {
    transform: translateX(0);
  }
  .aside-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
  }
  .aside-nav__list .wraps {
    -webkit-box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.2) inset;
  }
}
.aside-nav__item {
  margin-bottom: 1.25rem;
}
@media only screen and (max-width: 576px) {
  .aside-nav__list {
    column-gap: 20px;
    padding-bottom: 1em;
  }
  .aside-nav__item {
    margin-bottom: 0;
    padding: 1.25rem 0;
  }
}
a.aside-nav__link {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  font-family: "Roboto-Medium";
}
a.aside-nav__link.active {
  color: #F36166;
}
a.aside-nav__link:hover {
  text-decoration: none;
  color: #F36166;
}
.aside-nav__title {
  font-size: 1.125rem;
  font-weight: normal;
}
.aside-nav__input:checked + label {
  font-family: "Roboto-Medium";
  color: #F36166;
}

.about-project-page {
  padding-bottom: 5.625rem;
}
@media only screen and (max-width: 576px) {
  .about-project-page {
    padding-bottom: 2.625rem;
  }
}
.project-article__header {
  border-bottom: 2px solid #264A87;
  padding-bottom: 1.625rem;
  margin-bottom: 4.375rem;
}

.project-article__img,
.project-article__block-text,
.project-article img {
  margin-bottom: 2.9375rem;
}
.project-article__text {
  margin-bottom: 1.25rem;
  max-width: 61rem;
}
.project-article__block-text {
  max-width: 61rem;
}
.project-article__block-text p:last-child {
  margin-bottom: 0;
}

a.about-project-page__link-back.link-back {
  line-height: 1.6875rem;
  color: #264A87;
  padding: 1em 1em 1em 0;
  margin-top: 2.9375rem;
  display: inline-block;
}
.link-back__svg-icon {
  margin-right: 0.625rem;
}

.contacts-block {
  display: grid;
  grid-template-columns: 26.25rem 1fr;
}
@media only screen and (max-width: 768px) {
  .contacts-block {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.contacts-block__contacts-info {
  padding-top: 6.0625rem;
  padding-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .contacts-block__contacts-info {
    padding-top: 0;
    padding-right: 0;
  }
}
.contacts-hr {
  height: 1px;
  background-color: #c1c5ca;
  margin-bottom: 3.625rem;
}
.contacts-block__map {
  height: 31.25rem;
}
.contacts-block__form {
  padding: 5rem 5rem 11.875rem;
  background-color: #F9F9F9;
}
@media only screen and (max-width: 768px) {
  .contacts-block__form {
    padding: 1.875rem;
    padding-top: 3.125rem;
  }
}

.contacts-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.5rem;
}
.contacts-item__name {
  position: absolute;
  top: -20px;
  left: 51px;
  font-size: 0.8125rem;
  line-height: 1.4375rem;
  color: #C1C5CA;
}
.contacts-item__img-wrap {
  flex-shrink: 0;
}
.doc-img {
  max-width: 24px;
}
@media only screen and (max-width: 1024px) {
  .contacts-item__name {
    left: 47px;
  }
}
.contacts-item__img {
  margin-right: 1.6875rem;
}
.contacts-item__link {
  font-family: "Roboto-Medium";
  font-size: 1.125rem;
  line-height: 1.8125rem;
}
.form-title {
  font-family: "Roboto-Bold";
  font-size: 2.3125rem;
  line-height: 1.125rem;
  color: #264A87;
  margin-bottom: 2.1875rem;
}

.form-callback.textarea-wrap {
  padding: 2rem 0;
}
.form-callback input, .form-callback textarea {
  font-family: "Roboto-Medium";
  font-size: 1.0625rem;
  line-height: 1.4375rem;
  background: #FFFFFF;
  border: none;
  padding: 2rem 2.3125rem;
  width: 100%;
  transition: all .3s ease-in-out;
}
.form-callback input:focus, .form-callback textarea:focus {
  text-decoration: none;
  outline: none;
}
.form-callback input:focus + label, .form-callback input.has-value + label, .form-callback textarea:focus + label, .form-callback textarea.has-value + label {
  top: 1.25rem;
  font-size: 0.875rem;
  left: 2.25rem;
}
.form-callback textarea {
  padding-top: 0;
  min-height: 14.1875rem;
}
.form-callback textarea::-webkit-scrollbar {
  height: 5px;
  width: 10px;
  background-color: #f9f9fd;
  border-radius: 10px;
}
.form-callback textarea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #264A87;
}
.form-callback textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #f9f9fd;
}
.form-callback__input-wrap {
  position: relative;
  background-color: #FFFFFF;
  margin-bottom: 2.1875rem;
  transition: all .3s ease-in-out;
}
.form-callback__input-wrap:hover {
  -webkit-box-shadow: 0 0 0 0.25rem rgb(38 74 135 / 25%);
  box-shadow: 0 0 0 0.25rem rgb(38 74 135 / 25%);
  border-radius: 0.25rem;
}
.form-callback__input-wrap label {
  font-family: "Roboto-Medium";
  position: absolute;
  left: 2.375rem;
  color: #99A4AB;
  top: 2.6875rem;
  font-size: 1.0625rem;
  line-height: 1.4375rem;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: text;
}
.form-callback__input-wrap.input-file {
  padding: 0;
  height: 5.4375rem;
}
@media only screen and (max-width: 576px) {
  .form-callback__input-wrap.input-file {
    height: 7.5rem;
  }
}
.form-callback__input-wrap.input-file label {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .form-callback__input-wrap.input-file label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.form-callback__input-wrap.input-file label > span:first-child {
  width: 62%;
  padding-left: 2.3125rem;
}
@media only screen and (max-width: 576px) {
  .form-callback__input-wrap.input-file label > span:first-child {
    width: 100%;
    padding: 10px;
  }
}
.form-callback__input-wrap.input-file label > span:last-child {
  width: 38%;
  background-color: #264A87;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2.3125rem;
  height: 100%;
  color: #ffffff;
}
@media only screen and (max-width: 576px) {
  .form-callback__input-wrap.input-file label > span:last-child {
    width: 100%;
  }
}
.form-callback__confirm-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 576px) {
  .form-callback__confirm-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form-callback__confirm-block .agreement {
  position: relative;
  width: 62%;
}
@media only screen and (max-width: 576px) {
  .form-callback__confirm-block .agreement {
    width: 100%;
    padding: 20px 20px 20px 0;
  }
}
.form-callback__confirm-block .button-submit {
  width: 38%;
  height: 3.4375rem;
  background-color: #264A87;
  border: none;
}
@media only screen and (max-width: 576px) {
  .form-callback__confirm-block .button-submit {
    width: 100%;
  }
}
.form-callback__confirm-block .button-submit:hover {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-callback__confirm-block .button-submit__link-span {
  color: #ffffff;
  font-family: "Lato-Medium";
  font-weight: 500;
  line-height: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9375rem;
  padding-left: 2.3125rem;
}
@media only screen and (max-width: 576px) {
  .form-callback__confirm-block .button-submit__link-span {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.form-callback__confirm-block .button-submit__svg-wrap {
  width: 2.75rem;
  height: 2.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #fff;
}

.form-callback__input-wrap.textarea-wrap {
  padding-top: 2rem;
}
.form-callback__input-wrap.textarea-wrap--focus {
  border-color: #264A87;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(38, 74, 135, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(38, 74, 135, 0.25);
  border-radius: 0.25rem;
}

.form-callback__input-wrap.textarea-wrap--focus {
  padding-top: 2rem;
}

.agreement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 20px;
}

.checkbox + label {
  position: relative;
  padding: 0 38px 0;
  cursor: pointer;
}

.checkbox + label:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgba(12, 63, 180, 0.6980392157);
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.checkbox + label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 3px solid #264A87;
}

.checkbox:checked + label:before {
  z-index: 2;
  background: #264A87;
}

.checkbox:checked + label:after {
  left: 0px;
}

.service-layout {
  counter-reset: services;
  padding-bottom: 6.25rem;
}
.service-layout ._container {
  max-width: 94.8125rem;
}
.service-layout__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service-layout__item:nth-child(odd), .service-layout__void:nth-child(odd) {
  border-right: 2px solid #008FE8;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item:nth-child(odd), .service-layout__void:nth-child(odd) {
    border-right: none;
  }
}
.service-layout__item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.service-layout__item img {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.service-layout__item a:hover img {
  transform: scale(1.1);
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item {
    margin-bottom: 40px;
  }
}
.service-layout__item:nth-child(odd) {
  padding-left: 3.4375rem;
}
.service-layout__item:nth-child(odd) .service-layout__title {
  margin-right: 1.875rem;
}
.service-layout__item:nth-child(even) {
  padding-left: 7rem;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item:nth-child(even) {
    padding-left: 3.4375rem;
  }
}
.service-layout__item:nth-child(even) .service-layout__title-line {
  display: none;
}
.service-layout__item:not(:first-child) {
  margin-top: -9.375rem;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item:not(:first-child) {
    margin-top: 0;
  }
}
.service-layout__void {
  width: 50%;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__void {
    display: none;
  }
}
.service-layout__img-wrap {
  max-width: 30.625rem;
  margin-bottom: 1.25rem;
  max-height: 15.0625rem;
  overflow: hidden;
}
.service-layout__title-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__title-wrap {
    border-bottom: 2px solid #008FE8;
  }
}
.service-layout__title-line-round {
  width: 3.75rem;
  height: 3.75rem;
  border-right: 2px solid #008FE8;
  border-bottom: 2px solid #008FE8;
  border-bottom-right-radius: 50%;
  margin-right: -2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__title-line-round {
    display: none;
  }
}
.service-layout__item:last-child .service-layout__title-line-round {
  margin-right: 0;
}
.service-layout__title-line {
  position: relative;
  flex-grow: 1;
  border-bottom: 2px solid #008FE8;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__title-line {
    display: none;
  }
}
.service-layout__item:first-child {
  position: relative;
  border-right: 0;
}
.service-layout__item:first-child::after {
  position: absolute;
  right: 0px;
  bottom: 0;
  content: "";
  height: 7.5rem;
  border-right: 2px solid #008FE8;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item:first-child::after {
    display: none;
  }
}
.service-layout__item:first-child .service-layout__title-line {
  margin-right: 3.75rem;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item:first-child .service-layout__title-line {
    display: none;
  }
}
.service-layout__item:last-child {
  border-right: 0;
  position: relative;
}
.service-layout__item:last-child::after {
  position: absolute;
  right: 0px;
  bottom: 9.875rem;
  content: "";
  height: 10rem;
  /*border-right: 2px solid #008FE8;*/
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item:last-child::after {
    display: none;
  }
}
.service-layout__item:first-child .service-layout__title-line::after {
  position: absolute;
  right: -3.75rem;
  top: 0;
  content: "";
  width: 4.625rem;
  height: 4.625rem;
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-top: 2px solid #008FE8;
  border-right: 2px solid #008FE8;
  border-top-right-radius: 50%;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item:first-child .service-layout__title-line::after {
    display: none;
  }
}
.service-layout__title {
  position: relative;
  font-family: "Roboto-Bold";
  font-size: 1.6875rem;
  line-height: 2.1875rem;
  color: #045DA0;
}
.service-layout__item:nth-child(even) .service-layout__title::after {
  position: absolute;
  left: -7.125rem;
  top: -2.0625rem;
  content: "";
  width: 3.125rem;
  height: 3.75rem;
  border-bottom: 2px solid #008FE8;
  border-left: 2px solid #008FE8;
  border-bottom-left-radius: 50%;
}
@media only screen and (max-width: 991.98px) {
  .service-layout__item:nth-child(even) .service-layout__title::after {
    display: none;
  }
}

.service-layout__title::before {
  font-size: 1.625rem;
  color: #008FE8;
  counter-increment: services;
  content: "0" counter(services) ".";
  position: absolute;
  top: 0;
  left: -3.4375rem;
}
.service-layout__list > li:nth-child(n + 18) .service-layout__title::before {
  content: counter(services) ".";
}

.service-layout__descr {
  color: #045DA0;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin: 1.25rem 0;
  max-width: 33.75rem;
}
.item-even .service-layout__descr {
  max-width: initial;
}
@media only screen and (min-width: 991.98px) {
  .item-odd:not(:nth-child(1)) .service-layout__img-wrap {
    margin-bottom: -12px;
  }
}

a.service-layout__link {
  color: #045DA0;
  position: relative;
}
.service-layout__link:link::after {
  content: "";
  background-image: "../img/arrow-link.svg";
}
.service-layout__item a {
  color: #045DA0;
}
.service-layout__item:last-child .service-layout__title-line::after {
  right: -1.375rem;
}
.service-layout__svg-icon {
  margin-left: 0.3125rem;
}
/* #Progress
================================================== */
.progress-wrap {
  position: fixed;
  right: 3.125rem;
  bottom: 3.125rem;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 0 1px #d5e4ef;
  box-shadow: inset 0 0 0 1px #d5e4ef;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  font-family: "unicons";
  content: "";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  background-image: url("/local/templates/npi_agi/css/../img/up-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  color: #3f77e9;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 30px;
  width: 30px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap:hover::after {
  opacity: .5;
}

.progress-wrap::before {
  position: absolute;
  content: "";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  opacity: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}

.progress-wrap:hover::before {
  opacity: 1;
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: #264a87;
  stroke-width: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
}
.search-page {
  padding-bottom: 3rem;
}
.search-title {
  margin-bottom: 2rem;
}
.form-search__wrap {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}
.input-search {
  width: 25rem;
  padding: 0 1rem;
  border-color: #264A87;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgb(38 74 135 / 25%);
  box-shadow: 0 0 0 0.25rem rgb(38 74 135 / 25%);
  border-radius: 0.25rem;
  border: none;
  font-size: 1.5rem;
}
@media only screen and (max-width: 576px) {
  .form-search__wrap {
    flex-direction: column;
    align-items: center;
  }
  .input-search {
    height: 3.125rem;
    width: 100%;
  }
  .search-form__btn {

  }
}
.search-form__btn {
  border: none;
  border-color: #264A87;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem #264a87;
  box-shadow: 0 0 0 0.25rem #264a87;
  border-radius: 0.25rem;
}
.search-result__item {
  padding: 1.2rem 0;
}
.search-result__item {
  display: flex;
}
.search-result__num {
  font-size: 1.5rem;
  color: #3f77e9;
  margin-right: .5rem;
}
a.text-special.search-title {
  color: #264A87;
}
.search-result__text b {
  color: #3f77e9;
}
.search-result__info {
  line-height: 1.5;
}
.breadcrumb__list a {
  opacity: .7;
}
.breadcrumb__list a:hover {
  opacity: 1;
}
.section-404 {

  padding-top: 5rem;
  min-height: 30rem;
}
main.page-404 {
  padding-top: 7rem;
  position: relative;
}
.div-404{
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  margin: 0px;
  background-color: #fff;
  overflow: hidden;
}

.wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.title-404{

  position: absolute;
  font-family: "Lato-Black";
  top: 50%;
  left: 50%;
  margin-top: 150px;
  font-size: 2rem;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  display: block;
  color: #4077e9;
  text-shadow: 0px 0px 4px #12000a;
  line-height: 1.2;
}

#svgWrap_1,
#svgWrap_2{
  position: absolute;
  height: auto;
  width: 600px;
  max-width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#svgWrap_1,
#svgWrap_2,
#id1_1,
#id2_1,
#id3_1{
  stroke: #3f77e9;
  stroke-width: 3px;
  fill: transparent;
  filter: url(#glow);
}

#id1_2,
#id2_2,
#id3_2{
  stroke: #12000a;
  stroke-width: 3px;
  fill: transparent;
  filter: url(#glow);
}

#id3_1{
  stroke-dasharray: 940px;
  stroke-dashoffset: -940px;
  animation: drawLine3 2.5s ease-in-out 0s forwards, flicker3 4s linear 4s infinite;
}

#id2_1{
  stroke-dasharray: 735px;
  stroke-dashoffset: -735px;
  animation: drawLine2 2.5s ease-in-out 0.5s forwards, flicker2 4s linear 4.5s infinite;
}

#id1_1{
  stroke-dasharray: 940px;
  stroke-dashoffset: -940px;
  animation: drawLine1 2.5s ease-in-out 1s forwards, flicker1 4s linear 5s infinite;
}

@keyframes drawLine1 {
  0%  {stroke-dashoffset: -940px;}
  100%{stroke-dashoffset: 0px;}
}

@keyframes drawLine2 {
  0%  {stroke-dashoffset: -735px;}
  100%{stroke-dashoffset: 0px;}
}

@keyframes drawLine3 {
  0%  {stroke-dashoffset: -940px;}
  100%{stroke-dashoffset: 0px;}
}

@keyframes flicker1{
  0%  {stroke: #3f77e9;}
  1%  {stroke: transparent;}
  3%  {stroke: transparent;}
  4%  {stroke: #3f77e9;}
  6%  {stroke: #3f77e9;}
  7%  {stroke: transparent;}
  13% {stroke: transparent;}
  14% {stroke: #3f77e9;}
  100%{stroke: #3f77e9;}
}

@keyframes flicker2{
  0%  {stroke: #3f77e9;}
  50% {stroke: #3f77e9;}
  51% {stroke: transparent;}
  61% {stroke: transparent;}
  62% {stroke: #3f77e9;}
  100%{stroke: #3f77e9;}
}

@keyframes flicker3{
  0%  {stroke: #3f77e9;}
  1%  {stroke: transparent;}
  10% {stroke: transparent;}
  11% {stroke: #3f77e9;}
  40% {stroke: #3f77e9;}
  41% {stroke: transparent;}
  45% {stroke: transparent;}
  46% {stroke: #3f77e9;}
  100%{stroke: #3f77e9;}
}

@keyframes flicker4{
  0%  {color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
  30% {color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
  31% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  32% {color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
  36% {color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
  37% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  41% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  42% {color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
  85% {color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
  86% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  95% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  96% {color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
  100%{color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
}

@keyframes fadeInText{
  1%  {color: #12000a;text-shadow:0px 0px 4px #12000a;}
  70% {color: #3f77e9;text-shadow:0px 0px 14px #3f77e9;}
  100%{color: #3f77e9;text-shadow:0px 0px 4px #3f77e9;}
}

@keyframes hueRotate{
  0%  {
    filter: hue-rotate(0deg);
  }
  50%  {
    filter: hue-rotate(-120deg);
  }
  100%  {
    filter: hue-rotate(0deg);
  }
}
.test-page {
  padding-top: 300px;
  min-height: 100vh;
}

/* End */


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


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