/* Start:/local/templates/hitsec_common/css/style.css?1774452277351161*/
.bold-text {
  font-weight: bold; /* Или font-weight: 700; */
}

.my-element {
    /* Внешний отступ 20px слева*/
   margin-left: 20px; 
   }

.gap--80 {
  height: 80px;
}
@media (max-width: 1279px) {
  .gap--80 {
    height: 64px;
  }
}

.prod__titlebody.compensate-for-scrollbar {
  overflow: hidden
}

.fancybox-active {
  height: auto
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992
}

.fancybox-container * {
  box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-toolbar {
  right: 0;
  top: 0
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
  display: block
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0
}

.fancybox-slide--image:before {
  display: none
}

.fancybox-slide--html {
  padding: 6px
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5, 0, .14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
  cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing
}

.fancybox-container [data-selectable=true] {
  cursor: text
}

.fancybox-image, .fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.fancybox-spaceball {
  z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%
}

.fancybox-slide--video .fancybox-content {
  background: #000
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff
}

.fancybox-iframe, .fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0
}

.fancybox-button {
  background: rgba(30, 30, 30, .6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
  color: #ccc
}

.fancybox-button:hover {
  color: #fff
}

.fancybox-button:focus {
  outline: none
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none
}

.fancybox-button div {
  height: 100%
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
  display: none
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px
}

.fancybox-navigation .fancybox-button div {
  padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right)
}

.fancybox-caption {
  background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996
}

@supports (padding:max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
  }
}

.fancybox-caption--separate {
  margin-top: -50px
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline
}

.fancybox-loading {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999
}

@keyframes a {
  to {
    transform: rotate(1turn)
  }
}

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px
  }

  .fancybox-slide--image {
    padding: 6px 0
  }

  .fancybox-close-small {
    right: -6px
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px
  }

  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right))
    }
  }
}

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px
}

.fancybox-share p {
  margin: 0;
  padding: 0
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
  color: #fff
}

.fancybox-share__button:hover {
  text-decoration: none
}

.fancybox-share__button--fb {
  background: #3b5998
}

.fancybox-share__button--fb:hover {
  background: #344e86
}

.fancybox-share__button--pt {
  background: #bd081d
}

.fancybox-share__button--pt:hover {
  background: #aa0719
}

.fancybox-share__button--tw {
  background: #1da1f2
}

.fancybox-share__button--tw:hover {
  background: #0d95e8
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px
}

.fancybox-share__button svg path {
  fill: #fff
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, .1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
  opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1
}

@media (max-width:576px) {
  .fancybox-thumbs {
    width: 110px
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px)
  }
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-Thin.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-Thin.woff) format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-Black.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-SemiBoldItalic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-SemiBoldItalic.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-ThinItalic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-ThinItalic.woff) format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-ExtraBold.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-ExtraLightItalic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-ExtraLightItalic.woff) format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-Light.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-BoldItalic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-BoldItalic.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-Italic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-Italic.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-LightItalic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-LightItalic.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-SemiBold.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-SemiBold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-ExtraBoldItalic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-ExtraBoldItalic.woff) format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-Regular.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-Regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-Bold.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-MediumItalic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-ExtraLight.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-BlackItalic.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-BlackItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Montserrat";
  src: url(/local/templates/hitsec_common/css/../fonts/Montserrat-Medium.woff2) format("woff2"), url(/local/templates/hitsec_common/css/../fonts/Montserrat-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto
  }
}

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

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

.slick-list:focus {
  outline: none
}

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

.slick-slider .slick-track, .slick-slider .slick-list {
  transform: translate3d(0, 0, 0)
}

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

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

.slick-track:after {
  clear: both
}

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

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

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

.slick-slide img {
  display: block
}

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

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

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

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

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

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

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0)
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0)
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0)
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0)
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%)
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%)
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%)
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%)
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(.5);
  transition-property: transform, opacity;
  opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(.5);
  opacity: 0
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-.75turn);
  transition-property: transform, opacity;
  opacity: 0
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(.75turn);
  opacity: 0
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(.75turn);
  transition-property: transform, opacity;
  opacity: 0
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-.75turn);
  opacity: 0
}

.slow {
  transition-duration: 750ms !important
}

.fast {
  transition-duration: 250ms !important
}

.linear {
  transition-timing-function: linear !important
}

.ease {
  transition-timing-function: ease !important
}

.ease-in {
  transition-timing-function: ease-in !important
}

.ease-out {
  transition-timing-function: ease-out !important
}

.ease-in-out {
  transition-timing-function: ease-in-out !important
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
  transition-delay: 300ms !important
}

.long-delay {
  transition-delay: 700ms !important
}

.shake {
  -webkit-animation-name: shake-7;
  animation-name: shake-7
}

@-webkit-keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%)
  }

  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%)
  }
}

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%)
  }

  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%)
  }
}

.spin-cw {
  -webkit-animation-name: spin-cw-1turn;
  animation-name: spin-cw-1turn
}

@-webkit-keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn)
  }

  100% {
    transform: rotate(0)
  }
}

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn)
  }

  100% {
    transform: rotate(0)
  }
}

.spin-ccw {
  -webkit-animation-name: spin-ccw-1turn;
  animation-name: spin-ccw-1turn
}

@-webkit-keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(-1turn)
  }
}

@keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(-1turn)
  }
}

.wiggle {
  -webkit-animation-name: wiggle-7deg;
  animation-name: wiggle-7deg
}

@-webkit-keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg)
  }

  35%, 45%, 55%, 65% {
    transform: rotate(-7deg)
  }

  0%, 30%, 70%, 100% {
    transform: rotate(0)
  }
}

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg)
  }

  35%, 45%, 55%, 65% {
    transform: rotate(-7deg)
  }

  0%, 30%, 70%, 100% {
    transform: rotate(0)
  }
}

.shake, .spin-cw, .spin-ccw, .wiggle {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms
}

.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.slow {
  -webkit-animation-duration: 750ms !important;
  animation-duration: 750ms !important
}

.fast {
  -webkit-animation-duration: 250ms !important;
  animation-duration: 250ms !important
}

.linear {
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important
}

.ease {
  -webkit-animation-timing-function: ease !important;
  animation-timing-function: ease !important
}

.ease-in {
  -webkit-animation-timing-function: ease-in !important;
  animation-timing-function: ease-in !important
}

.ease-out {
  -webkit-animation-timing-function: ease-out !important;
  animation-timing-function: ease-out !important
}

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out !important;
  animation-timing-function: ease-in-out !important
}

.bounce-in {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}

.bounce-out {
  -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}

.bounce-in-out {
  -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}

.short-delay {
  -webkit-animation-delay: 300ms !important;
  animation-delay: 300ms !important
}

.long-delay {
  -webkit-animation-delay: 700ms !important;
  animation-delay: 700ms !important
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: 0.35em 0.75em 0.625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

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

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=60em&xlarge=75em&xxlarge=83.75em&xxxlarge=120em&giant=160em"
}

html {
  box-sizing: border-box;
  font-size: 14px
}

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

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  line-height: 1.57;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: .28571rem
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: .28571rem
}

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
  max-width: none !important
}

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: .28571rem;
  background: transparent;
  line-height: 1;
  cursor: auto
}

[data-whatinput='mouse'] button {
  outline: 0
}

pre {
  overflow: auto
}

button, input, optgroup, select, textarea {
  font-family: inherit
}

.is-visible {
  display: block !important
}

.is-hidden {
  display: none !important
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.86571rem;
  margin: 0 0 1.14286rem;
  padding: .57143rem;
  border: 1px solid #c4c4c4;
  border-radius: .28571rem;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 1.14286rem;
  font-weight: normal;
  line-height: 1.57;
  color: #000;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
  outline: none;
  border: 1px solid #777;
  background-color: #fff;
  box-shadow: 0 0 5px #c4c4c4;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

textarea {
  max-width: 100%
}

textarea[rows] {
  height: auto
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed
}

[type='submit'], [type='button'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .28571rem
}

input[type='search'] {
  box-sizing: border-box
}

::-moz-placeholder {
  color: #c4c4c4
}

:-ms-input-placeholder {
  color: #c4c4c4
}

::placeholder {
  color: #c4c4c4
}

[type='file'], [type='checkbox'], [type='radio'] {
  margin: 0 0 1.14286rem
}

[type='checkbox'] + label, [type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: .57143rem;
  margin-right: 1.14286rem;
  margin-bottom: 0
}

[type='checkbox'] + label[for], [type='radio'] + label[for] {
  cursor: pointer
}

label > [type='checkbox'], label > [type='radio'] {
  margin-right: .57143rem
}

[type='file'] {
  width: 100%
}

label {
  display: block;
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000
}

label.middle {
  margin: 0 0 1.14286rem;
  padding: .64286rem 0
}

.help-text {
  margin-top: -.57143rem;
  font-size: .92857rem;
  font-style: italic;
  color: #000
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1.14286rem;
  align-items: stretch
}

.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: .28571rem 0 0 .28571rem
}

.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 .28571rem .28571rem 0
}

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
  margin: 0;
  white-space: nowrap
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #c4c4c4;
  background: #e6e6e6;
  color: #000;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center
}

.input-group-label:first-child {
  border-right: 0
}

.input-group-label:last-child {
  border-left: 0
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto
}

.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.14286rem
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0
}

legend {
  max-width: 100%;
  margin-bottom: .57143rem
}

.fieldset {
  margin: 1.28571rem 0;
  padding: 1.42857rem;
  border: 1px solid #c4c4c4
}

.fieldset legend {
  margin: 0;
  margin-left: -.21429rem;
  padding: 0 .21429rem
}

select {
  height: 2.86571rem;
  margin: 0 0 1.14286rem;
  padding: .57143rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #c4c4c4;
  border-radius: .28571rem;
  background-color: #fff;
  font-family: inherit;
  font-size: 1.14286rem;
  font-weight: normal;
  line-height: 1.57;
  color: #000;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28119, 119, 119%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1.14286rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.71429rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
  }
}

select:focus {
  outline: none;
  border: 1px solid #777;
  background-color: #fff;
  box-shadow: 0 0 5px #c4c4c4;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out
}

select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed
}

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

select[multiple] {
  height: auto;
  background-image: none
}

select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #faedeb
}

.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #cc4b37
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37
}

.is-invalid-label {
  color: #cc4b37
}

.form-error {
  display: none;
  margin-top: -.57143rem;
  margin-bottom: 1.14286rem;
  font-size: .85714rem;
  font-weight: 700;
  color: #cc4b37
}

.form-error.is-visible {
  display: block
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility
}

em, i {
  font-style: italic;
  line-height: inherit
}

strong, b {
  font-weight: 700;
  line-height: inherit
}

small {
  font-size: 80%;
  line-height: inherit
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  line-height: 0;
  color: #c4c4c4
}

h1, .h1 {
  font-size: 1.71429rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h2, .h2 {
  font-size: 1.42857rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h3, .h3 {
  font-size: 1.35714rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h4, .h4 {
  font-size: 1.28571rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h5, .h5 {
  font-size: 1.21429rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

h6, .h6 {
  font-size: 1.14286rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: .5rem
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3.42857rem
  }

  h2, .h2 {
    font-size: 2.85714rem
  }

  h3, .h3 {
    font-size: 2.21429rem
  }

  h4, .h4 {
    font-size: 1.78571rem
  }

  h5, .h5 {
    font-size: 1.42857rem
  }

  h6, .h6 {
    font-size: 1.14286rem
  }
}

a {
  line-height: inherit;
  color: #90004d;
  text-decoration: none;
  cursor: pointer
}

a:hover, a:focus {
  color: #7c0042
}

a img {
  border: 0
}

hr {
  clear: both;
  max-width: 92.57143rem;
  height: 0;
  margin: 1.42857rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #c4c4c4;
  border-left: 0
}

ul, ol, dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6
}

li {
  font-size: inherit
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc
}

ol {
  margin-left: 1.25rem
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0
}

dl {
  margin-bottom: 1rem
}

dl dt {
  margin-bottom: .3rem;
  font-weight: 700
}

blockquote {
  margin: 0 0 1rem;
  padding: .64286rem 1.42857rem 0 1.35714rem;
  border-left: 1px solid #c4c4c4
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #777
}

abbr, abbr[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
  text-decoration: none
}

figure {
  margin: 0
}

kbd {
  margin: 0;
  padding: .14286rem .28571rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #000;
  border-radius: .28571rem
}
.mainheader {
  margin: 0 0 60px 0;
  padding: 0;
  font-weight: normal;
  font-size: 38px;
  line-height: 1.2;
  color: #000000;
}
.mainheader-onpage {
  margin-bottom: 20px;
}
.mainheader a, .mainheader a:hover {
  color: #000000;
}
@media (max-width: 767px){
  .mainheader a:hover {
    color: #94044A;
  }
}

@media (max-width: 991px){
  .mainheader {
    margin: 0 0 40px 0;
    font-size: 34px;
  }
  .mainheader-onpage {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px){
  .mainheader {
    margin: 0 0 24px 0;
    font-size: 26px;
  }
  .mainheader-onpage {
    margin-bottom: 20px;
  }
}
.main-padding {
  margin: 60px 0;
}
@media (max-width: 991px){
  .main-padding {
    margin: 40px 0;
  }
}
@media (max-width: 767px){
  .main-padding {
    margin: 24px 0;
  }
}
.head28 {
  font-size: 28px;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding: 0;
}
@media (max-width: 991px){
  .head28 {
    font-size: 24px;
  }
}
@media (max-width: 767px){
  .head28 {
    font-size: 20px;
  }
}



.subheader {
  margin-top: .2rem;
  margin-bottom: .5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #777
}

.lead {
  font-size: 17.5px;
  line-height: 1.6
}

.stat {
  font-size: 2.5rem;
  line-height: 1
}

p + .stat {
  margin-top: -1rem
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none
}

.cite-block, cite {
  display: block;
  color: #777;
  font-size: .92857rem
}

.cite-block:before, cite:before {
  content: "— "
}

.code-inline, code {
  border: 1px solid #c4c4c4;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: .14286rem .35714rem .07143rem
}

.code-block {
  border: 1px solid #c4c4c4;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #000;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}
.text-uppercase {
  text-transform: uppercase;
}
.text-red {
  color: #94044A;
}
@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left
  }

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

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

  .medium-text-justify {
    text-align: justify
  }
}

@media print, screen and (min-width: 60em) {
  .large-text-left {
    text-align: left
  }

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

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

  .large-text-justify {
    text-align: justify
  }
}

@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left
  }

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

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

  .xlarge-text-justify {
    text-align: justify
  }
}

.show-for-print {
  display: none !important
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
    color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important
  }

  .show-for-print {
    display: block !important
  }

  .hide-for-print {
    display: none !important
  }

  table.show-for-print {
    display: table !important
  }

  thead.show-for-print {
    display: table-header-group !important
  }

  tbody.show-for-print {
    display: table-row-group !important
  }

  tr.show-for-print {
    display: table-row !important
  }

  td.show-for-print {
    display: table-cell !important
  }

  th.show-for-print {
    display: table-cell !important
  }

  a, a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " ("attr(href) ")"
  }

  .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
    content: ''
  }

  abbr[title]:after {
    content: " ("attr(title) ")"
  }

  pre, blockquote {
    border: 1px solid #777;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  tr, img {
    page-break-inside: avoid
  }

  img {
    max-width: 100% !important
  }

  @page {
    margin: 0.5cm
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3
  }

  h2, h3 {
    page-break-after: avoid
  }

  .print-break-inside {
    page-break-inside: auto
  }
}

.grid-container {
  padding-right: .57143rem;
  padding-left: .57143rem;
  max-width: 92.57143rem;
  margin-left: auto;
  margin-right: auto
}

@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: .57143rem;
    padding-left: .57143rem
  }
}

.grid-container.fluid {
  padding-right: .57143rem;
  padding-left: .57143rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: .57143rem;
    padding-left: .57143rem
  }
}

.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto
}

.grid-x {
  display: flex;
  flex-flow: row wrap
}

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%
}

.backlighting:hover {
  color: #90004d;
  font-weight: bold;
  text-decoration: underline
}

.effect {
  float: left;
  position: relative;
  cursor: default
}

.effect img {
  display: block;
  transition: all 0.2s linear
}

.effect:hover img {
  transform: scale(0.9)
}

.cell.auto {
  flex: 1 1 0px
}

.cell.shrink {
  flex: 0 0 auto
}

.grid-x > .auto {
  width: auto
}

.grid-x > .shrink {
  width: auto
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-13, .grid-x > .small-14, .grid-x > .small-15, .grid-x > .small-16, .grid-x > .small-17, .grid-x > .small-18, .grid-x > .small-19, .grid-x > .small-20, .grid-x > .small-21, .grid-x > .small-22, .grid-x > .small-23, .grid-x > .small-24 {
  flex-basis: auto
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-13, .grid-x > .medium-14, .grid-x > .medium-15, .grid-x > .medium-16, .grid-x > .medium-17, .grid-x > .medium-18, .grid-x > .medium-19, .grid-x > .medium-20, .grid-x > .medium-21, .grid-x > .medium-22, .grid-x > .medium-23, .grid-x > .medium-24 {
    flex-basis: auto
  }
}

@media print, screen and (min-width: 60em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-13, .grid-x > .large-14, .grid-x > .large-15, .grid-x > .large-16, .grid-x > .large-17, .grid-x > .large-18, .grid-x > .large-19, .grid-x > .large-20, .grid-x > .large-21, .grid-x > .large-22, .grid-x > .large-23, .grid-x > .large-24 {
    flex-basis: auto
  }
}

@media screen and (min-width: 75em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12, .grid-x > .xlarge-13, .grid-x > .xlarge-14, .grid-x > .xlarge-15, .grid-x > .xlarge-16, .grid-x > .xlarge-17, .grid-x > .xlarge-18, .grid-x > .xlarge-19, .grid-x > .xlarge-20, .grid-x > .xlarge-21, .grid-x > .xlarge-22, .grid-x > .xlarge-23, .grid-x > .xlarge-24 {
    flex-basis: auto
  }
}

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-13, .grid-x > .small-14, .grid-x > .small-15, .grid-x > .small-16, .grid-x > .small-17, .grid-x > .small-18, .grid-x > .small-19, .grid-x > .small-20, .grid-x > .small-21, .grid-x > .small-22, .grid-x > .small-23, .grid-x > .small-24 {
  flex: 0 0 auto
}

.grid-x > .small-1 {
  width: 4.16667%
}

.grid-x > .small-2 {
  width: 8.33333%
}

.grid-x > .small-3 {
  width: 12.5%
}

.grid-x > .small-4 {
  width: 16.66667%
}

.grid-x > .small-5 {
  width: 20.83333%
}

.grid-x > .small-6 {
  width: 25%
}

.grid-x > .small-7 {
  width: 29.16667%
}

.grid-x > .small-8 {
  width: 33.33333%
}

.grid-x > .small-9 {
  width: 37.5%
}

.grid-x > .small-10 {
  width: 41.66667%
}

.grid-x > .small-11 {
  width: 45.83333%
}

.grid-x > .small-12 {
  width: 50%
}

.grid-x > .small-13 {
  width: 54.16667%
}

.grid-x > .small-14 {
  width: 58.33333%
}

.grid-x > .small-15 {
  width: 62.5%
}

.grid-x > .small-16 {
  width: 66.66667%
}

.grid-x > .small-17 {
  width: 70.83333%
}

.grid-x > .small-18 {
  width: 75%
}

.grid-x > .small-19 {
  width: 79.16667%
}

.grid-x > .small-20 {
  width: 83.33333%
}

.grid-x > .small-21 {
  width: 87.5%
}

.grid-x > .small-22 {
  width: 91.66667%
}

.grid-x > .small-23 {
  width: 95.83333%
}

.grid-x > .small-24 {
  width: 100%
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto
  }

  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-13, .grid-x > .medium-14, .grid-x > .medium-15, .grid-x > .medium-16, .grid-x > .medium-17, .grid-x > .medium-18, .grid-x > .medium-19, .grid-x > .medium-20, .grid-x > .medium-21, .grid-x > .medium-22, .grid-x > .medium-23, .grid-x > .medium-24 {
    flex: 0 0 auto
  }

  .grid-x > .medium-shrink {
    width: auto
  }

  .grid-x > .medium-1 {
    width: 4.16667%
  }

  .grid-x > .medium-2 {
    width: 8.33333%
  }

  .grid-x > .medium-3 {
    width: 12.5%
  }

  .grid-x > .medium-4 {
    width: 16.66667%
  }

  .grid-x > .medium-5 {
    width: 20.83333%
  }

  .grid-x > .medium-6 {
    width: 25%
  }

  .grid-x > .medium-7 {
    width: 29.16667%
  }

  .grid-x > .medium-8 {
    width: 33.33333%
  }

  .grid-x > .medium-9 {
    width: 37.5%
  }

  .grid-x > .medium-10 {
    width: 41.66667%
  }

  .grid-x > .medium-11 {
    width: 45.83333%
  }

  .grid-x > .medium-12 {
    width: 50%
  }

  .grid-x > .medium-13 {
    width: 54.16667%
  }

  .grid-x > .medium-14 {
    width: 58.33333%
  }

  .grid-x > .medium-15 {
    width: 62.5%
  }

  .grid-x > .medium-16 {
    width: 66.66667%
  }

  .grid-x > .medium-17 {
    width: 70.83333%
  }

  .grid-x > .medium-18 {
    width: 75%
  }

  .grid-x > .medium-19 {
    width: 79.16667%
  }

  .grid-x > .medium-20 {
    width: 83.33333%
  }

  .grid-x > .medium-21 {
    width: 87.5%
  }

  .grid-x > .medium-22 {
    width: 91.66667%
  }

  .grid-x > .medium-23 {
    width: 95.83333%
  }

  .grid-x > .medium-24 {
    width: 100%
  }
}

@media print, screen and (min-width: 60em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto
  }

  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-13, .grid-x > .large-14, .grid-x > .large-15, .grid-x > .large-16, .grid-x > .large-17, .grid-x > .large-18, .grid-x > .large-19, .grid-x > .large-20, .grid-x > .large-21, .grid-x > .large-22, .grid-x > .large-23, .grid-x > .large-24 {
    flex: 0 0 auto
  }

  .grid-x > .large-shrink {
    width: auto
  }

  .grid-x > .large-1 {
    width: 4.16667%
  }

  .grid-x > .large-2 {
    width: 8.33333%
  }

  .grid-x > .large-3 {
    width: 12.5%
  }

  .grid-x > .large-4 {
    width: 16.66667%
  }

  .grid-x > .large-5 {
    width: 20.83333%
  }

  .grid-x > .large-6 {
    width: 25%
  }

  .grid-x > .large-7 {
    width: 29.16667%
  }

  .grid-x > .large-8 {
    width: 33.33333%
  }

  .grid-x > .large-9 {
    width: 37.5%
  }

  .grid-x > .large-10 {
    width: 41.66667%
  }

  .grid-x > .large-11 {
    width: 45.83333%
  }

  .grid-x > .large-12 {
    width: 50%
  }

  .grid-x > .large-13 {
    width: 54.16667%
  }

  .grid-x > .large-14 {
    width: 58.33333%
  }

  .grid-x > .large-15 {
    width: 62.5%
  }

  .grid-x > .large-16 {
    width: 66.66667%
  }

  .grid-x > .large-17 {
    width: 70.83333%
  }

  .grid-x > .large-18 {
    width: 75%
  }

  .grid-x > .large-19 {
    width: 79.16667%
  }

  .grid-x > .large-20 {
    width: 83.33333%
  }

  .grid-x > .large-21 {
    width: 87.5%
  }

  .grid-x > .large-22 {
    width: 91.66667%
  }

  .grid-x > .large-23 {
    width: 95.83333%
  }

  .grid-x > .large-24 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .grid-x > .xlarge-auto {
    flex: 1 1 0px;
    width: auto
  }

  .grid-x > .xlarge-shrink, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12, .grid-x > .xlarge-13, .grid-x > .xlarge-14, .grid-x > .xlarge-15, .grid-x > .xlarge-16, .grid-x > .xlarge-17, .grid-x > .xlarge-18, .grid-x > .xlarge-19, .grid-x > .xlarge-20, .grid-x > .xlarge-21, .grid-x > .xlarge-22, .grid-x > .xlarge-23, .grid-x > .xlarge-24 {
    flex: 0 0 auto
  }

  .grid-x > .xlarge-shrink {
    width: auto
  }

  .grid-x > .xlarge-1 {
    width: 4.16667%
  }

  .grid-x > .xlarge-2 {
    width: 8.33333%
  }

  .grid-x > .xlarge-3 {
    width: 12.5%
  }

  .grid-x > .xlarge-4 {
    width: 16.66667%
  }

  .grid-x > .xlarge-5 {
    width: 20.83333%
  }

  .grid-x > .xlarge-6 {
    width: 25%
  }

  .grid-x > .xlarge-7 {
    width: 29.16667%
  }

  .grid-x > .xlarge-8 {
    width: 33.33333%
  }

  .grid-x > .xlarge-9 {
    width: 37.5%
  }

  .grid-x > .xlarge-10 {
    width: 41.66667%
  }

  .grid-x > .xlarge-11 {
    width: 45.83333%
  }

  .grid-x > .xlarge-12 {
    width: 50%
  }

  .grid-x > .xlarge-13 {
    width: 54.16667%
  }

  .grid-x > .xlarge-14 {
    width: 58.33333%
  }

  .grid-x > .xlarge-15 {
    width: 62.5%
  }

  .grid-x > .xlarge-16 {
    width: 66.66667%
  }

  .grid-x > .xlarge-17 {
    width: 70.83333%
  }

  .grid-x > .xlarge-18 {
    width: 75%
  }

  .grid-x > .xlarge-19 {
    width: 79.16667%
  }

  .grid-x > .xlarge-20 {
    width: 83.33333%
  }

  .grid-x > .xlarge-21 {
    width: 87.5%
  }

  .grid-x > .xlarge-22 {
    width: 91.66667%
  }

  .grid-x > .xlarge-23 {
    width: 95.83333%
  }

  .grid-x > .xlarge-24 {
    width: 100%
  }
}

.grid-margin-x:not(.grid-x) > .cell {
  width: auto
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto
}

.grid-margin-x {
  margin-left: -.57143rem;
  margin-right: -.57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -.57143rem;
    margin-right: -.57143rem
  }
}

.grid-margin-x > .cell {
  width: calc(100% - 1.14286rem);
  margin-left: .57143rem;
  margin-right: .57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.14286rem);
    margin-left: .57143rem;
    margin-right: .57143rem
  }
}

.grid-margin-x > .auto {
  width: auto
}

.grid-margin-x > .shrink {
  width: auto
}

.grid-margin-x > .small-1 {
  width: calc(4.16667% - 1.14286rem)
}

.grid-margin-x > .small-2 {
  width: calc(8.33333% - 1.14286rem)
}

.grid-margin-x > .small-3 {
  width: calc(12.5% - 1.14286rem)
}

.grid-margin-x > .small-4 {
  width: calc(16.66667% - 1.14286rem)
}

.grid-margin-x > .small-5 {
  width: calc(20.83333% - 1.14286rem)
}

.grid-margin-x > .small-6 {
  width: calc(25% - 1.14286rem)
}

.grid-margin-x > .small-7 {
  width: calc(29.16667% - 1.14286rem)
}

.grid-margin-x > .small-8 {
  width: calc(33.33333% - 1.14286rem)
}

.grid-margin-x > .small-9 {
  width: calc(37.5% - 1.14286rem)
}

.grid-margin-x > .small-10 {
  width: calc(41.66667% - 1.14286rem)
}

.grid-margin-x > .small-11 {
  width: calc(45.83333% - 1.14286rem)
}

.grid-margin-x > .small-12 {
  width: calc(50% - 1.14286rem)
}

.grid-margin-x > .small-13 {
  width: calc(54.16667% - 1.14286rem)
}

.grid-margin-x > .small-14 {
  width: calc(58.33333% - 1.14286rem)
}

.grid-margin-x > .small-15 {
  width: calc(62.5% - 1.14286rem)
}

.grid-margin-x > .small-16 {
  width: calc(66.66667% - 1.14286rem)
}

.grid-margin-x > .small-17 {
  width: calc(70.83333% - 1.14286rem)
}

.grid-margin-x > .small-18 {
  width: calc(75% - 1.14286rem)
}

.grid-margin-x > .small-19 {
  width: calc(79.16667% - 1.14286rem)
}

.grid-margin-x > .small-20 {
  width: calc(83.33333% - 1.14286rem)
}

.grid-margin-x > .small-21 {
  width: calc(87.5% - 1.14286rem)
}

.grid-margin-x > .small-22 {
  width: calc(91.66667% - 1.14286rem)
}

.grid-margin-x > .small-23 {
  width: calc(95.83333% - 1.14286rem)
}

.grid-margin-x > .small-24 {
  width: calc(100% - 1.14286rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto
  }

  .grid-margin-x > .shrink {
    width: auto
  }

  .grid-margin-x > .small-1 {
    width: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-x > .small-2 {
    width: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-x > .small-3 {
    width: calc(12.5% - 1.14286rem)
  }

  .grid-margin-x > .small-4 {
    width: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-x > .small-5 {
    width: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-x > .small-6 {
    width: calc(25% - 1.14286rem)
  }

  .grid-margin-x > .small-7 {
    width: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-x > .small-8 {
    width: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-x > .small-9 {
    width: calc(37.5% - 1.14286rem)
  }

  .grid-margin-x > .small-10 {
    width: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-x > .small-11 {
    width: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-x > .small-12 {
    width: calc(50% - 1.14286rem)
  }

  .grid-margin-x > .small-13 {
    width: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-x > .small-14 {
    width: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-x > .small-15 {
    width: calc(62.5% - 1.14286rem)
  }

  .grid-margin-x > .small-16 {
    width: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-x > .small-17 {
    width: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-x > .small-18 {
    width: calc(75% - 1.14286rem)
  }

  .grid-margin-x > .small-19 {
    width: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-x > .small-20 {
    width: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-x > .small-21 {
    width: calc(87.5% - 1.14286rem)
  }

  .grid-margin-x > .small-22 {
    width: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-x > .small-23 {
    width: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-x > .small-24 {
    width: calc(100% - 1.14286rem)
  }

  .grid-margin-x > .medium-auto {
    width: auto
  }

  .grid-margin-x > .medium-shrink {
    width: auto
  }

  .grid-margin-x > .medium-1 {
    width: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-x > .medium-2 {
    width: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-x > .medium-3 {
    width: calc(12.5% - 1.14286rem)
  }

  .grid-margin-x > .medium-4 {
    width: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-x > .medium-5 {
    width: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-x > .medium-6 {
    width: calc(25% - 1.14286rem)
  }

  .grid-margin-x > .medium-7 {
    width: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-x > .medium-8 {
    width: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-x > .medium-9 {
    width: calc(37.5% - 1.14286rem)
  }

  .grid-margin-x > .medium-10 {
    width: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-x > .medium-11 {
    width: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-x > .medium-12 {
    width: calc(50% - 1.14286rem)
  }

  .grid-margin-x > .medium-13 {
    width: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-x > .medium-14 {
    width: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-x > .medium-15 {
    width: calc(62.5% - 1.14286rem)
  }

  .grid-margin-x > .medium-16 {
    width: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-x > .medium-17 {
    width: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-x > .medium-18 {
    width: calc(75% - 1.14286rem)
  }

  .grid-margin-x > .medium-19 {
    width: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-x > .medium-20 {
    width: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-x > .medium-21 {
    width: calc(87.5% - 1.14286rem)
  }

  .grid-margin-x > .medium-22 {
    width: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-x > .medium-23 {
    width: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-x > .medium-24 {
    width: calc(100% - 1.14286rem)
  }
}

@media print, screen and (min-width: 60em) {
  .grid-margin-x > .large-auto {
    width: auto
  }

  .grid-margin-x > .large-shrink {
    width: auto
  }

  .grid-margin-x > .large-1 {
    width: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-x > .large-2 {
    width: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-x > .large-3 {
    width: calc(12.5% - 1.14286rem)
  }

  .grid-margin-x > .large-4 {
    width: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-x > .large-5 {
    width: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-x > .large-6 {
    width: calc(25% - 1.14286rem)
  }

  .grid-margin-x > .large-7 {
    width: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-x > .large-8 {
    width: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-x > .large-9 {
    width: calc(37.5% - 1.14286rem)
  }

  .grid-margin-x > .large-10 {
    width: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-x > .large-11 {
    width: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-x > .large-12 {
    width: calc(50% - 1.14286rem)
  }

  .grid-margin-x > .large-13 {
    width: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-x > .large-14 {
    width: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-x > .large-15 {
    width: calc(62.5% - 1.14286rem)
  }

  .grid-margin-x > .large-16 {
    width: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-x > .large-17 {
    width: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-x > .large-18 {
    width: calc(75% - 1.14286rem)
  }

  .grid-margin-x > .large-19 {
    width: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-x > .large-20 {
    width: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-x > .large-21 {
    width: calc(87.5% - 1.14286rem)
  }

  .grid-margin-x > .large-22 {
    width: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-x > .large-23 {
    width: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-x > .large-24 {
    width: calc(100% - 1.14286rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-x > .xlarge-auto {
    width: auto
  }

  .grid-margin-x > .xlarge-shrink {
    width: auto
  }

  .grid-margin-x > .xlarge-1 {
    width: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-2 {
    width: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-3 {
    width: calc(12.5% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-4 {
    width: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-5 {
    width: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-6 {
    width: calc(25% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-7 {
    width: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-8 {
    width: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-9 {
    width: calc(37.5% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-10 {
    width: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-11 {
    width: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-12 {
    width: calc(50% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-13 {
    width: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-14 {
    width: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-15 {
    width: calc(62.5% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-16 {
    width: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-17 {
    width: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-18 {
    width: calc(75% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-19 {
    width: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-20 {
    width: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-21 {
    width: calc(87.5% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-22 {
    width: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-23 {
    width: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-x > .xlarge-24 {
    width: calc(100% - 1.14286rem)
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -.57143rem;
  margin-left: -.57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -.57143rem;
    margin-left: -.57143rem
  }
}

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -.57143rem;
  margin-left: -.57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -.57143rem;
    margin-left: -.57143rem
  }
}

.grid-padding-x > .cell {
  padding-right: .57143rem;
  padding-left: .57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: .57143rem;
    padding-left: .57143rem
  }
}

.small-up-1 > .cell {
  width: 100%
}

.small-up-2 > .cell {
  width: 50%
}

.small-up-3 > .cell {
  width: 33.33333%
}

.small-up-4 > .cell {
  width: 25%
}

.small-up-5 > .cell {
  width: 20%
}

.small-up-6 > .cell {
  width: 16.66667%
}

.small-up-7 > .cell {
  width: 14.28571%
}

.small-up-8 > .cell {
  width: 12.5%
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%
  }

  .medium-up-2 > .cell {
    width: 50%
  }

  .medium-up-3 > .cell {
    width: 33.33333%
  }

  .medium-up-4 > .cell {
    width: 25%
  }

  .medium-up-5 > .cell {
    width: 20%
  }

  .medium-up-6 > .cell {
    width: 16.66667%
  }

  .medium-up-7 > .cell {
    width: 14.28571%
  }

  .medium-up-8 > .cell {
    width: 12.5%
  }
}

@media print, screen and (min-width: 60em) {
  .large-up-1 > .cell {
    width: 100%
  }

  .large-up-2 > .cell {
    width: 50%
  }

  .large-up-3 > .cell {
    width: 33.33333%
  }

  .large-up-4 > .cell {
    width: 25%
  }

  .large-up-5 > .cell {
    width: 20%
  }

  .large-up-6 > .cell {
    width: 16.66667%
  }

  .large-up-7 > .cell {
    width: 14.28571%
  }

  .large-up-8 > .cell {
    width: 12.5%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-up-1 > .cell {
    width: 100%
  }

  .xlarge-up-2 > .cell {
    width: 50%
  }

  .xlarge-up-3 > .cell {
    width: 33.33333%
  }

  .xlarge-up-4 > .cell {
    width: 25%
  }

  .xlarge-up-5 > .cell {
    width: 20%
  }

  .xlarge-up-6 > .cell {
    width: 16.66667%
  }

  .xlarge-up-7 > .cell {
    width: 14.28571%
  }

  .xlarge-up-8 > .cell {
    width: 12.5%
  }
}

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.14286rem)
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.14286rem)
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.14286rem)
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.14286rem)
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.14286rem)
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.14286rem)
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.14286rem)
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.14286rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.14286rem)
  }

  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.14286rem)
  }

  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.14286rem)
  }

  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.14286rem)
  }

  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.14286rem)
  }

  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.14286rem)
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.14286rem)
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.14286rem)
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.14286rem)
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.14286rem)
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.14286rem)
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.14286rem)
  }
}

@media print, screen and (min-width: 60em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.14286rem)
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.14286rem)
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.14286rem)
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.14286rem)
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.14286rem)
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.14286rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 1.14286rem)
  }

  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 1.14286rem)
  }

  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 1.14286rem)
  }

  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 1.14286rem)
  }

  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.28571% - 1.14286rem)
  }

  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 1.14286rem)
  }
}

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0
}

.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0
}

.small-margin-collapse > .small-1 {
  width: 4.16667%
}

.small-margin-collapse > .small-2 {
  width: 8.33333%
}

.small-margin-collapse > .small-3 {
  width: 12.5%
}

.small-margin-collapse > .small-4 {
  width: 16.66667%
}

.small-margin-collapse > .small-5 {
  width: 20.83333%
}

.small-margin-collapse > .small-6 {
  width: 25%
}

.small-margin-collapse > .small-7 {
  width: 29.16667%
}

.small-margin-collapse > .small-8 {
  width: 33.33333%
}

.small-margin-collapse > .small-9 {
  width: 37.5%
}

.small-margin-collapse > .small-10 {
  width: 41.66667%
}

.small-margin-collapse > .small-11 {
  width: 45.83333%
}

.small-margin-collapse > .small-12 {
  width: 50%
}

.small-margin-collapse > .small-13 {
  width: 54.16667%
}

.small-margin-collapse > .small-14 {
  width: 58.33333%
}

.small-margin-collapse > .small-15 {
  width: 62.5%
}

.small-margin-collapse > .small-16 {
  width: 66.66667%
}

.small-margin-collapse > .small-17 {
  width: 70.83333%
}

.small-margin-collapse > .small-18 {
  width: 75%
}

.small-margin-collapse > .small-19 {
  width: 79.16667%
}

.small-margin-collapse > .small-20 {
  width: 83.33333%
}

.small-margin-collapse > .small-21 {
  width: 87.5%
}

.small-margin-collapse > .small-22 {
  width: 91.66667%
}

.small-margin-collapse > .small-23 {
  width: 95.83333%
}

.small-margin-collapse > .small-24 {
  width: 100%
}

@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 4.16667%
  }

  .small-margin-collapse > .medium-2 {
    width: 8.33333%
  }

  .small-margin-collapse > .medium-3 {
    width: 12.5%
  }

  .small-margin-collapse > .medium-4 {
    width: 16.66667%
  }

  .small-margin-collapse > .medium-5 {
    width: 20.83333%
  }

  .small-margin-collapse > .medium-6 {
    width: 25%
  }

  .small-margin-collapse > .medium-7 {
    width: 29.16667%
  }

  .small-margin-collapse > .medium-8 {
    width: 33.33333%
  }

  .small-margin-collapse > .medium-9 {
    width: 37.5%
  }

  .small-margin-collapse > .medium-10 {
    width: 41.66667%
  }

  .small-margin-collapse > .medium-11 {
    width: 45.83333%
  }

  .small-margin-collapse > .medium-12 {
    width: 50%
  }

  .small-margin-collapse > .medium-13 {
    width: 54.16667%
  }

  .small-margin-collapse > .medium-14 {
    width: 58.33333%
  }

  .small-margin-collapse > .medium-15 {
    width: 62.5%
  }

  .small-margin-collapse > .medium-16 {
    width: 66.66667%
  }

  .small-margin-collapse > .medium-17 {
    width: 70.83333%
  }

  .small-margin-collapse > .medium-18 {
    width: 75%
  }

  .small-margin-collapse > .medium-19 {
    width: 79.16667%
  }

  .small-margin-collapse > .medium-20 {
    width: 83.33333%
  }

  .small-margin-collapse > .medium-21 {
    width: 87.5%
  }

  .small-margin-collapse > .medium-22 {
    width: 91.66667%
  }

  .small-margin-collapse > .medium-23 {
    width: 95.83333%
  }

  .small-margin-collapse > .medium-24 {
    width: 100%
  }
}

@media print, screen and (min-width: 60em) {
  .small-margin-collapse > .large-1 {
    width: 4.16667%
  }

  .small-margin-collapse > .large-2 {
    width: 8.33333%
  }

  .small-margin-collapse > .large-3 {
    width: 12.5%
  }

  .small-margin-collapse > .large-4 {
    width: 16.66667%
  }

  .small-margin-collapse > .large-5 {
    width: 20.83333%
  }

  .small-margin-collapse > .large-6 {
    width: 25%
  }

  .small-margin-collapse > .large-7 {
    width: 29.16667%
  }

  .small-margin-collapse > .large-8 {
    width: 33.33333%
  }

  .small-margin-collapse > .large-9 {
    width: 37.5%
  }

  .small-margin-collapse > .large-10 {
    width: 41.66667%
  }

  .small-margin-collapse > .large-11 {
    width: 45.83333%
  }

  .small-margin-collapse > .large-12 {
    width: 50%
  }

  .small-margin-collapse > .large-13 {
    width: 54.16667%
  }

  .small-margin-collapse > .large-14 {
    width: 58.33333%
  }

  .small-margin-collapse > .large-15 {
    width: 62.5%
  }

  .small-margin-collapse > .large-16 {
    width: 66.66667%
  }

  .small-margin-collapse > .large-17 {
    width: 70.83333%
  }

  .small-margin-collapse > .large-18 {
    width: 75%
  }

  .small-margin-collapse > .large-19 {
    width: 79.16667%
  }

  .small-margin-collapse > .large-20 {
    width: 83.33333%
  }

  .small-margin-collapse > .large-21 {
    width: 87.5%
  }

  .small-margin-collapse > .large-22 {
    width: 91.66667%
  }

  .small-margin-collapse > .large-23 {
    width: 95.83333%
  }

  .small-margin-collapse > .large-24 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .small-margin-collapse > .xlarge-1 {
    width: 4.16667%
  }

  .small-margin-collapse > .xlarge-2 {
    width: 8.33333%
  }

  .small-margin-collapse > .xlarge-3 {
    width: 12.5%
  }

  .small-margin-collapse > .xlarge-4 {
    width: 16.66667%
  }

  .small-margin-collapse > .xlarge-5 {
    width: 20.83333%
  }

  .small-margin-collapse > .xlarge-6 {
    width: 25%
  }

  .small-margin-collapse > .xlarge-7 {
    width: 29.16667%
  }

  .small-margin-collapse > .xlarge-8 {
    width: 33.33333%
  }

  .small-margin-collapse > .xlarge-9 {
    width: 37.5%
  }

  .small-margin-collapse > .xlarge-10 {
    width: 41.66667%
  }

  .small-margin-collapse > .xlarge-11 {
    width: 45.83333%
  }

  .small-margin-collapse > .xlarge-12 {
    width: 50%
  }

  .small-margin-collapse > .xlarge-13 {
    width: 54.16667%
  }

  .small-margin-collapse > .xlarge-14 {
    width: 58.33333%
  }

  .small-margin-collapse > .xlarge-15 {
    width: 62.5%
  }

  .small-margin-collapse > .xlarge-16 {
    width: 66.66667%
  }

  .small-margin-collapse > .xlarge-17 {
    width: 70.83333%
  }

  .small-margin-collapse > .xlarge-18 {
    width: 75%
  }

  .small-margin-collapse > .xlarge-19 {
    width: 79.16667%
  }

  .small-margin-collapse > .xlarge-20 {
    width: 83.33333%
  }

  .small-margin-collapse > .xlarge-21 {
    width: 87.5%
  }

  .small-margin-collapse > .xlarge-22 {
    width: 91.66667%
  }

  .small-margin-collapse > .xlarge-23 {
    width: 95.83333%
  }

  .small-margin-collapse > .xlarge-24 {
    width: 100%
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0
}

.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 4.16667%
  }

  .medium-margin-collapse > .small-2 {
    width: 8.33333%
  }

  .medium-margin-collapse > .small-3 {
    width: 12.5%
  }

  .medium-margin-collapse > .small-4 {
    width: 16.66667%
  }

  .medium-margin-collapse > .small-5 {
    width: 20.83333%
  }

  .medium-margin-collapse > .small-6 {
    width: 25%
  }

  .medium-margin-collapse > .small-7 {
    width: 29.16667%
  }

  .medium-margin-collapse > .small-8 {
    width: 33.33333%
  }

  .medium-margin-collapse > .small-9 {
    width: 37.5%
  }

  .medium-margin-collapse > .small-10 {
    width: 41.66667%
  }

  .medium-margin-collapse > .small-11 {
    width: 45.83333%
  }

  .medium-margin-collapse > .small-12 {
    width: 50%
  }

  .medium-margin-collapse > .small-13 {
    width: 54.16667%
  }

  .medium-margin-collapse > .small-14 {
    width: 58.33333%
  }

  .medium-margin-collapse > .small-15 {
    width: 62.5%
  }

  .medium-margin-collapse > .small-16 {
    width: 66.66667%
  }

  .medium-margin-collapse > .small-17 {
    width: 70.83333%
  }

  .medium-margin-collapse > .small-18 {
    width: 75%
  }

  .medium-margin-collapse > .small-19 {
    width: 79.16667%
  }

  .medium-margin-collapse > .small-20 {
    width: 83.33333%
  }

  .medium-margin-collapse > .small-21 {
    width: 87.5%
  }

  .medium-margin-collapse > .small-22 {
    width: 91.66667%
  }

  .medium-margin-collapse > .small-23 {
    width: 95.83333%
  }

  .medium-margin-collapse > .small-24 {
    width: 100%
  }
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 4.16667%
  }

  .medium-margin-collapse > .medium-2 {
    width: 8.33333%
  }

  .medium-margin-collapse > .medium-3 {
    width: 12.5%
  }

  .medium-margin-collapse > .medium-4 {
    width: 16.66667%
  }

  .medium-margin-collapse > .medium-5 {
    width: 20.83333%
  }

  .medium-margin-collapse > .medium-6 {
    width: 25%
  }

  .medium-margin-collapse > .medium-7 {
    width: 29.16667%
  }

  .medium-margin-collapse > .medium-8 {
    width: 33.33333%
  }

  .medium-margin-collapse > .medium-9 {
    width: 37.5%
  }

  .medium-margin-collapse > .medium-10 {
    width: 41.66667%
  }

  .medium-margin-collapse > .medium-11 {
    width: 45.83333%
  }

  .medium-margin-collapse > .medium-12 {
    width: 50%
  }

  .medium-margin-collapse > .medium-13 {
    width: 54.16667%
  }

  .medium-margin-collapse > .medium-14 {
    width: 58.33333%
  }

  .medium-margin-collapse > .medium-15 {
    width: 62.5%
  }

  .medium-margin-collapse > .medium-16 {
    width: 66.66667%
  }

  .medium-margin-collapse > .medium-17 {
    width: 70.83333%
  }

  .medium-margin-collapse > .medium-18 {
    width: 75%
  }

  .medium-margin-collapse > .medium-19 {
    width: 79.16667%
  }

  .medium-margin-collapse > .medium-20 {
    width: 83.33333%
  }

  .medium-margin-collapse > .medium-21 {
    width: 87.5%
  }

  .medium-margin-collapse > .medium-22 {
    width: 91.66667%
  }

  .medium-margin-collapse > .medium-23 {
    width: 95.83333%
  }

  .medium-margin-collapse > .medium-24 {
    width: 100%
  }
}

@media print, screen and (min-width: 60em) {
  .medium-margin-collapse > .large-1 {
    width: 4.16667%
  }

  .medium-margin-collapse > .large-2 {
    width: 8.33333%
  }

  .medium-margin-collapse > .large-3 {
    width: 12.5%
  }

  .medium-margin-collapse > .large-4 {
    width: 16.66667%
  }

  .medium-margin-collapse > .large-5 {
    width: 20.83333%
  }

  .medium-margin-collapse > .large-6 {
    width: 25%
  }

  .medium-margin-collapse > .large-7 {
    width: 29.16667%
  }

  .medium-margin-collapse > .large-8 {
    width: 33.33333%
  }

  .medium-margin-collapse > .large-9 {
    width: 37.5%
  }

  .medium-margin-collapse > .large-10 {
    width: 41.66667%
  }

  .medium-margin-collapse > .large-11 {
    width: 45.83333%
  }

  .medium-margin-collapse > .large-12 {
    width: 50%
  }

  .medium-margin-collapse > .large-13 {
    width: 54.16667%
  }

  .medium-margin-collapse > .large-14 {
    width: 58.33333%
  }

  .medium-margin-collapse > .large-15 {
    width: 62.5%
  }

  .medium-margin-collapse > .large-16 {
    width: 66.66667%
  }

  .medium-margin-collapse > .large-17 {
    width: 70.83333%
  }

  .medium-margin-collapse > .large-18 {
    width: 75%
  }

  .medium-margin-collapse > .large-19 {
    width: 79.16667%
  }

  .medium-margin-collapse > .large-20 {
    width: 83.33333%
  }

  .medium-margin-collapse > .large-21 {
    width: 87.5%
  }

  .medium-margin-collapse > .large-22 {
    width: 91.66667%
  }

  .medium-margin-collapse > .large-23 {
    width: 95.83333%
  }

  .medium-margin-collapse > .large-24 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 4.16667%
  }

  .medium-margin-collapse > .xlarge-2 {
    width: 8.33333%
  }

  .medium-margin-collapse > .xlarge-3 {
    width: 12.5%
  }

  .medium-margin-collapse > .xlarge-4 {
    width: 16.66667%
  }

  .medium-margin-collapse > .xlarge-5 {
    width: 20.83333%
  }

  .medium-margin-collapse > .xlarge-6 {
    width: 25%
  }

  .medium-margin-collapse > .xlarge-7 {
    width: 29.16667%
  }

  .medium-margin-collapse > .xlarge-8 {
    width: 33.33333%
  }

  .medium-margin-collapse > .xlarge-9 {
    width: 37.5%
  }

  .medium-margin-collapse > .xlarge-10 {
    width: 41.66667%
  }

  .medium-margin-collapse > .xlarge-11 {
    width: 45.83333%
  }

  .medium-margin-collapse > .xlarge-12 {
    width: 50%
  }

  .medium-margin-collapse > .xlarge-13 {
    width: 54.16667%
  }

  .medium-margin-collapse > .xlarge-14 {
    width: 58.33333%
  }

  .medium-margin-collapse > .xlarge-15 {
    width: 62.5%
  }

  .medium-margin-collapse > .xlarge-16 {
    width: 66.66667%
  }

  .medium-margin-collapse > .xlarge-17 {
    width: 70.83333%
  }

  .medium-margin-collapse > .xlarge-18 {
    width: 75%
  }

  .medium-margin-collapse > .xlarge-19 {
    width: 79.16667%
  }

  .medium-margin-collapse > .xlarge-20 {
    width: 83.33333%
  }

  .medium-margin-collapse > .xlarge-21 {
    width: 87.5%
  }

  .medium-margin-collapse > .xlarge-22 {
    width: 91.66667%
  }

  .medium-margin-collapse > .xlarge-23 {
    width: 95.83333%
  }

  .medium-margin-collapse > .xlarge-24 {
    width: 100%
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0
  }
}

@media print, screen and (min-width: 60em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media print, screen and (min-width: 60em) {
  .large-margin-collapse > .small-1 {
    width: 4.16667%
  }

  .large-margin-collapse > .small-2 {
    width: 8.33333%
  }

  .large-margin-collapse > .small-3 {
    width: 12.5%
  }

  .large-margin-collapse > .small-4 {
    width: 16.66667%
  }

  .large-margin-collapse > .small-5 {
    width: 20.83333%
  }

  .large-margin-collapse > .small-6 {
    width: 25%
  }

  .large-margin-collapse > .small-7 {
    width: 29.16667%
  }

  .large-margin-collapse > .small-8 {
    width: 33.33333%
  }

  .large-margin-collapse > .small-9 {
    width: 37.5%
  }

  .large-margin-collapse > .small-10 {
    width: 41.66667%
  }

  .large-margin-collapse > .small-11 {
    width: 45.83333%
  }

  .large-margin-collapse > .small-12 {
    width: 50%
  }

  .large-margin-collapse > .small-13 {
    width: 54.16667%
  }

  .large-margin-collapse > .small-14 {
    width: 58.33333%
  }

  .large-margin-collapse > .small-15 {
    width: 62.5%
  }

  .large-margin-collapse > .small-16 {
    width: 66.66667%
  }

  .large-margin-collapse > .small-17 {
    width: 70.83333%
  }

  .large-margin-collapse > .small-18 {
    width: 75%
  }

  .large-margin-collapse > .small-19 {
    width: 79.16667%
  }

  .large-margin-collapse > .small-20 {
    width: 83.33333%
  }

  .large-margin-collapse > .small-21 {
    width: 87.5%
  }

  .large-margin-collapse > .small-22 {
    width: 91.66667%
  }

  .large-margin-collapse > .small-23 {
    width: 95.83333%
  }

  .large-margin-collapse > .small-24 {
    width: 100%
  }
}

@media print, screen and (min-width: 60em) {
  .large-margin-collapse > .medium-1 {
    width: 4.16667%
  }

  .large-margin-collapse > .medium-2 {
    width: 8.33333%
  }

  .large-margin-collapse > .medium-3 {
    width: 12.5%
  }

  .large-margin-collapse > .medium-4 {
    width: 16.66667%
  }

  .large-margin-collapse > .medium-5 {
    width: 20.83333%
  }

  .large-margin-collapse > .medium-6 {
    width: 25%
  }

  .large-margin-collapse > .medium-7 {
    width: 29.16667%
  }

  .large-margin-collapse > .medium-8 {
    width: 33.33333%
  }

  .large-margin-collapse > .medium-9 {
    width: 37.5%
  }

  .large-margin-collapse > .medium-10 {
    width: 41.66667%
  }

  .large-margin-collapse > .medium-11 {
    width: 45.83333%
  }

  .large-margin-collapse > .medium-12 {
    width: 50%
  }

  .large-margin-collapse > .medium-13 {
    width: 54.16667%
  }

  .large-margin-collapse > .medium-14 {
    width: 58.33333%
  }

  .large-margin-collapse > .medium-15 {
    width: 62.5%
  }

  .large-margin-collapse > .medium-16 {
    width: 66.66667%
  }

  .large-margin-collapse > .medium-17 {
    width: 70.83333%
  }

  .large-margin-collapse > .medium-18 {
    width: 75%
  }

  .large-margin-collapse > .medium-19 {
    width: 79.16667%
  }

  .large-margin-collapse > .medium-20 {
    width: 83.33333%
  }

  .large-margin-collapse > .medium-21 {
    width: 87.5%
  }

  .large-margin-collapse > .medium-22 {
    width: 91.66667%
  }

  .large-margin-collapse > .medium-23 {
    width: 95.83333%
  }

  .large-margin-collapse > .medium-24 {
    width: 100%
  }
}

@media print, screen and (min-width: 60em) {
  .large-margin-collapse > .large-1 {
    width: 4.16667%
  }

  .large-margin-collapse > .large-2 {
    width: 8.33333%
  }

  .large-margin-collapse > .large-3 {
    width: 12.5%
  }

  .large-margin-collapse > .large-4 {
    width: 16.66667%
  }

  .large-margin-collapse > .large-5 {
    width: 20.83333%
  }

  .large-margin-collapse > .large-6 {
    width: 25%
  }

  .large-margin-collapse > .large-7 {
    width: 29.16667%
  }

  .large-margin-collapse > .large-8 {
    width: 33.33333%
  }

  .large-margin-collapse > .large-9 {
    width: 37.5%
  }

  .large-margin-collapse > .large-10 {
    width: 41.66667%
  }

  .large-margin-collapse > .large-11 {
    width: 45.83333%
  }

  .large-margin-collapse > .large-12 {
    width: 50%
  }

  .large-margin-collapse > .large-13 {
    width: 54.16667%
  }

  .large-margin-collapse > .large-14 {
    width: 58.33333%
  }

  .large-margin-collapse > .large-15 {
    width: 62.5%
  }

  .large-margin-collapse > .large-16 {
    width: 66.66667%
  }

  .large-margin-collapse > .large-17 {
    width: 70.83333%
  }

  .large-margin-collapse > .large-18 {
    width: 75%
  }

  .large-margin-collapse > .large-19 {
    width: 79.16667%
  }

  .large-margin-collapse > .large-20 {
    width: 83.33333%
  }

  .large-margin-collapse > .large-21 {
    width: 87.5%
  }

  .large-margin-collapse > .large-22 {
    width: 91.66667%
  }

  .large-margin-collapse > .large-23 {
    width: 95.83333%
  }

  .large-margin-collapse > .large-24 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .large-margin-collapse > .xlarge-1 {
    width: 4.16667%
  }

  .large-margin-collapse > .xlarge-2 {
    width: 8.33333%
  }

  .large-margin-collapse > .xlarge-3 {
    width: 12.5%
  }

  .large-margin-collapse > .xlarge-4 {
    width: 16.66667%
  }

  .large-margin-collapse > .xlarge-5 {
    width: 20.83333%
  }

  .large-margin-collapse > .xlarge-6 {
    width: 25%
  }

  .large-margin-collapse > .xlarge-7 {
    width: 29.16667%
  }

  .large-margin-collapse > .xlarge-8 {
    width: 33.33333%
  }

  .large-margin-collapse > .xlarge-9 {
    width: 37.5%
  }

  .large-margin-collapse > .xlarge-10 {
    width: 41.66667%
  }

  .large-margin-collapse > .xlarge-11 {
    width: 45.83333%
  }

  .large-margin-collapse > .xlarge-12 {
    width: 50%
  }

  .large-margin-collapse > .xlarge-13 {
    width: 54.16667%
  }

  .large-margin-collapse > .xlarge-14 {
    width: 58.33333%
  }

  .large-margin-collapse > .xlarge-15 {
    width: 62.5%
  }

  .large-margin-collapse > .xlarge-16 {
    width: 66.66667%
  }

  .large-margin-collapse > .xlarge-17 {
    width: 70.83333%
  }

  .large-margin-collapse > .xlarge-18 {
    width: 75%
  }

  .large-margin-collapse > .xlarge-19 {
    width: 79.16667%
  }

  .large-margin-collapse > .xlarge-20 {
    width: 83.33333%
  }

  .large-margin-collapse > .xlarge-21 {
    width: 87.5%
  }

  .large-margin-collapse > .xlarge-22 {
    width: 91.66667%
  }

  .large-margin-collapse > .xlarge-23 {
    width: 95.83333%
  }

  .large-margin-collapse > .xlarge-24 {
    width: 100%
  }
}

@media print, screen and (min-width: 60em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .xlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .small-1 {
    width: 4.16667%
  }

  .xlarge-margin-collapse > .small-2 {
    width: 8.33333%
  }

  .xlarge-margin-collapse > .small-3 {
    width: 12.5%
  }

  .xlarge-margin-collapse > .small-4 {
    width: 16.66667%
  }

  .xlarge-margin-collapse > .small-5 {
    width: 20.83333%
  }

  .xlarge-margin-collapse > .small-6 {
    width: 25%
  }

  .xlarge-margin-collapse > .small-7 {
    width: 29.16667%
  }

  .xlarge-margin-collapse > .small-8 {
    width: 33.33333%
  }

  .xlarge-margin-collapse > .small-9 {
    width: 37.5%
  }

  .xlarge-margin-collapse > .small-10 {
    width: 41.66667%
  }

  .xlarge-margin-collapse > .small-11 {
    width: 45.83333%
  }

  .xlarge-margin-collapse > .small-12 {
    width: 50%
  }

  .xlarge-margin-collapse > .small-13 {
    width: 54.16667%
  }

  .xlarge-margin-collapse > .small-14 {
    width: 58.33333%
  }

  .xlarge-margin-collapse > .small-15 {
    width: 62.5%
  }

  .xlarge-margin-collapse > .small-16 {
    width: 66.66667%
  }

  .xlarge-margin-collapse > .small-17 {
    width: 70.83333%
  }

  .xlarge-margin-collapse > .small-18 {
    width: 75%
  }

  .xlarge-margin-collapse > .small-19 {
    width: 79.16667%
  }

  .xlarge-margin-collapse > .small-20 {
    width: 83.33333%
  }

  .xlarge-margin-collapse > .small-21 {
    width: 87.5%
  }

  .xlarge-margin-collapse > .small-22 {
    width: 91.66667%
  }

  .xlarge-margin-collapse > .small-23 {
    width: 95.83333%
  }

  .xlarge-margin-collapse > .small-24 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 4.16667%
  }

  .xlarge-margin-collapse > .medium-2 {
    width: 8.33333%
  }

  .xlarge-margin-collapse > .medium-3 {
    width: 12.5%
  }

  .xlarge-margin-collapse > .medium-4 {
    width: 16.66667%
  }

  .xlarge-margin-collapse > .medium-5 {
    width: 20.83333%
  }

  .xlarge-margin-collapse > .medium-6 {
    width: 25%
  }

  .xlarge-margin-collapse > .medium-7 {
    width: 29.16667%
  }

  .xlarge-margin-collapse > .medium-8 {
    width: 33.33333%
  }

  .xlarge-margin-collapse > .medium-9 {
    width: 37.5%
  }

  .xlarge-margin-collapse > .medium-10 {
    width: 41.66667%
  }

  .xlarge-margin-collapse > .medium-11 {
    width: 45.83333%
  }

  .xlarge-margin-collapse > .medium-12 {
    width: 50%
  }

  .xlarge-margin-collapse > .medium-13 {
    width: 54.16667%
  }

  .xlarge-margin-collapse > .medium-14 {
    width: 58.33333%
  }

  .xlarge-margin-collapse > .medium-15 {
    width: 62.5%
  }

  .xlarge-margin-collapse > .medium-16 {
    width: 66.66667%
  }

  .xlarge-margin-collapse > .medium-17 {
    width: 70.83333%
  }

  .xlarge-margin-collapse > .medium-18 {
    width: 75%
  }

  .xlarge-margin-collapse > .medium-19 {
    width: 79.16667%
  }

  .xlarge-margin-collapse > .medium-20 {
    width: 83.33333%
  }

  .xlarge-margin-collapse > .medium-21 {
    width: 87.5%
  }

  .xlarge-margin-collapse > .medium-22 {
    width: 91.66667%
  }

  .xlarge-margin-collapse > .medium-23 {
    width: 95.83333%
  }

  .xlarge-margin-collapse > .medium-24 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .large-1 {
    width: 4.16667%
  }

  .xlarge-margin-collapse > .large-2 {
    width: 8.33333%
  }

  .xlarge-margin-collapse > .large-3 {
    width: 12.5%
  }

  .xlarge-margin-collapse > .large-4 {
    width: 16.66667%
  }

  .xlarge-margin-collapse > .large-5 {
    width: 20.83333%
  }

  .xlarge-margin-collapse > .large-6 {
    width: 25%
  }

  .xlarge-margin-collapse > .large-7 {
    width: 29.16667%
  }

  .xlarge-margin-collapse > .large-8 {
    width: 33.33333%
  }

  .xlarge-margin-collapse > .large-9 {
    width: 37.5%
  }

  .xlarge-margin-collapse > .large-10 {
    width: 41.66667%
  }

  .xlarge-margin-collapse > .large-11 {
    width: 45.83333%
  }

  .xlarge-margin-collapse > .large-12 {
    width: 50%
  }

  .xlarge-margin-collapse > .large-13 {
    width: 54.16667%
  }

  .xlarge-margin-collapse > .large-14 {
    width: 58.33333%
  }

  .xlarge-margin-collapse > .large-15 {
    width: 62.5%
  }

  .xlarge-margin-collapse > .large-16 {
    width: 66.66667%
  }

  .xlarge-margin-collapse > .large-17 {
    width: 70.83333%
  }

  .xlarge-margin-collapse > .large-18 {
    width: 75%
  }

  .xlarge-margin-collapse > .large-19 {
    width: 79.16667%
  }

  .xlarge-margin-collapse > .large-20 {
    width: 83.33333%
  }

  .xlarge-margin-collapse > .large-21 {
    width: 87.5%
  }

  .xlarge-margin-collapse > .large-22 {
    width: 91.66667%
  }

  .xlarge-margin-collapse > .large-23 {
    width: 95.83333%
  }

  .xlarge-margin-collapse > .large-24 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 4.16667%
  }

  .xlarge-margin-collapse > .xlarge-2 {
    width: 8.33333%
  }

  .xlarge-margin-collapse > .xlarge-3 {
    width: 12.5%
  }

  .xlarge-margin-collapse > .xlarge-4 {
    width: 16.66667%
  }

  .xlarge-margin-collapse > .xlarge-5 {
    width: 20.83333%
  }

  .xlarge-margin-collapse > .xlarge-6 {
    width: 25%
  }

  .xlarge-margin-collapse > .xlarge-7 {
    width: 29.16667%
  }

  .xlarge-margin-collapse > .xlarge-8 {
    width: 33.33333%
  }

  .xlarge-margin-collapse > .xlarge-9 {
    width: 37.5%
  }

  .xlarge-margin-collapse > .xlarge-10 {
    width: 41.66667%
  }

  .xlarge-margin-collapse > .xlarge-11 {
    width: 45.83333%
  }

  .xlarge-margin-collapse > .xlarge-12 {
    width: 50%
  }

  .xlarge-margin-collapse > .xlarge-13 {
    width: 54.16667%
  }

  .xlarge-margin-collapse > .xlarge-14 {
    width: 58.33333%
  }

  .xlarge-margin-collapse > .xlarge-15 {
    width: 62.5%
  }

  .xlarge-margin-collapse > .xlarge-16 {
    width: 66.66667%
  }

  .xlarge-margin-collapse > .xlarge-17 {
    width: 70.83333%
  }

  .xlarge-margin-collapse > .xlarge-18 {
    width: 75%
  }

  .xlarge-margin-collapse > .xlarge-19 {
    width: 79.16667%
  }

  .xlarge-margin-collapse > .xlarge-20 {
    width: 83.33333%
  }

  .xlarge-margin-collapse > .xlarge-21 {
    width: 87.5%
  }

  .xlarge-margin-collapse > .xlarge-22 {
    width: 91.66667%
  }

  .xlarge-margin-collapse > .xlarge-23 {
    width: 95.83333%
  }

  .xlarge-margin-collapse > .xlarge-24 {
    width: 100%
  }
}

@media screen and (min-width: 75em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0
  }

  .xlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0
  }
}

.small-offset-0 {
  margin-left: 0%
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + .57143rem)
}

.small-offset-1 {
  margin-left: 4.16667%
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(4.16667% + .57143rem)
}

.small-offset-2 {
  margin-left: 8.33333%
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(8.33333% + .57143rem)
}

.small-offset-3 {
  margin-left: 12.5%
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(12.5% + .57143rem)
}

.small-offset-4 {
  margin-left: 16.66667%
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(16.66667% + .57143rem)
}

.small-offset-5 {
  margin-left: 20.83333%
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(20.83333% + .57143rem)
}

.small-offset-6 {
  margin-left: 25%
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(25% + .57143rem)
}

.small-offset-7 {
  margin-left: 29.16667%
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(29.16667% + .57143rem)
}

.small-offset-8 {
  margin-left: 33.33333%
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(33.33333% + .57143rem)
}

.small-offset-9 {
  margin-left: 37.5%
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(37.5% + .57143rem)
}

.small-offset-10 {
  margin-left: 41.66667%
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(41.66667% + .57143rem)
}

.small-offset-11 {
  margin-left: 45.83333%
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(45.83333% + .57143rem)
}

.small-offset-12 {
  margin-left: 50%
}

.grid-margin-x > .small-offset-12 {
  margin-left: calc(50% + .57143rem)
}

.small-offset-13 {
  margin-left: 54.16667%
}

.grid-margin-x > .small-offset-13 {
  margin-left: calc(54.16667% + .57143rem)
}

.small-offset-14 {
  margin-left: 58.33333%
}

.grid-margin-x > .small-offset-14 {
  margin-left: calc(58.33333% + .57143rem)
}

.small-offset-15 {
  margin-left: 62.5%
}

.grid-margin-x > .small-offset-15 {
  margin-left: calc(62.5% + .57143rem)
}

.small-offset-16 {
  margin-left: 66.66667%
}

.grid-margin-x > .small-offset-16 {
  margin-left: calc(66.66667% + .57143rem)
}

.small-offset-17 {
  margin-left: 70.83333%
}

.grid-margin-x > .small-offset-17 {
  margin-left: calc(70.83333% + .57143rem)
}

.small-offset-18 {
  margin-left: 75%
}

.grid-margin-x > .small-offset-18 {
  margin-left: calc(75% + .57143rem)
}

.small-offset-19 {
  margin-left: 79.16667%
}

.grid-margin-x > .small-offset-19 {
  margin-left: calc(79.16667% + .57143rem)
}

.small-offset-20 {
  margin-left: 83.33333%
}

.grid-margin-x > .small-offset-20 {
  margin-left: calc(83.33333% + .57143rem)
}

.small-offset-21 {
  margin-left: 87.5%
}

.grid-margin-x > .small-offset-21 {
  margin-left: calc(87.5% + .57143rem)
}

.small-offset-22 {
  margin-left: 91.66667%
}

.grid-margin-x > .small-offset-22 {
  margin-left: calc(91.66667% + .57143rem)
}

.small-offset-23 {
  margin-left: 95.83333%
}

.grid-margin-x > .small-offset-23 {
  margin-left: calc(95.83333% + .57143rem)
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + .57143rem)
  }

  .medium-offset-1 {
    margin-left: 4.16667%
  }

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(4.16667% + .57143rem)
  }

  .medium-offset-2 {
    margin-left: 8.33333%
  }

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(8.33333% + .57143rem)
  }

  .medium-offset-3 {
    margin-left: 12.5%
  }

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(12.5% + .57143rem)
  }

  .medium-offset-4 {
    margin-left: 16.66667%
  }

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(16.66667% + .57143rem)
  }

  .medium-offset-5 {
    margin-left: 20.83333%
  }

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(20.83333% + .57143rem)
  }

  .medium-offset-6 {
    margin-left: 25%
  }

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(25% + .57143rem)
  }

  .medium-offset-7 {
    margin-left: 29.16667%
  }

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(29.16667% + .57143rem)
  }

  .medium-offset-8 {
    margin-left: 33.33333%
  }

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(33.33333% + .57143rem)
  }

  .medium-offset-9 {
    margin-left: 37.5%
  }

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(37.5% + .57143rem)
  }

  .medium-offset-10 {
    margin-left: 41.66667%
  }

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(41.66667% + .57143rem)
  }

  .medium-offset-11 {
    margin-left: 45.83333%
  }

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(45.83333% + .57143rem)
  }

  .medium-offset-12 {
    margin-left: 50%
  }

  .grid-margin-x > .medium-offset-12 {
    margin-left: calc(50% + .57143rem)
  }

  .medium-offset-13 {
    margin-left: 54.16667%
  }

  .grid-margin-x > .medium-offset-13 {
    margin-left: calc(54.16667% + .57143rem)
  }

  .medium-offset-14 {
    margin-left: 58.33333%
  }

  .grid-margin-x > .medium-offset-14 {
    margin-left: calc(58.33333% + .57143rem)
  }

  .medium-offset-15 {
    margin-left: 62.5%
  }

  .grid-margin-x > .medium-offset-15 {
    margin-left: calc(62.5% + .57143rem)
  }

  .medium-offset-16 {
    margin-left: 66.66667%
  }

  .grid-margin-x > .medium-offset-16 {
    margin-left: calc(66.66667% + .57143rem)
  }

  .medium-offset-17 {
    margin-left: 70.83333%
  }

  .grid-margin-x > .medium-offset-17 {
    margin-left: calc(70.83333% + .57143rem)
  }

  .medium-offset-18 {
    margin-left: 75%
  }

  .grid-margin-x > .medium-offset-18 {
    margin-left: calc(75% + .57143rem)
  }

  .medium-offset-19 {
    margin-left: 79.16667%
  }

  .grid-margin-x > .medium-offset-19 {
    margin-left: calc(79.16667% + .57143rem)
  }

  .medium-offset-20 {
    margin-left: 83.33333%
  }

  .grid-margin-x > .medium-offset-20 {
    margin-left: calc(83.33333% + .57143rem)
  }

  .medium-offset-21 {
    margin-left: 87.5%
  }

  .grid-margin-x > .medium-offset-21 {
    margin-left: calc(87.5% + .57143rem)
  }

  .medium-offset-22 {
    margin-left: 91.66667%
  }

  .grid-margin-x > .medium-offset-22 {
    margin-left: calc(91.66667% + .57143rem)
  }

  .medium-offset-23 {
    margin-left: 95.83333%
  }

  .grid-margin-x > .medium-offset-23 {
    margin-left: calc(95.83333% + .57143rem)
  }
}

@media print, screen and (min-width: 60em) {
  .large-offset-0 {
    margin-left: 0%
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + .57143rem)
  }

  .large-offset-1 {
    margin-left: 4.16667%
  }

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(4.16667% + .57143rem)
  }

  .large-offset-2 {
    margin-left: 8.33333%
  }

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(8.33333% + .57143rem)
  }

  .large-offset-3 {
    margin-left: 12.5%
  }

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(12.5% + .57143rem)
  }

  .large-offset-4 {
    margin-left: 16.66667%
  }

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(16.66667% + .57143rem)
  }

  .large-offset-5 {
    margin-left: 20.83333%
  }

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(20.83333% + .57143rem)
  }

  .large-offset-6 {
    margin-left: 25%
  }

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(25% + .57143rem)
  }

  .large-offset-7 {
    margin-left: 29.16667%
  }

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(29.16667% + .57143rem)
  }

  .large-offset-8 {
    margin-left: 33.33333%
  }

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(33.33333% + .57143rem)
  }

  .large-offset-9 {
    margin-left: 37.5%
  }

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(37.5% + .57143rem)
  }

  .large-offset-10 {
    margin-left: 41.66667%
  }

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(41.66667% + .57143rem)
  }

  .large-offset-11 {
    margin-left: 45.83333%
  }

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(45.83333% + .57143rem)
  }

  .large-offset-12 {
    margin-left: 50%
  }

  .grid-margin-x > .large-offset-12 {
    margin-left: calc(50% + .57143rem)
  }

  .large-offset-13 {
    margin-left: 54.16667%
  }

  .grid-margin-x > .large-offset-13 {
    margin-left: calc(54.16667% + .57143rem)
  }

  .large-offset-14 {
    margin-left: 58.33333%
  }

  .grid-margin-x > .large-offset-14 {
    margin-left: calc(58.33333% + .57143rem)
  }

  .large-offset-15 {
    margin-left: 62.5%
  }

  .grid-margin-x > .large-offset-15 {
    margin-left: calc(62.5% + .57143rem)
  }

  .large-offset-16 {
    margin-left: 66.66667%
  }

  .grid-margin-x > .large-offset-16 {
    margin-left: calc(66.66667% + .57143rem)
  }

  .large-offset-17 {
    margin-left: 70.83333%
  }

  .grid-margin-x > .large-offset-17 {
    margin-left: calc(70.83333% + .57143rem)
  }

  .large-offset-18 {
    margin-left: 75%
  }

  .grid-margin-x > .large-offset-18 {
    margin-left: calc(75% + .57143rem)
  }

  .large-offset-19 {
    margin-left: 79.16667%
  }

  .grid-margin-x > .large-offset-19 {
    margin-left: calc(79.16667% + .57143rem)
  }

  .large-offset-20 {
    margin-left: 83.33333%
  }

  .grid-margin-x > .large-offset-20 {
    margin-left: calc(83.33333% + .57143rem)
  }

  .large-offset-21 {
    margin-left: 87.5%
  }

  .grid-margin-x > .large-offset-21 {
    margin-left: calc(87.5% + .57143rem)
  }

  .large-offset-22 {
    margin-left: 91.66667%
  }

  .grid-margin-x > .large-offset-22 {
    margin-left: calc(91.66667% + .57143rem)
  }

  .large-offset-23 {
    margin-left: 95.83333%
  }

  .grid-margin-x > .large-offset-23 {
    margin-left: calc(95.83333% + .57143rem)
  }
}

@media screen and (min-width: 75em) {
  .xlarge-offset-0 {
    margin-left: 0%
  }

  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + .57143rem)
  }

  .xlarge-offset-1 {
    margin-left: 4.16667%
  }

  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(4.16667% + .57143rem)
  }

  .xlarge-offset-2 {
    margin-left: 8.33333%
  }

  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(8.33333% + .57143rem)
  }

  .xlarge-offset-3 {
    margin-left: 12.5%
  }

  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(12.5% + .57143rem)
  }

  .xlarge-offset-4 {
    margin-left: 16.66667%
  }

  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(16.66667% + .57143rem)
  }

  .xlarge-offset-5 {
    margin-left: 20.83333%
  }

  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(20.83333% + .57143rem)
  }

  .xlarge-offset-6 {
    margin-left: 25%
  }

  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(25% + .57143rem)
  }

  .xlarge-offset-7 {
    margin-left: 29.16667%
  }

  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(29.16667% + .57143rem)
  }

  .xlarge-offset-8 {
    margin-left: 33.33333%
  }

  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(33.33333% + .57143rem)
  }

  .xlarge-offset-9 {
    margin-left: 37.5%
  }

  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(37.5% + .57143rem)
  }

  .xlarge-offset-10 {
    margin-left: 41.66667%
  }

  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(41.66667% + .57143rem)
  }

  .xlarge-offset-11 {
    margin-left: 45.83333%
  }

  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(45.83333% + .57143rem)
  }

  .xlarge-offset-12 {
    margin-left: 50%
  }

  .grid-margin-x > .xlarge-offset-12 {
    margin-left: calc(50% + .57143rem)
  }

  .xlarge-offset-13 {
    margin-left: 54.16667%
  }

  .grid-margin-x > .xlarge-offset-13 {
    margin-left: calc(54.16667% + .57143rem)
  }

  .xlarge-offset-14 {
    margin-left: 58.33333%
  }

  .grid-margin-x > .xlarge-offset-14 {
    margin-left: calc(58.33333% + .57143rem)
  }

  .xlarge-offset-15 {
    margin-left: 62.5%
  }

  .grid-margin-x > .xlarge-offset-15 {
    margin-left: calc(62.5% + .57143rem)
  }

  .xlarge-offset-16 {
    margin-left: 66.66667%
  }

  .grid-margin-x > .xlarge-offset-16 {
    margin-left: calc(66.66667% + .57143rem)
  }

  .xlarge-offset-17 {
    margin-left: 70.83333%
  }

  .grid-margin-x > .xlarge-offset-17 {
    margin-left: calc(70.83333% + .57143rem)
  }

  .xlarge-offset-18 {
    margin-left: 75%
  }

  .grid-margin-x > .xlarge-offset-18 {
    margin-left: calc(75% + .57143rem)
  }

  .xlarge-offset-19 {
    margin-left: 79.16667%
  }

  .grid-margin-x > .xlarge-offset-19 {
    margin-left: calc(79.16667% + .57143rem)
  }

  .xlarge-offset-20 {
    margin-left: 83.33333%
  }

  .grid-margin-x > .xlarge-offset-20 {
    margin-left: calc(83.33333% + .57143rem)
  }

  .xlarge-offset-21 {
    margin-left: 87.5%
  }

  .grid-margin-x > .xlarge-offset-21 {
    margin-left: calc(87.5% + .57143rem)
  }

  .xlarge-offset-22 {
    margin-left: 91.66667%
  }

  .grid-margin-x > .xlarge-offset-22 {
    margin-left: calc(91.66667% + .57143rem)
  }

  .xlarge-offset-23 {
    margin-left: 95.83333%
  }

  .grid-margin-x > .xlarge-offset-23 {
    margin-left: calc(95.83333% + .57143rem)
  }
}

.grid-y {
  display: flex;
  flex-flow: column nowrap
}

.grid-y > .cell {
  height: auto;
  max-height: none
}

.grid-y > .auto {
  height: auto
}

.grid-y > .shrink {
  height: auto
}

.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-13, .grid-y > .small-14, .grid-y > .small-15, .grid-y > .small-16, .grid-y > .small-17, .grid-y > .small-18, .grid-y > .small-19, .grid-y > .small-20, .grid-y > .small-21, .grid-y > .small-22, .grid-y > .small-23, .grid-y > .small-24 {
  flex-basis: auto
}

@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-13, .grid-y > .medium-14, .grid-y > .medium-15, .grid-y > .medium-16, .grid-y > .medium-17, .grid-y > .medium-18, .grid-y > .medium-19, .grid-y > .medium-20, .grid-y > .medium-21, .grid-y > .medium-22, .grid-y > .medium-23, .grid-y > .medium-24 {
    flex-basis: auto
  }
}

@media print, screen and (min-width: 60em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-13, .grid-y > .large-14, .grid-y > .large-15, .grid-y > .large-16, .grid-y > .large-17, .grid-y > .large-18, .grid-y > .large-19, .grid-y > .large-20, .grid-y > .large-21, .grid-y > .large-22, .grid-y > .large-23, .grid-y > .large-24 {
    flex-basis: auto
  }
}

@media screen and (min-width: 75em) {
  .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12, .grid-y > .xlarge-13, .grid-y > .xlarge-14, .grid-y > .xlarge-15, .grid-y > .xlarge-16, .grid-y > .xlarge-17, .grid-y > .xlarge-18, .grid-y > .xlarge-19, .grid-y > .xlarge-20, .grid-y > .xlarge-21, .grid-y > .xlarge-22, .grid-y > .xlarge-23, .grid-y > .xlarge-24 {
    flex-basis: auto
  }
}

.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-13, .grid-y > .small-14, .grid-y > .small-15, .grid-y > .small-16, .grid-y > .small-17, .grid-y > .small-18, .grid-y > .small-19, .grid-y > .small-20, .grid-y > .small-21, .grid-y > .small-22, .grid-y > .small-23, .grid-y > .small-24 {
  flex: 0 0 auto
}

.grid-y > .small-1 {
  height: 4.16667%
}

.grid-y > .small-2 {
  height: 8.33333%
}

.grid-y > .small-3 {
  height: 12.5%
}

.grid-y > .small-4 {
  height: 16.66667%
}

.grid-y > .small-5 {
  height: 20.83333%
}

.grid-y > .small-6 {
  height: 25%
}

.grid-y > .small-7 {
  height: 29.16667%
}

.grid-y > .small-8 {
  height: 33.33333%
}

.grid-y > .small-9 {
  height: 37.5%
}

.grid-y > .small-10 {
  height: 41.66667%
}

.grid-y > .small-11 {
  height: 45.83333%
}

.grid-y > .small-12 {
  height: 50%
}

.grid-y > .small-13 {
  height: 54.16667%
}

.grid-y > .small-14 {
  height: 58.33333%
}

.grid-y > .small-15 {
  height: 62.5%
}

.grid-y > .small-16 {
  height: 66.66667%
}

.grid-y > .small-17 {
  height: 70.83333%
}

.grid-y > .small-18 {
  height: 75%
}

.grid-y > .small-19 {
  height: 79.16667%
}

.grid-y > .small-20 {
  height: 83.33333%
}

.grid-y > .small-21 {
  height: 87.5%
}

.grid-y > .small-22 {
  height: 91.66667%
}

.grid-y > .small-23 {
  height: 95.83333%
}

.grid-y > .small-24 {
  height: 100%
}

@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0px;
    height: auto
  }

  .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-13, .grid-y > .medium-14, .grid-y > .medium-15, .grid-y > .medium-16, .grid-y > .medium-17, .grid-y > .medium-18, .grid-y > .medium-19, .grid-y > .medium-20, .grid-y > .medium-21, .grid-y > .medium-22, .grid-y > .medium-23, .grid-y > .medium-24 {
    flex: 0 0 auto
  }

  .grid-y > .medium-shrink {
    height: auto
  }

  .grid-y > .medium-1 {
    height: 4.16667%
  }

  .grid-y > .medium-2 {
    height: 8.33333%
  }

  .grid-y > .medium-3 {
    height: 12.5%
  }

  .grid-y > .medium-4 {
    height: 16.66667%
  }

  .grid-y > .medium-5 {
    height: 20.83333%
  }

  .grid-y > .medium-6 {
    height: 25%
  }

  .grid-y > .medium-7 {
    height: 29.16667%
  }

  .grid-y > .medium-8 {
    height: 33.33333%
  }

  .grid-y > .medium-9 {
    height: 37.5%
  }

  .grid-y > .medium-10 {
    height: 41.66667%
  }

  .grid-y > .medium-11 {
    height: 45.83333%
  }

  .grid-y > .medium-12 {
    height: 50%
  }

  .grid-y > .medium-13 {
    height: 54.16667%
  }

  .grid-y > .medium-14 {
    height: 58.33333%
  }

  .grid-y > .medium-15 {
    height: 62.5%
  }

  .grid-y > .medium-16 {
    height: 66.66667%
  }

  .grid-y > .medium-17 {
    height: 70.83333%
  }

  .grid-y > .medium-18 {
    height: 75%
  }

  .grid-y > .medium-19 {
    height: 79.16667%
  }

  .grid-y > .medium-20 {
    height: 83.33333%
  }

  .grid-y > .medium-21 {
    height: 87.5%
  }

  .grid-y > .medium-22 {
    height: 91.66667%
  }

  .grid-y > .medium-23 {
    height: 95.83333%
  }

  .grid-y > .medium-24 {
    height: 100%
  }
}

@media print, screen and (min-width: 60em) {
  .grid-y > .large-auto {
    flex: 1 1 0px;
    height: auto
  }

  .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-13, .grid-y > .large-14, .grid-y > .large-15, .grid-y > .large-16, .grid-y > .large-17, .grid-y > .large-18, .grid-y > .large-19, .grid-y > .large-20, .grid-y > .large-21, .grid-y > .large-22, .grid-y > .large-23, .grid-y > .large-24 {
    flex: 0 0 auto
  }

  .grid-y > .large-shrink {
    height: auto
  }

  .grid-y > .large-1 {
    height: 4.16667%
  }

  .grid-y > .large-2 {
    height: 8.33333%
  }

  .grid-y > .large-3 {
    height: 12.5%
  }

  .grid-y > .large-4 {
    height: 16.66667%
  }

  .grid-y > .large-5 {
    height: 20.83333%
  }

  .grid-y > .large-6 {
    height: 25%
  }

  .grid-y > .large-7 {
    height: 29.16667%
  }

  .grid-y > .large-8 {
    height: 33.33333%
  }

  .grid-y > .large-9 {
    height: 37.5%
  }

  .grid-y > .large-10 {
    height: 41.66667%
  }

  .grid-y > .large-11 {
    height: 45.83333%
  }

  .grid-y > .large-12 {
    height: 50%
  }

  .grid-y > .large-13 {
    height: 54.16667%
  }

  .grid-y > .large-14 {
    height: 58.33333%
  }

  .grid-y > .large-15 {
    height: 62.5%
  }

  .grid-y > .large-16 {
    height: 66.66667%
  }

  .grid-y > .large-17 {
    height: 70.83333%
  }

  .grid-y > .large-18 {
    height: 75%
  }

  .grid-y > .large-19 {
    height: 79.16667%
  }

  .grid-y > .large-20 {
    height: 83.33333%
  }

  .grid-y > .large-21 {
    height: 87.5%
  }

  .grid-y > .large-22 {
    height: 91.66667%
  }

  .grid-y > .large-23 {
    height: 95.83333%
  }

  .grid-y > .large-24 {
    height: 100%
  }
}

@media screen and (min-width: 75em) {
  .grid-y > .xlarge-auto {
    flex: 1 1 0px;
    height: auto
  }

  .grid-y > .xlarge-shrink, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12, .grid-y > .xlarge-13, .grid-y > .xlarge-14, .grid-y > .xlarge-15, .grid-y > .xlarge-16, .grid-y > .xlarge-17, .grid-y > .xlarge-18, .grid-y > .xlarge-19, .grid-y > .xlarge-20, .grid-y > .xlarge-21, .grid-y > .xlarge-22, .grid-y > .xlarge-23, .grid-y > .xlarge-24 {
    flex: 0 0 auto
  }

  .grid-y > .xlarge-shrink {
    height: auto
  }

  .grid-y > .xlarge-1 {
    height: 4.16667%
  }

  .grid-y > .xlarge-2 {
    height: 8.33333%
  }

  .grid-y > .xlarge-3 {
    height: 12.5%
  }

  .grid-y > .xlarge-4 {
    height: 16.66667%
  }

  .grid-y > .xlarge-5 {
    height: 20.83333%
  }

  .grid-y > .xlarge-6 {
    height: 25%
  }

  .grid-y > .xlarge-7 {
    height: 29.16667%
  }

  .grid-y > .xlarge-8 {
    height: 33.33333%
  }

  .grid-y > .xlarge-9 {
    height: 37.5%
  }

  .grid-y > .xlarge-10 {
    height: 41.66667%
  }

  .grid-y > .xlarge-11 {
    height: 45.83333%
  }

  .grid-y > .xlarge-12 {
    height: 50%
  }

  .grid-y > .xlarge-13 {
    height: 54.16667%
  }

  .grid-y > .xlarge-14 {
    height: 58.33333%
  }

  .grid-y > .xlarge-15 {
    height: 62.5%
  }

  .grid-y > .xlarge-16 {
    height: 66.66667%
  }

  .grid-y > .xlarge-17 {
    height: 70.83333%
  }

  .grid-y > .xlarge-18 {
    height: 75%
  }

  .grid-y > .xlarge-19 {
    height: 79.16667%
  }

  .grid-y > .xlarge-20 {
    height: 83.33333%
  }

  .grid-y > .xlarge-21 {
    height: 87.5%
  }

  .grid-y > .xlarge-22 {
    height: 91.66667%
  }

  .grid-y > .xlarge-23 {
    height: 95.83333%
  }

  .grid-y > .xlarge-24 {
    height: 100%
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -.57143rem;
  margin-bottom: -.57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -.57143rem;
    margin-bottom: -.57143rem
  }
}

.grid-padding-y > .cell {
  padding-top: .57143rem;
  padding-bottom: .57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: .57143rem;
    padding-bottom: .57143rem
  }
}

.grid-margin-y {
  margin-top: -.57143rem;
  margin-bottom: -.57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -.57143rem;
    margin-bottom: -.57143rem
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 1.14286rem);
  margin-top: .57143rem;
  margin-bottom: .57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.14286rem);
    margin-top: .57143rem;
    margin-bottom: .57143rem
  }
}

.grid-margin-y > .auto {
  height: auto
}

.grid-margin-y > .shrink {
  height: auto
}

.grid-margin-y > .small-1 {
  height: calc(4.16667% - 1.14286rem)
}

.grid-margin-y > .small-2 {
  height: calc(8.33333% - 1.14286rem)
}

.grid-margin-y > .small-3 {
  height: calc(12.5% - 1.14286rem)
}

.grid-margin-y > .small-4 {
  height: calc(16.66667% - 1.14286rem)
}

.grid-margin-y > .small-5 {
  height: calc(20.83333% - 1.14286rem)
}

.grid-margin-y > .small-6 {
  height: calc(25% - 1.14286rem)
}

.grid-margin-y > .small-7 {
  height: calc(29.16667% - 1.14286rem)
}

.grid-margin-y > .small-8 {
  height: calc(33.33333% - 1.14286rem)
}

.grid-margin-y > .small-9 {
  height: calc(37.5% - 1.14286rem)
}

.grid-margin-y > .small-10 {
  height: calc(41.66667% - 1.14286rem)
}

.grid-margin-y > .small-11 {
  height: calc(45.83333% - 1.14286rem)
}

.grid-margin-y > .small-12 {
  height: calc(50% - 1.14286rem)
}

.grid-margin-y > .small-13 {
  height: calc(54.16667% - 1.14286rem)
}

.grid-margin-y > .small-14 {
  height: calc(58.33333% - 1.14286rem)
}

.grid-margin-y > .small-15 {
  height: calc(62.5% - 1.14286rem)
}

.grid-margin-y > .small-16 {
  height: calc(66.66667% - 1.14286rem)
}

.grid-margin-y > .small-17 {
  height: calc(70.83333% - 1.14286rem)
}

.grid-margin-y > .small-18 {
  height: calc(75% - 1.14286rem)
}

.grid-margin-y > .small-19 {
  height: calc(79.16667% - 1.14286rem)
}

.grid-margin-y > .small-20 {
  height: calc(83.33333% - 1.14286rem)
}

.grid-margin-y > .small-21 {
  height: calc(87.5% - 1.14286rem)
}

.grid-margin-y > .small-22 {
  height: calc(91.66667% - 1.14286rem)
}

.grid-margin-y > .small-23 {
  height: calc(95.83333% - 1.14286rem)
}

.grid-margin-y > .small-24 {
  height: calc(100% - 1.14286rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto
  }

  .grid-margin-y > .shrink {
    height: auto
  }

  .grid-margin-y > .small-1 {
    height: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-y > .small-2 {
    height: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-y > .small-3 {
    height: calc(12.5% - 1.14286rem)
  }

  .grid-margin-y > .small-4 {
    height: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-y > .small-5 {
    height: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-y > .small-6 {
    height: calc(25% - 1.14286rem)
  }

  .grid-margin-y > .small-7 {
    height: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-y > .small-8 {
    height: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-y > .small-9 {
    height: calc(37.5% - 1.14286rem)
  }

  .grid-margin-y > .small-10 {
    height: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-y > .small-11 {
    height: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-y > .small-12 {
    height: calc(50% - 1.14286rem)
  }

  .grid-margin-y > .small-13 {
    height: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-y > .small-14 {
    height: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-y > .small-15 {
    height: calc(62.5% - 1.14286rem)
  }

  .grid-margin-y > .small-16 {
    height: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-y > .small-17 {
    height: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-y > .small-18 {
    height: calc(75% - 1.14286rem)
  }

  .grid-margin-y > .small-19 {
    height: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-y > .small-20 {
    height: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-y > .small-21 {
    height: calc(87.5% - 1.14286rem)
  }

  .grid-margin-y > .small-22 {
    height: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-y > .small-23 {
    height: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-y > .small-24 {
    height: calc(100% - 1.14286rem)
  }

  .grid-margin-y > .medium-auto {
    height: auto
  }

  .grid-margin-y > .medium-shrink {
    height: auto
  }

  .grid-margin-y > .medium-1 {
    height: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-y > .medium-2 {
    height: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-y > .medium-3 {
    height: calc(12.5% - 1.14286rem)
  }

  .grid-margin-y > .medium-4 {
    height: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-y > .medium-5 {
    height: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-y > .medium-6 {
    height: calc(25% - 1.14286rem)
  }

  .grid-margin-y > .medium-7 {
    height: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-y > .medium-8 {
    height: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-y > .medium-9 {
    height: calc(37.5% - 1.14286rem)
  }

  .grid-margin-y > .medium-10 {
    height: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-y > .medium-11 {
    height: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-y > .medium-12 {
    height: calc(50% - 1.14286rem)
  }

  .grid-margin-y > .medium-13 {
    height: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-y > .medium-14 {
    height: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-y > .medium-15 {
    height: calc(62.5% - 1.14286rem)
  }

  .grid-margin-y > .medium-16 {
    height: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-y > .medium-17 {
    height: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-y > .medium-18 {
    height: calc(75% - 1.14286rem)
  }

  .grid-margin-y > .medium-19 {
    height: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-y > .medium-20 {
    height: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-y > .medium-21 {
    height: calc(87.5% - 1.14286rem)
  }

  .grid-margin-y > .medium-22 {
    height: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-y > .medium-23 {
    height: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-y > .medium-24 {
    height: calc(100% - 1.14286rem)
  }
}

@media print, screen and (min-width: 60em) {
  .grid-margin-y > .large-auto {
    height: auto
  }

  .grid-margin-y > .large-shrink {
    height: auto
  }

  .grid-margin-y > .large-1 {
    height: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-y > .large-2 {
    height: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-y > .large-3 {
    height: calc(12.5% - 1.14286rem)
  }

  .grid-margin-y > .large-4 {
    height: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-y > .large-5 {
    height: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-y > .large-6 {
    height: calc(25% - 1.14286rem)
  }

  .grid-margin-y > .large-7 {
    height: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-y > .large-8 {
    height: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-y > .large-9 {
    height: calc(37.5% - 1.14286rem)
  }

  .grid-margin-y > .large-10 {
    height: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-y > .large-11 {
    height: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-y > .large-12 {
    height: calc(50% - 1.14286rem)
  }

  .grid-margin-y > .large-13 {
    height: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-y > .large-14 {
    height: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-y > .large-15 {
    height: calc(62.5% - 1.14286rem)
  }

  .grid-margin-y > .large-16 {
    height: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-y > .large-17 {
    height: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-y > .large-18 {
    height: calc(75% - 1.14286rem)
  }

  .grid-margin-y > .large-19 {
    height: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-y > .large-20 {
    height: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-y > .large-21 {
    height: calc(87.5% - 1.14286rem)
  }

  .grid-margin-y > .large-22 {
    height: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-y > .large-23 {
    height: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-y > .large-24 {
    height: calc(100% - 1.14286rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-y > .xlarge-auto {
    height: auto
  }

  .grid-margin-y > .xlarge-shrink {
    height: auto
  }

  .grid-margin-y > .xlarge-1 {
    height: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-2 {
    height: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-3 {
    height: calc(12.5% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-4 {
    height: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-5 {
    height: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-6 {
    height: calc(25% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-7 {
    height: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-8 {
    height: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-9 {
    height: calc(37.5% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-10 {
    height: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-11 {
    height: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-12 {
    height: calc(50% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-13 {
    height: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-14 {
    height: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-15 {
    height: calc(62.5% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-16 {
    height: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-17 {
    height: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-18 {
    height: calc(75% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-19 {
    height: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-20 {
    height: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-21 {
    height: calc(87.5% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-22 {
    height: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-23 {
    height: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-24 {
    height: calc(100% - 1.14286rem)
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw
}

.cell .grid-frame {
  width: 100%
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%
}

.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
  }

  .cell .medium-grid-frame {
    width: 100%
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
  }

  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

@media print, screen and (min-width: 60em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
  }

  .cell .large-grid-frame {
    width: 100%
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
  }

  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

@media screen and (min-width: 75em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
  }

  .cell .xlarge-grid-frame {
    width: 100%
  }

  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }

  .xlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
  }

  .xlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap
  }

  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
  }
}

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh
}

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh
  }
}

@media print, screen and (min-width: 60em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh
  }
}

@media screen and (min-width: 75em) {
  .grid-y.xlarge-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh
  }
}

.cell .grid-y.grid-frame {
  height: 100%
}

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%
  }
}

@media print, screen and (min-width: 60em) {
  .cell .grid-y.large-grid-frame {
    height: 100%
  }
}

@media screen and (min-width: 75em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%
  }
}

.grid-margin-y {
  margin-top: -.57143rem;
  margin-bottom: -.57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -.57143rem;
    margin-bottom: -.57143rem
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 1.14286rem);
  margin-top: .57143rem;
  margin-bottom: .57143rem
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.14286rem);
    margin-top: .57143rem;
    margin-bottom: .57143rem
  }
}

.grid-margin-y > .auto {
  height: auto
}

.grid-margin-y > .shrink {
  height: auto
}

.grid-margin-y > .small-1 {
  height: calc(4.16667% - 1.14286rem)
}

.grid-margin-y > .small-2 {
  height: calc(8.33333% - 1.14286rem)
}

.grid-margin-y > .small-3 {
  height: calc(12.5% - 1.14286rem)
}

.grid-margin-y > .small-4 {
  height: calc(16.66667% - 1.14286rem)
}

.grid-margin-y > .small-5 {
  height: calc(20.83333% - 1.14286rem)
}

.grid-margin-y > .small-6 {
  height: calc(25% - 1.14286rem)
}

.grid-margin-y > .small-7 {
  height: calc(29.16667% - 1.14286rem)
}

.grid-margin-y > .small-8 {
  height: calc(33.33333% - 1.14286rem)
}

.grid-margin-y > .small-9 {
  height: calc(37.5% - 1.14286rem)
}

.grid-margin-y > .small-10 {
  height: calc(41.66667% - 1.14286rem)
}

.grid-margin-y > .small-11 {
  height: calc(45.83333% - 1.14286rem)
}

.grid-margin-y > .small-12 {
  height: calc(50% - 1.14286rem)
}

.grid-margin-y > .small-13 {
  height: calc(54.16667% - 1.14286rem)
}

.grid-margin-y > .small-14 {
  height: calc(58.33333% - 1.14286rem)
}

.grid-margin-y > .small-15 {
  height: calc(62.5% - 1.14286rem)
}

.grid-margin-y > .small-16 {
  height: calc(66.66667% - 1.14286rem)
}

.grid-margin-y > .small-17 {
  height: calc(70.83333% - 1.14286rem)
}

.grid-margin-y > .small-18 {
  height: calc(75% - 1.14286rem)
}

.grid-margin-y > .small-19 {
  height: calc(79.16667% - 1.14286rem)
}

.grid-margin-y > .small-20 {
  height: calc(83.33333% - 1.14286rem)
}

.grid-margin-y > .small-21 {
  height: calc(87.5% - 1.14286rem)
}

.grid-margin-y > .small-22 {
  height: calc(91.66667% - 1.14286rem)
}

.grid-margin-y > .small-23 {
  height: calc(95.83333% - 1.14286rem)
}

.grid-margin-y > .small-24 {
  height: calc(100% - 1.14286rem)
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto
  }

  .grid-margin-y > .shrink {
    height: auto
  }

  .grid-margin-y > .small-1 {
    height: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-y > .small-2 {
    height: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-y > .small-3 {
    height: calc(12.5% - 1.14286rem)
  }

  .grid-margin-y > .small-4 {
    height: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-y > .small-5 {
    height: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-y > .small-6 {
    height: calc(25% - 1.14286rem)
  }

  .grid-margin-y > .small-7 {
    height: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-y > .small-8 {
    height: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-y > .small-9 {
    height: calc(37.5% - 1.14286rem)
  }

  .grid-margin-y > .small-10 {
    height: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-y > .small-11 {
    height: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-y > .small-12 {
    height: calc(50% - 1.14286rem)
  }

  .grid-margin-y > .small-13 {
    height: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-y > .small-14 {
    height: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-y > .small-15 {
    height: calc(62.5% - 1.14286rem)
  }

  .grid-margin-y > .small-16 {
    height: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-y > .small-17 {
    height: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-y > .small-18 {
    height: calc(75% - 1.14286rem)
  }

  .grid-margin-y > .small-19 {
    height: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-y > .small-20 {
    height: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-y > .small-21 {
    height: calc(87.5% - 1.14286rem)
  }

  .grid-margin-y > .small-22 {
    height: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-y > .small-23 {
    height: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-y > .small-24 {
    height: calc(100% - 1.14286rem)
  }

  .grid-margin-y > .medium-auto {
    height: auto
  }

  .grid-margin-y > .medium-shrink {
    height: auto
  }

  .grid-margin-y > .medium-1 {
    height: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-y > .medium-2 {
    height: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-y > .medium-3 {
    height: calc(12.5% - 1.14286rem)
  }

  .grid-margin-y > .medium-4 {
    height: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-y > .medium-5 {
    height: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-y > .medium-6 {
    height: calc(25% - 1.14286rem)
  }

  .grid-margin-y > .medium-7 {
    height: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-y > .medium-8 {
    height: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-y > .medium-9 {
    height: calc(37.5% - 1.14286rem)
  }

  .grid-margin-y > .medium-10 {
    height: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-y > .medium-11 {
    height: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-y > .medium-12 {
    height: calc(50% - 1.14286rem)
  }

  .grid-margin-y > .medium-13 {
    height: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-y > .medium-14 {
    height: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-y > .medium-15 {
    height: calc(62.5% - 1.14286rem)
  }

  .grid-margin-y > .medium-16 {
    height: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-y > .medium-17 {
    height: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-y > .medium-18 {
    height: calc(75% - 1.14286rem)
  }

  .grid-margin-y > .medium-19 {
    height: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-y > .medium-20 {
    height: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-y > .medium-21 {
    height: calc(87.5% - 1.14286rem)
  }

  .grid-margin-y > .medium-22 {
    height: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-y > .medium-23 {
    height: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-y > .medium-24 {
    height: calc(100% - 1.14286rem)
  }
}

@media print, screen and (min-width: 60em) {
  .grid-margin-y > .large-auto {
    height: auto
  }

  .grid-margin-y > .large-shrink {
    height: auto
  }

  .grid-margin-y > .large-1 {
    height: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-y > .large-2 {
    height: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-y > .large-3 {
    height: calc(12.5% - 1.14286rem)
  }

  .grid-margin-y > .large-4 {
    height: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-y > .large-5 {
    height: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-y > .large-6 {
    height: calc(25% - 1.14286rem)
  }

  .grid-margin-y > .large-7 {
    height: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-y > .large-8 {
    height: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-y > .large-9 {
    height: calc(37.5% - 1.14286rem)
  }

  .grid-margin-y > .large-10 {
    height: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-y > .large-11 {
    height: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-y > .large-12 {
    height: calc(50% - 1.14286rem)
  }

  .grid-margin-y > .large-13 {
    height: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-y > .large-14 {
    height: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-y > .large-15 {
    height: calc(62.5% - 1.14286rem)
  }

  .grid-margin-y > .large-16 {
    height: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-y > .large-17 {
    height: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-y > .large-18 {
    height: calc(75% - 1.14286rem)
  }

  .grid-margin-y > .large-19 {
    height: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-y > .large-20 {
    height: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-y > .large-21 {
    height: calc(87.5% - 1.14286rem)
  }

  .grid-margin-y > .large-22 {
    height: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-y > .large-23 {
    height: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-y > .large-24 {
    height: calc(100% - 1.14286rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-y > .xlarge-auto {
    height: auto
  }

  .grid-margin-y > .xlarge-shrink {
    height: auto
  }

  .grid-margin-y > .xlarge-1 {
    height: calc(4.16667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-2 {
    height: calc(8.33333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-3 {
    height: calc(12.5% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-4 {
    height: calc(16.66667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-5 {
    height: calc(20.83333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-6 {
    height: calc(25% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-7 {
    height: calc(29.16667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-8 {
    height: calc(33.33333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-9 {
    height: calc(37.5% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-10 {
    height: calc(41.66667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-11 {
    height: calc(45.83333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-12 {
    height: calc(50% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-13 {
    height: calc(54.16667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-14 {
    height: calc(58.33333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-15 {
    height: calc(62.5% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-16 {
    height: calc(66.66667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-17 {
    height: calc(70.83333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-18 {
    height: calc(75% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-19 {
    height: calc(79.16667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-20 {
    height: calc(83.33333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-21 {
    height: calc(87.5% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-22 {
    height: calc(91.66667% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-23 {
    height: calc(95.83333% - 1.14286rem)
  }

  .grid-margin-y > .xlarge-24 {
    height: calc(100% - 1.14286rem)
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.14286rem)
}

@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.14286rem)
  }
}

@media print, screen and (min-width: 60em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.14286rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.14286rem)
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.14286rem)
  }
}

@media print, screen and (min-width: 60em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.14286rem)
  }
}

@media screen and (min-width: 75em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 1.14286rem)
  }
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 .25rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: .28571rem;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer
}

[data-whatinput='mouse'] .button {
  outline: 0
}

.button.tiny {
  font-size: .6rem
}

.button.small {
  font-size: .75rem
}

.button.large {
  font-size: 1.25rem
}

.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0
}

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #90004d;
  color: #fff
}

.button:hover, .button:focus {
  background-color: #7a0041;
  color: #fff
}

.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #90004d;
  color: #fff
}

.button.primary:hover, .button.primary:focus {
  background-color: #73003e;
  color: #fff
}

.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #4f5154;
  color: #fff
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #3f4143;
  color: #fff
}

.button.tertiary, .button.tertiary.disabled, .button.tertiary[disabled], .button.tertiary.disabled:hover, .button.tertiary[disabled]:hover, .button.tertiary.disabled:focus, .button.tertiary[disabled]:focus {
  background-color: rgba(144, 0, 77, 0.04);
  color: #fff
}

.button.tertiary:hover, .button.tertiary:focus {
  background-color: rgba(115, 0, 62, 0.04);
  color: #fff
}

.button.quaternary, .button.quaternary.disabled, .button.quaternary[disabled], .button.quaternary.disabled:hover, .button.quaternary[disabled]:hover, .button.quaternary.disabled:focus, .button.quaternary[disabled]:focus {
  background-color: #48626f;
  color: #fff
}

.button.quaternary:hover, .button.quaternary:focus {
  background-color: #3a4e59;
  color: #fff
}

.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #219e9a;
  color: #000
}

.button.success:hover, .button.success:focus {
  background-color: #1b7e7b;
  color: #000
}

.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #eeb301;
  color: #000
}

.button.warning:hover, .button.warning:focus {
  background-color: #be8f01;
  color: #000
}

.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #cc4b37;
  color: #000
}

.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #000
}

.button.main, .button.main.disabled, .button.main[disabled], .button.main.disabled:hover, .button.main[disabled]:hover, .button.main.disabled:focus, .button.main[disabled]:focus {
  background-color: #fafafa;
  color: #000
}

.button.main:hover, .button.main:focus {
  background-color: #c8c8c8;
  color: #000
}

.button.sky, .button.sky.disabled, .button.sky[disabled], .button.sky.disabled:hover, .button.sky[disabled]:hover, .button.sky.disabled:focus, .button.sky[disabled]:focus {
  background-color: #f2f2f2;
  color: #000
}

.button.sky:hover, .button.sky:focus {
  background-color: #c2c2c2;
  color: #000
}

.button.light-gray, .button.light-gray.disabled, .button.light-gray[disabled], .button.light-gray.disabled:hover, .button.light-gray[disabled]:hover, .button.light-gray.disabled:focus, .button.light-gray[disabled]:focus {
  background-color: #e6e6e6;
  color: #000
}

.button.light-gray:hover, .button.light-gray:focus {
  background-color: #b8b8b8;
  color: #000
}

.button.medium-gray, .button.medium-gray.disabled, .button.medium-gray[disabled], .button.medium-gray.disabled:hover, .button.medium-gray[disabled]:hover, .button.medium-gray.disabled:focus, .button.medium-gray[disabled]:focus {
  background-color: #c4c4c4;
  color: #000
}

.button.medium-gray:hover, .button.medium-gray:focus {
  background-color: #9d9d9d;
  color: #000
}

.button.dark-gray, .button.dark-gray.disabled, .button.dark-gray[disabled], .button.dark-gray.disabled:hover, .button.dark-gray[disabled]:hover, .button.dark-gray.disabled:focus, .button.dark-gray[disabled]:focus {
  background-color: #777;
  color: #000
}

.button.dark-gray:hover, .button.dark-gray:focus {
  background-color: #5f5f5f;
  color: #000
}

.button.black, .button.black.disabled, .button.black[disabled], .button.black.disabled:hover, .button.black[disabled]:hover, .button.black.disabled:focus, .button.black[disabled]:focus {
  background-color: #000;
  color: #fff
}

.button.black:hover, .button.black:focus {
  background-color: #000;
  color: #fff
}

.button.white, .button.white.disabled, .button.white[disabled], .button.white.disabled:hover, .button.white[disabled]:hover, .button.white.disabled:focus, .button.white[disabled]:focus {
  background-color: #fff;
  color: #000
}

.button.white:hover, .button.white:focus {
  background-color: #ccc;
  color: #000
}

.button.white.textred, .button.white.textred.disabled, .button.white.textred[disabled], .button.white.textred.disabled:hover, .button.white.textred[disabled]:hover, .button.white.textred.disabled:focus, .button.white.textred[disabled]:focus {
  background-color: #fff;
  color: #94044A;
  font-weight: bold;
}
.button.white.textred:hover, .button.white.textred:focus {
  background-color: rgba(255,255,255,0.9);
  color: #94044A;
}

.button.fb, .button.fb.disabled, .button.fb[disabled], .button.fb.disabled:hover, .button.fb[disabled]:hover, .button.fb.disabled:focus, .button.fb[disabled]:focus {
  background-color: #3f619c;
  color: #fff
}

.button.fb:hover, .button.fb:focus {
  background-color: #324e7d;
  color: #fff
}

.button.vk, .button.vk.disabled, .button.vk[disabled], .button.vk.disabled:hover, .button.vk[disabled]:hover, .button.vk.disabled:focus, .button.vk[disabled]:focus {
  background-color: #3e709c;
  color: #fff
}

.button.vk:hover, .button.vk:focus {
  background-color: #325a7d;
  color: #fff
}

.button.twi, .button.twi.disabled, .button.twi[disabled], .button.twi.disabled:hover, .button.twi[disabled]:hover, .button.twi.disabled:focus, .button.twi[disabled]:focus {
  background-color: #2fa4cc;
  color: #000
}

.button.twi:hover, .button.twi:focus {
  background-color: #2683a3;
  color: #000
}

.button.ok, .button.ok.disabled, .button.ok[disabled], .button.ok.disabled:hover, .button.ok[disabled]:hover, .button.ok.disabled:focus, .button.ok[disabled]:focus {
  background-color: #fc6719;
  color: #000
}

.button.ok:hover, .button.ok:focus {
  background-color: #db4d03;
  color: #000
}

.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent
}

.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #90004d;
  color: #90004d
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #480027;
  color: #480027
}

.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #90004d;
  color: #90004d
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #480027;
  color: #480027
}

.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #4f5154;
  color: #4f5154
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #28292a;
  color: #28292a
}

.button.hollow.tertiary, .button.hollow.tertiary.disabled, .button.hollow.tertiary[disabled], .button.hollow.tertiary.disabled:hover, .button.hollow.tertiary[disabled]:hover, .button.hollow.tertiary.disabled:focus, .button.hollow.tertiary[disabled]:focus {
  border: 1px solid rgba(144, 0, 77, 0.04);
  color: rgba(144, 0, 77, 0.04)
}

.button.hollow.tertiary:hover, .button.hollow.tertiary:focus {
  border-color: rgba(72, 0, 39, 0.04);
  color: rgba(72, 0, 39, 0.04)
}

.button.hollow.quaternary, .button.hollow.quaternary.disabled, .button.hollow.quaternary[disabled], .button.hollow.quaternary.disabled:hover, .button.hollow.quaternary[disabled]:hover, .button.hollow.quaternary.disabled:focus, .button.hollow.quaternary[disabled]:focus {
  border: 1px solid #48626f;
  color: #48626f
}

.button.hollow.quaternary:hover, .button.hollow.quaternary:focus {
  border-color: #243138;
  color: #243138
}

.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #219e9a;
  color: #219e9a
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #114f4d;
  color: #114f4d
}

.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #eeb301;
  color: #eeb301
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #775a01;
  color: #775a01
}

.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a
}

.button.hollow.main, .button.hollow.main.disabled, .button.hollow.main[disabled], .button.hollow.main.disabled:hover, .button.hollow.main[disabled]:hover, .button.hollow.main.disabled:focus, .button.hollow.main[disabled]:focus {
  border: 1px solid #fafafa;
  color: #fafafa
}

.button.hollow.main:hover, .button.hollow.main:focus {
  border-color: #7d7d7d;
  color: #7d7d7d
}

.button.hollow.sky, .button.hollow.sky.disabled, .button.hollow.sky[disabled], .button.hollow.sky.disabled:hover, .button.hollow.sky[disabled]:hover, .button.hollow.sky.disabled:focus, .button.hollow.sky[disabled]:focus {
  border: 1px solid #f2f2f2;
  color: #f2f2f2
}

.button.hollow.sky:hover, .button.hollow.sky:focus {
  border-color: #797979;
  color: #797979
}

.button.hollow.light-gray, .button.hollow.light-gray.disabled, .button.hollow.light-gray[disabled], .button.hollow.light-gray.disabled:hover, .button.hollow.light-gray[disabled]:hover, .button.hollow.light-gray.disabled:focus, .button.hollow.light-gray[disabled]:focus {
  border: 1px solid #e6e6e6;
  color: #e6e6e6
}

.button.hollow.light-gray:hover, .button.hollow.light-gray:focus {
  border-color: #737373;
  color: #737373
}

.button.hollow.medium-gray, .button.hollow.medium-gray.disabled, .button.hollow.medium-gray[disabled], .button.hollow.medium-gray.disabled:hover, .button.hollow.medium-gray[disabled]:hover, .button.hollow.medium-gray.disabled:focus, .button.hollow.medium-gray[disabled]:focus {
  border: 1px solid #c4c4c4;
  color: #c4c4c4
}

.button.hollow.medium-gray:hover, .button.hollow.medium-gray:focus {
  border-color: #626262;
  color: #626262
}

.button.hollow.dark-gray, .button.hollow.dark-gray.disabled, .button.hollow.dark-gray[disabled], .button.hollow.dark-gray.disabled:hover, .button.hollow.dark-gray[disabled]:hover, .button.hollow.dark-gray.disabled:focus, .button.hollow.dark-gray[disabled]:focus {
  border: 1px solid #777;
  color: #777
}

.button.hollow.dark-gray:hover, .button.hollow.dark-gray:focus {
  border-color: #3c3c3c;
  color: #3c3c3c
}

.button.hollow.black, .button.hollow.black.disabled, .button.hollow.black[disabled], .button.hollow.black.disabled:hover, .button.hollow.black[disabled]:hover, .button.hollow.black.disabled:focus, .button.hollow.black[disabled]:focus {
  border: 1px solid #000;
  color: #000
}

.button.hollow.black:hover, .button.hollow.black:focus {
  border-color: #000;
  color: #000
}

.button.hollow.white, .button.hollow.white.disabled, .button.hollow.white[disabled], .button.hollow.white.disabled:hover, .button.hollow.white[disabled]:hover, .button.hollow.white.disabled:focus, .button.hollow.white[disabled]:focus {
  border: 1px solid #fff;
  color: #fff
}

.button.hollow.white:hover, .button.hollow.white:focus {
  border-color: gray;
  color: gray
}

.button.hollow.fb, .button.hollow.fb.disabled, .button.hollow.fb[disabled], .button.hollow.fb.disabled:hover, .button.hollow.fb[disabled]:hover, .button.hollow.fb.disabled:focus, .button.hollow.fb[disabled]:focus {
  border: 1px solid #3f619c;
  color: #3f619c
}

.button.hollow.fb:hover, .button.hollow.fb:focus {
  border-color: #20314e;
  color: #20314e
}

.button.hollow.vk, .button.hollow.vk.disabled, .button.hollow.vk[disabled], .button.hollow.vk.disabled:hover, .button.hollow.vk[disabled]:hover, .button.hollow.vk.disabled:focus, .button.hollow.vk[disabled]:focus {
  border: 1px solid #3e709c;
  color: #3e709c
}

.button.hollow.vk:hover, .button.hollow.vk:focus {
  border-color: #1f384e;
  color: #1f384e
}

.button.hollow.twi, .button.hollow.twi.disabled, .button.hollow.twi[disabled], .button.hollow.twi.disabled:hover, .button.hollow.twi[disabled]:hover, .button.hollow.twi.disabled:focus, .button.hollow.twi[disabled]:focus {
  border: 1px solid #2fa4cc;
  color: #2fa4cc
}

.button.hollow.twi:hover, .button.hollow.twi:focus {
  border-color: #185266;
  color: #185266
}

.button.hollow.ok, .button.hollow.ok.disabled, .button.hollow.ok[disabled], .button.hollow.ok.disabled:hover, .button.hollow.ok[disabled]:hover, .button.hollow.ok.disabled:focus, .button.hollow.ok[disabled]:focus {
  border: 1px solid #fc6719;
  color: #fc6719
}

.button.hollow.ok:hover, .button.hollow.ok:focus {
  border-color: #893002;
  color: #893002
}


.button.hollow.ibggrey, .button.hollow.ibggrey.disabled, .button.hollow.ibggrey[disabled], .button.hollow.ibggrey.disabled:hover, .button.hollow.ibggrey[disabled]:hover, .button.hollow.ibggrey.disabled:focus, .button.hollow.ibggrey[disabled]:focus {
  border: 1px solid #666C72;
  background: #666C72;
  border-radius: 6px;
  color: #fff
}
@media (min-width: 768px){
  .button.hollow.ibggrey:hover, .button.hollow.ibggrey:focus {
    border: 1px solid #951D4F;
    background: #951D4F;
    border-radius: 6px;
    color: #fff
  }
}


.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent
}

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #90004d
}

.button.clear:hover, .button.clear:focus {
  color: #480027
}

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #90004d
}

.button.clear.primary:hover, .button.clear.primary:focus {
  color: #480027
}

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #4f5154
}

.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: #28292a
}

.button.clear.tertiary, .button.clear.tertiary.disabled, .button.clear.tertiary[disabled], .button.clear.tertiary.disabled:hover, .button.clear.tertiary[disabled]:hover, .button.clear.tertiary.disabled:focus, .button.clear.tertiary[disabled]:focus {
  color: rgba(144, 0, 77, 0.04)
}

.button.clear.tertiary:hover, .button.clear.tertiary:focus {
  color: rgba(72, 0, 39, 0.04)
}

.button.clear.quaternary, .button.clear.quaternary.disabled, .button.clear.quaternary[disabled], .button.clear.quaternary.disabled:hover, .button.clear.quaternary[disabled]:hover, .button.clear.quaternary.disabled:focus, .button.clear.quaternary[disabled]:focus {
  color: #48626f
}

.button.clear.quaternary:hover, .button.clear.quaternary:focus {
  color: #243138
}

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #219e9a
}

.button.clear.success:hover, .button.clear.success:focus {
  color: #114f4d
}

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #eeb301
}

.button.clear.warning:hover, .button.clear.warning:focus {
  color: #775a01
}

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #cc4b37
}

.button.clear.alert:hover, .button.clear.alert:focus {
  color: #67251a
}

.button.clear.main, .button.clear.main.disabled, .button.clear.main[disabled], .button.clear.main.disabled:hover, .button.clear.main[disabled]:hover, .button.clear.main.disabled:focus, .button.clear.main[disabled]:focus {
  color: #fafafa
}

.button.clear.main:hover, .button.clear.main:focus {
  color: #7d7d7d
}

.button.clear.sky, .button.clear.sky.disabled, .button.clear.sky[disabled], .button.clear.sky.disabled:hover, .button.clear.sky[disabled]:hover, .button.clear.sky.disabled:focus, .button.clear.sky[disabled]:focus {
  color: #f2f2f2
}

.button.clear.sky:hover, .button.clear.sky:focus {
  color: #797979
}

.button.clear.light-gray, .button.clear.light-gray.disabled, .button.clear.light-gray[disabled], .button.clear.light-gray.disabled:hover, .button.clear.light-gray[disabled]:hover, .button.clear.light-gray.disabled:focus, .button.clear.light-gray[disabled]:focus {
  color: #e6e6e6
}

.button.clear.light-gray:hover, .button.clear.light-gray:focus {
  color: #737373
}

.button.clear.medium-gray, .button.clear.medium-gray.disabled, .button.clear.medium-gray[disabled], .button.clear.medium-gray.disabled:hover, .button.clear.medium-gray[disabled]:hover, .button.clear.medium-gray.disabled:focus, .button.clear.medium-gray[disabled]:focus {
  color: #c4c4c4
}

.button.clear.medium-gray:hover, .button.clear.medium-gray:focus {
  color: #626262
}

.button.clear.dark-gray, .button.clear.dark-gray.disabled, .button.clear.dark-gray[disabled], .button.clear.dark-gray.disabled:hover, .button.clear.dark-gray[disabled]:hover, .button.clear.dark-gray.disabled:focus, .button.clear.dark-gray[disabled]:focus {
  color: #777
}

.button.clear.dark-gray:hover, .button.clear.dark-gray:focus {
  color: #3c3c3c
}

.button.clear.black, .button.clear.black.disabled, .button.clear.black[disabled], .button.clear.black.disabled:hover, .button.clear.black[disabled]:hover, .button.clear.black.disabled:focus, .button.clear.black[disabled]:focus {
  color: #000
}

.button.clear.black:hover, .button.clear.black:focus {
  color: #000
}

.button.clear.white, .button.clear.white.disabled, .button.clear.white[disabled], .button.clear.white.disabled:hover, .button.clear.white[disabled]:hover, .button.clear.white.disabled:focus, .button.clear.white[disabled]:focus {
  color: #fff
}

.button.clear.white:hover, .button.clear.white:focus {
  color: gray
}

.button.clear.fb, .button.clear.fb.disabled, .button.clear.fb[disabled], .button.clear.fb.disabled:hover, .button.clear.fb[disabled]:hover, .button.clear.fb.disabled:focus, .button.clear.fb[disabled]:focus {
  color: #3f619c
}

.button.clear.fb:hover, .button.clear.fb:focus {
  color: #20314e
}

.button.clear.vk, .button.clear.vk.disabled, .button.clear.vk[disabled], .button.clear.vk.disabled:hover, .button.clear.vk[disabled]:hover, .button.clear.vk.disabled:focus, .button.clear.vk[disabled]:focus {
  color: #3e709c
}

.button.clear.vk:hover, .button.clear.vk:focus {
  color: #1f384e
}

.button.clear.twi, .button.clear.twi.disabled, .button.clear.twi[disabled], .button.clear.twi.disabled:hover, .button.clear.twi[disabled]:hover, .button.clear.twi.disabled:focus, .button.clear.twi[disabled]:focus {
  color: #2fa4cc
}

.button.clear.twi:hover, .button.clear.twi:focus {
  color: #185266
}

.button.clear.ok, .button.clear.ok.disabled, .button.clear.ok[disabled], .button.clear.ok.disabled:hover, .button.clear.ok[disabled]:hover, .button.clear.ok.disabled:focus, .button.clear.ok[disabled]:focus {
  color: #fc6719
}

.button.clear.ok:hover, .button.clear.ok:focus {
  color: #893002
}

.button.disabled, .button[disabled] {
  opacity: .25;
  cursor: not-allowed
}

.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset .4em;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fff transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em
}

.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #90004d
}

.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #90004d
}

.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #4f5154
}

.button.dropdown.hollow.tertiary::after, .button.dropdown.clear.tertiary::after {
  border-top-color: rgba(144, 0, 77, 0.04)
}

.button.dropdown.hollow.quaternary::after, .button.dropdown.clear.quaternary::after {
  border-top-color: #48626f
}

.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #219e9a
}

.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #eeb301
}

.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #cc4b37
}

.button.dropdown.hollow.main::after, .button.dropdown.clear.main::after {
  border-top-color: #fafafa
}

.button.dropdown.hollow.sky::after, .button.dropdown.clear.sky::after {
  border-top-color: #f2f2f2
}

.button.dropdown.hollow.light-gray::after, .button.dropdown.clear.light-gray::after {
  border-top-color: #e6e6e6
}

.button.dropdown.hollow.medium-gray::after, .button.dropdown.clear.medium-gray::after {
  border-top-color: #c4c4c4
}

.button.dropdown.hollow.dark-gray::after, .button.dropdown.clear.dark-gray::after {
  border-top-color: #777
}

.button.dropdown.hollow.black::after, .button.dropdown.clear.black::after {
  border-top-color: #000
}

.button.dropdown.hollow.white::after, .button.dropdown.clear.white::after {
  border-top-color: #fff
}

.button.dropdown.hollow.fb::after, .button.dropdown.clear.fb::after {
  border-top-color: #3f619c
}

.button.dropdown.hollow.vk::after, .button.dropdown.clear.vk::after {
  border-top-color: #3e709c
}

.button.dropdown.hollow.twi::after, .button.dropdown.clear.twi::after {
  border-top-color: #2fa4cc
}

.button.dropdown.hollow.ok::after, .button.dropdown.clear.ok::after {
  border-top-color: #fc6719
}

.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0
}

a.button:hover, a.button:focus {
  text-decoration: none
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #777;
  cursor: pointer
}

[data-whatinput='mouse'] .close-button {
  outline: 0
}

.close-button:hover, .close-button:focus {
  color: #000
}

.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1
}

.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: .28571rem;
  font-size: .8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #90004d;
  color: #fff
}

.label.primary {
  background: #90004d;
  color: #fff
}

.label.secondary {
  background: #4f5154;
  color: #fff
}

.label.tertiary {
  background: rgba(144, 0, 77, 0.04);
  color: #fff
}

.label.quaternary {
  background: #48626f;
  color: #fff
}

.label.success {
  background: #219e9a;
  color: #000
}

.label.warning {
  background: #eeb301;
  color: #000
}

.label.alert {
  background: #cc4b37;
  color: #000
}

.label.main {
  background: #fafafa;
  color: #000
}

.label.sky {
  background: #f2f2f2;
  color: #000
}

.label.light-gray {
  background: #e6e6e6;
  color: #000
}

.label.medium-gray {
  background: #c4c4c4;
  color: #000
}

.label.dark-gray {
  background: #777;
  color: #000
}

.label.black {
  background: #000;
  color: #fff
}

.label.white {
  background: #fff;
  color: #000
}

.label.fb {
  background: #3f619c;
  color: #fff
}

.label.vk {
  background: #3e709c;
  color: #fff
}

.label.twi {
  background: #2fa4cc;
  color: #000
}

.label.ok {
  background: #fc6719;
  color: #000
}

.progress {
  height: 1rem;
  margin-bottom: .25rem;
  border-radius: .28571rem;
  background-color: #c4c4c4
}

.progress.primary .progress-meter {
  background-color: #90004d
}

.progress.secondary .progress-meter {
  background-color: #4f5154
}

.progress.tertiary .progress-meter {
  background-color: rgba(144, 0, 77, 0.04)
}

.progress.quaternary .progress-meter {
  background-color: #48626f
}

.progress.success .progress-meter {
  background-color: #219e9a
}

.progress.warning .progress-meter {
  background-color: #eeb301
}

.progress.alert .progress-meter {
  background-color: #cc4b37
}

.progress.main .progress-meter {
  background-color: #fafafa
}

.progress.sky .progress-meter {
  background-color: #f2f2f2
}

.progress.light-gray .progress-meter {
  background-color: #e6e6e6
}

.progress.medium-gray .progress-meter {
  background-color: #c4c4c4
}

.progress.dark-gray .progress-meter {
  background-color: #777
}

.progress.black .progress-meter {
  background-color: #000
}

.progress.white .progress-meter {
  background-color: #fff
}

.progress.fb .progress-meter {
  background-color: #3f619c
}

.progress.vk .progress-meter {
  background-color: #3e709c
}

.progress.twi .progress-meter {
  background-color: #2fa4cc
}

.progress.ok .progress-meter {
  background-color: #fc6719
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #90004d;
  border-radius: .28571rem
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  border-radius: .28571rem
}

.slider {
  position: relative;
  height: .5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: .5rem;
  background-color: #c4c4c4;
  transition: all 0.2s ease-in-out
}

.slider-fill.is-dragging {
  transition: all 0s linear
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: .28571rem;
  background-color: #90004d;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation
}

[data-whatinput='mouse'] .slider-handle {
  outline: 0
}

.slider-handle:hover {
  background-color: #7a0041
}

.slider-handle.is-dragging {
  transition: all 0s linear
}

.slider.disabled, .slider[disabled] {
  opacity: .25;
  cursor: not-allowed
}

.slider.vertical {
  display: inline-block;
  width: .5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1)
}

.slider.vertical .slider-fill {
  top: 0;
  width: .5rem;
  max-height: 100%
}

.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%)
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: .25rem;
  outline: 0;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: .28571rem;
  background: #c4c4c4;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer
}

input + .switch-paddle {
  margin: 0
}

.switch-paddle::after {
  position: absolute;
  top: .25rem;
  left: .25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: .28571rem;
  background: #fff;
  transition: all 0.25s ease-out;
  content: ''
}

input:checked ~ .switch-paddle {
  background: #90004d
}

input:checked ~ .switch-paddle::after {
  left: 2.25rem
}

input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: .5
}

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
  outline: 0
}

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.switch-active {
  left: 8%;
  display: none
}

input:checked + label > .switch-active {
  display: block
}

.switch-inactive {
  right: 15%
}

input:checked + label > .switch-inactive {
  display: none
}

.switch.tiny {
  height: 1.5rem
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: .71429rem
}

.switch.tiny .switch-paddle::after {
  top: .25rem;
  left: .25rem;
  width: 1rem;
  height: 1rem
}

.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem
}

.switch.small {
  height: 1.75rem
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: .85714rem
}

.switch.small .switch-paddle::after {
  top: .25rem;
  left: .25rem;
  width: 1.25rem;
  height: 1.25rem
}

.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem
}

.switch.large {
  height: 2.5rem
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1.14286rem
}

.switch.large .switch-paddle::after {
  top: .25rem;
  left: .25rem;
  width: 2rem;
  height: 2rem
}

.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: .25rem;
  border-radius: .28571rem
}

thead, tbody, tfoot {
  border: 1px solid #f2f2f2;
  background-color: #fff
}

caption {
  padding: .57143rem .71429rem .71429rem;
  font-weight: 700
}

thead {
  background: #f9f9f9;
  color: #000
}

tfoot {
  background: #f2f2f2;
  color: #000
}

thead tr, tfoot tr {
  background: transparent
}

thead th, thead td, tfoot th, tfoot td {
  padding: .57143rem .71429rem .71429rem;
  font-weight: 700;
  text-align: left
}

tbody th, tbody td {
  padding: .57143rem .71429rem .71429rem
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f2f2f2
}

table.unstriped tbody {
  background-color: #fff
}

table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff
}

@media print, screen and (max-width: 59.99875em) {
  table.stack thead {
    display: none
  }

  table.stack tfoot {
    display: none
  }

  table.stack tr, table.stack th, table.stack td {
    display: block
  }

  table.stack td {
    border-top: 0
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto
}

table.hover thead tr:hover {
  background-color: #f4f4f4
}

table.hover tfoot tr:hover {
  background-color: #ededed
}

table.hover tbody tr:hover {
  background-color: #fafafa
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed
}

.table-scroll {
  overflow-x: auto
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: .3em;
  border-radius: 50%;
  font-size: .6rem;
  text-align: center;
  background: #90004d;
  color: #fff
}

.badge.primary {
  background: #90004d;
  color: #fff
}

.badge.secondary {
  background: #4f5154;
  color: #fff
}

.badge.tertiary {
  background: rgba(144, 0, 77, 0.04);
  color: #fff
}

.badge.quaternary {
  background: #48626f;
  color: #fff
}

.badge.success {
  background: #219e9a;
  color: #000
}

.badge.warning {
  background: #eeb301;
  color: #000
}

.badge.alert {
  background: #cc4b37;
  color: #000
}

.badge.main {
  background: #fafafa;
  color: #000
}

.badge.sky {
  background: #f2f2f2;
  color: #000
}

.badge.light-gray {
  background: #e6e6e6;
  color: #000
}

.badge.medium-gray {
  background: #c4c4c4;
  color: #000
}

.badge.dark-gray {
  background: #777;
  color: #000
}

.badge.black {
  background: #000;
  color: #fff
}

.badge.white {
  background: #fff;
  color: #000
}

.badge.fb {
  background: #3f619c;
  color: #fff
}

.badge.vk {
  background: #3e709c;
  color: #fff
}

.badge.twi {
  background: #2fa4cc;
  color: #000
}

.badge.ok {
  background: #fc6719;
  color: #000
}

.breadcrumbs {
  margin: 0 0 .25rem 0;
  list-style: none
}

.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}

.breadcrumbs::after {
  clear: both
}

.breadcrumbs li {
  float: left;
  font-size: .78571rem;
  color: #000;
  cursor: default;
  text-transform: uppercase
}

.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 .75rem;
  opacity: 1;
  content: "/";
  color: #c4c4c4
}

.breadcrumbs a {
  color: #90004d
}

.breadcrumbs a:hover {
  text-decoration: underline
}

.breadcrumbs .disabled {
  color: #c4c4c4;
  cursor: not-allowed
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: .28571rem;
  background-color: #fff;
  color: #000
}

.callout > :first-child {
  margin-top: 0
}

.callout > :last-child {
  margin-bottom: 0
}

.callout.primary {
  background-color: #ffc8e5;
  color: #000
}

.callout.secondary {
  background-color: #e4e5e6;
  color: #000
}

.callout.tertiary {
  background-color: rgba(255, 200, 229, 0.04);
  color: #000
}

.callout.quaternary {
  background-color: #e1e8ec;
  color: #000
}

.callout.success {
  background-color: #d7f7f6;
  color: #000
}

.callout.warning {
  background-color: #fff5d7;
  color: #000
}

.callout.alert {
  background-color: #f7e4e1;
  color: #000
}

.callout.main {
  background-color: #fefefe;
  color: #000
}

.callout.sky {
  background-color: #fdfdfd;
  color: #000
}

.callout.light-gray {
  background-color: #fbfbfb;
  color: #000
}

.callout.medium-gray {
  background-color: #f6f6f6;
  color: #000
}

.callout.dark-gray {
  background-color: #ebebeb;
  color: #000
}

.callout.black {
  background-color: #d9d9d9;
  color: #000
}

.callout.white {
  background-color: #fff;
  color: #000
}

.callout.fb {
  background-color: #e0e7f2;
  color: #000
}

.callout.vk {
  background-color: #e0eaf3;
  color: #000
}

.callout.twi {
  background-color: #dff2f8;
  color: #000
}

.callout.ok {
  background-color: #ffe8dd;
  color: #000
}

.callout.small {
  padding-top: .5rem;
  padding-right: .5rem;
  padding-bottom: .5rem;
  padding-left: .5rem
}

.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: .25rem;
  border: 1px solid #e6e6e6;
  border-radius: .28571rem;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  color: #000
}

.card > :last-child {
  margin-bottom: 0
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: .25rem;
  background: #e6e6e6
}

.card-divider > :last-child {
  margin-bottom: 0
}

.card-section {
  flex: 1 0 auto;
  padding: .25rem
}

.card-section > :last-child {
  margin-bottom: 0
}

.card-image {
  min-height: 1px
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #c4c4c4;
  border-radius: .28571rem;
  background-color: #fff;
  font-size: 1rem
}

.dropdown-pane.is-opening {
  display: block
}

.dropdown-pane.is-open {
  display: block;
  visibility: visible
}

.dropdown-pane.tiny {
  width: 100px
}

.dropdown-pane.small {
  width: 200px
}

.dropdown-pane.large {
  width: 400px
}

.pagination {
  margin-left: 0;
  margin-bottom: .25rem
}

.pagination::before, .pagination::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}

.pagination::after {
  clear: both
}

.pagination li {
  margin-right: .07143rem;
  border-radius: .28571rem;
  font-size: 1rem;
  display: none
}

.pagination li:last-child, .pagination li:first-child {
  display: inline-block
}

@media print, screen and (min-width: 40em) {
  .pagination li {
    display: inline-block
  }
}

.pagination a, .pagination button {
  display: block;
  padding: .21429rem .71429rem;
  border-radius: .28571rem;
  color: #000
}

.pagination a:hover, .pagination button:hover {
  background: #e6e6e6
}

.pagination .current {
  padding: .21429rem .71429rem;
  background: #90004d;
  color: #fff;
  cursor: default
}

.pagination .disabled {
  padding: .21429rem .71429rem;
  color: #c4c4c4;
  cursor: not-allowed
}

.pagination .disabled:hover {
  background: transparent
}

.pagination .ellipsis::after {
  padding: .21429rem .71429rem;
  content: '\2026';
  color: #000
}

.pagination-previous a::before, .pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«"
}

.pagination-next a::after, .pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»"
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #777;
  font-weight: 700;
  cursor: help
}

.tooltip {
  position: absolute;
  top: calc(100% + .6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: .75rem;
  border-radius: .28571rem;
  background-color: #000;
  font-size: 80%;
  color: #fff
}

.tooltip::before {
  position: absolute
}

.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border: inset .75rem;
  content: '';
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #000;
  bottom: 100%
}

.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%)
}

.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset .75rem;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #000 transparent transparent;
  top: 100%;
  bottom: auto
}

.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%)
}

.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset .75rem;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #000;
  left: 100%
}

.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%)
}

.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset .75rem;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #000 transparent transparent;
  right: 100%;
  left: auto
}

.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%)
}

.tooltip.align-top::before {
  bottom: auto;
  top: 10%
}

.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto
}

.tooltip.align-left::before {
  left: 10%;
  right: auto
}

.tooltip.align-right::before {
  left: auto;
  right: 10%
}

.accordion {
  margin-left: 0;
  background: #fff;
  list-style-type: none
}

.accordion[disabled] .accordion-title {
  cursor: not-allowed
}

.accordion-item:first-child > :first-child {
  border-radius: .28571rem .28571rem 0 0
}

.accordion-item:last-child > :last-child {
  border-radius: 0 0 .28571rem .28571rem
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: .85714rem;
  line-height: 1;
  color: #90004d
}

:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 .28571rem .28571rem
}

.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6
}

.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+"
}

.is-active > .accordion-title::before {
  content: "–"
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fff;
  color: #000
}

:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6
}

.media-object {
  display: flex;
  margin-bottom: .25rem;
  flex-wrap: nowrap
}

.media-object img {
  max-width: none
}

@media print, screen and (max-width: 39.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap
  }
}

.media-object-section {
  flex: 0 1 auto
}

.media-object-section:first-child {
  padding-right: .25rem
}

.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: .25rem
}

.media-object-section > :last-child {
  margin-bottom: 0
}

@media print, screen and (max-width: 39.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: .25rem;
    flex-basis: 100%;
    max-width: 100%
  }

  .stack-for-small .media-object-section img {
    width: 100%
  }
}

.media-object-section.main-section {
  flex: 1 1 0px
}
/*.responsive-embed, */
 .flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1.14286rem;
  padding-bottom: 75%;
  overflow: hidden
}
/*.responsive-embed iframe,  */
.responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.responsive-embed.widescreen, .flex-video.widescreen {
  padding-bottom: 56.25%
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fff;
  list-style-type: none
}

.tabs::before, .tabs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}

.tabs::after {
  clear: both
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto
}

.tabs.simple > li > a {
  padding: 0
}

.tabs.simple > li > a:hover {
  background: transparent
}

.tabs.primary {
  background: #90004d
}

.tabs.primary > li > a {
  color: #fff
}

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #a20057
}

.tabs-title {
  float: left
}

.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: .85714rem;
  line-height: 1;
  color: #90004d
}

[data-whatinput='mouse'] .tabs-title > a {
  outline: 0
}

.tabs-title > a:hover {
  background: #fff;
  color: #7c0042
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #e6e6e6;
  color: #90004d
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fff;
  color: #000;
  transition: all 0.5s ease
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0
}

.tabs-panel {
  display: none;
  padding: 1rem
}

.tabs-panel.is-active {
  display: block
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: .25rem;
  border: 4px solid #fff;
  border-radius: .28571rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  line-height: 0
}

a.thumbnail {
  transition: box-shadow 200ms ease-out
}

a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(144, 0, 77, 0.5)
}

a.thumbnail image {
  box-shadow: none
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap
}

[data-whatinput='mouse'] .menu li {
  outline: 0
}

.menu a, .menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem
}

.menu input, .menu select, .menu a, .menu button {
  margin-bottom: 0
}

.menu input {
  display: inline-block
}

.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row
}

.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column
}

.menu.expanded li {
  flex: 1 1 0px
}

.menu.simple {
  align-items: center
}

.menu.simple li + li {
  margin-left: 1rem
}

.menu.simple a {
  padding: 0
}

@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row
  }

  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column
  }

  .menu.medium-expanded li {
    flex: 1 1 0px
  }

  .menu.medium-simple li {
    flex: 1 1 0px
  }
}

@media print, screen and (min-width: 60em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row
  }

  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column
  }

  .menu.large-expanded li {
    flex: 1 1 0px
  }

  .menu.large-simple li {
    flex: 1 1 0px
  }
}

@media screen and (min-width: 75em) {
  .menu.xlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row
  }

  .menu.xlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column
  }

  .menu.xlarge-expanded li {
    flex: 1 1 0px
  }

  .menu.xlarge-simple li {
    flex: 1 1 0px
  }
}

.menu.nested {
  margin-right: 0;
  margin-left: 1rem
}

.menu.icons a {
  display: flex
}

.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex
}

.menu.icon-left li a {
  flex-flow: row nowrap
}

.menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg {
  margin-right: .25rem
}

.menu.icon-right li a {
  flex-flow: row nowrap
}

.menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg {
  margin-left: .25rem
}

.menu.icon-top li a {
  flex-flow: column nowrap
}

.menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg {
  align-self: stretch;
  margin-bottom: .25rem;
  text-align: center
}

.menu.icon-bottom li a {
  flex-flow: column nowrap
}

.menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: .25rem;
  text-align: center
}

.menu .is-active > a {
  background: #90004d;
  color: #fff
}

.menu .active > a {
  background: #90004d;
  color: #fff
}

.menu.align-left {
  justify-content: flex-start
}

.menu.align-right li {
  display: flex;
  justify-content: flex-end
}

.menu.align-right li .submenu li {
  justify-content: flex-start
}

.menu.align-right.vertical li {
  display: block;
  text-align: right
}

.menu.align-right.vertical li .submenu li {
  text-align: right
}

.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0
}

.menu.align-center li {
  display: flex;
  justify-content: center
}

.menu.align-center li .submenu li {
  justify-content: flex-start
}

.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit
}

.menu-centered > .menu {
  justify-content: center
}

.menu-centered > .menu li {
  display: flex;
  justify-content: center
}

.menu-centered > .menu li .submenu li {
  justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
  display: none
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer
}

.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
  content: ''
}

.menu-icon:hover::after {
  background: #c4c4c4;
  box-shadow: 0 7px 0 #c4c4c4, 0 14px 0 #c4c4c4
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer
}

.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  box-shadow: 0 7px 0 #000, 0 14px 0 #000;
  content: ''
}

.menu-icon.dark:hover::after {
  background: #777;
  box-shadow: 0 7px 0 #777, 0 14px 0 #777
}

.accordion-menu li {
  width: 100%
}

.accordion-menu a {
  padding: 0.7rem 1rem
}

.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem
}

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #90004d transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem
}

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto
}

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
  position: relative
}

.has-submenu-toggle > a {
  margin-right: 40px
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer
}

.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #90004d transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto
}

.submenu-toggle[aria-expanded='true']::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.is-drilldown {
  position: relative;
  overflow: hidden
}

.is-drilldown li {
  display: block
}

.is-drilldown.animate-height {
  transition: height 0.5s
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fff
}

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fff;
  transition: transform 0.15s linear
}

.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%)
}

.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%)
}

.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem
}

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0
}

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%
}

.drilldown .is-drilldown-submenu-parent > a {
  position: relative
}

.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #90004d;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem
}

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #90004d;
  right: 1rem;
  left: auto
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #90004d transparent transparent;
  right: auto;
  left: 1rem
}

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #90004d transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #90004d transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px
}

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0
}

.dropdown.menu > li > a {
  padding: 0.7rem 1rem
}

.dropdown.menu > li.is-active > a {
  background: rgba(0, 0, 0, 0);
  color: #90004d
}

.no-js .dropdown.menu ul {
  display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%
}

.dropdown.menu.vertical > li > a::after {
  right: 14px
}

.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #90004d transparent transparent;
  right: auto;
  left: 5px
}

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #90004d
}

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
  }

  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
  }

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
  }

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #90004d transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
  }

  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
  }

  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px
  }

  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #90004d transparent transparent;
    right: auto;
    left: 5px
  }

  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #90004d
  }
}

@media print, screen and (min-width: 60em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
  }

  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
  }

  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
  }

  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #90004d transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
  }

  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
  }

  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.large-vertical > li > a::after {
    right: 14px
  }

  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #90004d transparent transparent;
    right: auto;
    left: 5px
  }

  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #90004d
  }
}

@media screen and (min-width: 75em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
  }

  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
  }

  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
  }

  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #90004d transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px
  }

  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0
  }

  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto
  }

  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
  }

  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px
  }

  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #90004d transparent transparent;
    right: auto;
    left: 5px
  }

  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #90004d
  }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto
}

.is-dropdown-menu.vertical {
  width: 100px
}

.is-dropdown-menu.vertical.align-right {
  float: right
}

.is-dropdown-submenu-parent {
  position: relative
}

.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #c4c4c4;
  background: #fff
}

.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #90004d transparent transparent;
  right: auto;
  left: 5px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #90004d
}

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px
}

.is-dropdown-submenu > li {
  width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
  display: block
}

.is-off-canvas-open {
  overflow: hidden
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity .5s ease, visibility .5s ease;
  background: rgba(255, 255, 255, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden
}

.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible
}

.js-off-canvas-overlay.is-closable {
  cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform .5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #e6e6e6
}

[data-whatinput='mouse'] .off-canvas {
  outline: 0
}

.off-canvas.is-transition-push {
  z-index: 12
}

.off-canvas.is-closed {
  visibility: hidden
}

.off-canvas.is-transition-overlap {
  z-index: 13
}

.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)
}

.off-canvas.is-open {
  transform: translate(0, 0)
}

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform .5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #e6e6e6
}

[data-whatinput='mouse'] .off-canvas-absolute {
  outline: 0
}

.off-canvas-absolute.is-transition-push {
  z-index: 12
}

.off-canvas-absolute.is-closed {
  visibility: hidden
}

.off-canvas-absolute.is-transition-overlap {
  z-index: 13
}

.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)
}

.off-canvas-absolute.is-open {
  transform: translate(0, 0)
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(-250px)
}

.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px)
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0)
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px)
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25)
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(250px)
}

.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px)
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0)
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px)
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25)
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px)
}

.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px)
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0)
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px)
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25)
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px)
}

.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px)
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0)
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px)
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25)
}

.off-canvas-content {
  transform: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform .5s ease
}

.off-canvas-content.has-transition-push {
  transform: translate(0, 0)
}

.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0)
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-left.reveal-for-medium .close-button {
    display: none
  }

  .off-canvas-content .position-left.reveal-for-medium {
    transform: none
  }

  .off-canvas-content.has-reveal-left {
    margin-left: 250px
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px
  }

  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-right.reveal-for-medium .close-button {
    display: none
  }

  .off-canvas-content .position-right.reveal-for-medium {
    transform: none
  }

  .off-canvas-content.has-reveal-right {
    margin-right: 250px
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px
  }

  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-top.reveal-for-medium .close-button {
    display: none
  }

  .off-canvas-content .position-top.reveal-for-medium {
    transform: none
  }

  .off-canvas-content.has-reveal-top {
    margin-top: 250px
  }

  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px
  }

  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-bottom.reveal-for-medium .close-button {
    display: none
  }

  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none
  }

  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px
  }

  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px
  }
}

@media print, screen and (min-width: 60em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-left.reveal-for-large .close-button {
    display: none
  }

  .off-canvas-content .position-left.reveal-for-large {
    transform: none
  }

  .off-canvas-content.has-reveal-left {
    margin-left: 250px
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px
  }

  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-right.reveal-for-large .close-button {
    display: none
  }

  .off-canvas-content .position-right.reveal-for-large {
    transform: none
  }

  .off-canvas-content.has-reveal-right {
    margin-right: 250px
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px
  }

  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-top.reveal-for-large .close-button {
    display: none
  }

  .off-canvas-content .position-top.reveal-for-large {
    transform: none
  }

  .off-canvas-content.has-reveal-top {
    margin-top: 250px
  }

  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px
  }

  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-bottom.reveal-for-large .close-button {
    display: none
  }

  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none
  }

  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px
  }

  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px
  }
}

@media screen and (min-width: 75em) {
  .position-left.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-left.reveal-for-xlarge .close-button {
    display: none
  }

  .off-canvas-content .position-left.reveal-for-xlarge {
    transform: none
  }

  .off-canvas-content.has-reveal-left {
    margin-left: 250px
  }

  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 250px
  }

  .position-right.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-right.reveal-for-xlarge .close-button {
    display: none
  }

  .off-canvas-content .position-right.reveal-for-xlarge {
    transform: none
  }

  .off-canvas-content.has-reveal-right {
    margin-right: 250px
  }

  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 250px
  }

  .position-top.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-top.reveal-for-xlarge .close-button {
    display: none
  }

  .off-canvas-content .position-top.reveal-for-xlarge {
    transform: none
  }

  .off-canvas-content.has-reveal-top {
    margin-top: 250px
  }

  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 250px
  }

  .position-bottom.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible
  }

  .position-bottom.reveal-for-xlarge .close-button {
    display: none
  }

  .off-canvas-content .position-bottom.reveal-for-xlarge {
    transform: none
  }

  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px
  }

  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 250px
  }
}

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none
  }

  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none
  }

  .off-canvas.in-canvas-for-medium .close-button {
    display: none
  }
}

@media print, screen and (min-width: 60em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none
  }

  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none
  }

  .off-canvas.in-canvas-for-large .close-button {
    display: none
  }
}

@media screen and (min-width: 75em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none
  }

  .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
    box-shadow: none;
    transform: none
  }

  .off-canvas.in-canvas-for-xlarge .close-button {
    display: none
  }
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden
}

html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll
}

html.is-reveal-open body {
  overflow-y: hidden
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  overflow-y: auto
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  padding: .25rem;
  border: 1px solid #c4c4c4;
  border-radius: .28571rem;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
  outline: 0
}

@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0
  }
}

.reveal .column {
  min-width: 0
}

.reveal > :last-child {
  margin-bottom: 0
}

@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 92.57143rem
  }
}

.reveal.collapse {
  padding: 0
}

@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 92.57143rem
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 92.57143rem
  }
}

@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 92.57143rem
  }
}

.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0
}

@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0
  }
}

.reveal.without-overlay {
  position: fixed
}

.sticky-container {
  position: relative
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%
}

.sticky.is-stuck.is-at-top {
  top: 0
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0
}

.title-bar {
  padding: .5rem;
  background: #000;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.title-bar .menu-icon {
  margin-left: .25rem;
  margin-right: .25rem
}

.title-bar-left, .title-bar-right {
  flex: 1 1 0px
}

.title-bar-right {
  text-align: right
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: .5rem;
  flex-wrap: wrap
}

.top-bar, .top-bar ul {
  background-color: #e6e6e6
}

.top-bar input {
  max-width: 200px;
  margin-right: 1rem
}

.top-bar .input-group-field {
  width: 100%;
  margin-right: 0
}

.top-bar input.button {
  width: auto
}

.top-bar .top-bar-left, .top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%
}

@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap
  }

  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto
  }

  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto
  }
}

@media print, screen and (max-width: 59.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap
  }

  .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap
  }

  .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media print, screen and (max-width: 83.74875em) {
  .top-bar.stacked-for-xlarge {
    flex-wrap: wrap
  }

  .top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
  }
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0
}

.top-bar-left, .top-bar-right {
  flex: 0 0 auto
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto
}

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}

.clearfix::after {
  clear: both
}

.align-left {
  justify-content: flex-start
}

.align-right {
  justify-content: flex-end
}

.align-center {
  justify-content: center
}

.align-justify {
  justify-content: space-between
}

.align-spaced {
  justify-content: space-around
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end
}

.align-center.vertical.menu > li > a {
  justify-content: center
}

.align-top {
  align-items: flex-start
}

.align-self-top {
  align-self: flex-start
}

.align-bottom {
  align-items: flex-end
}

.align-self-bottom {
  align-self: flex-end
}

.align-middle {
  align-items: center
}

.align-self-middle {
  align-self: center
}

.align-stretch {
  align-items: stretch
}

.align-self-stretch {
  align-self: stretch
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center
}

.small-order-1 {
  order: 1
}

.small-order-2 {
  order: 2
}

.small-order-3 {
  order: 3
}

.small-order-4 {
  order: 4
}

.small-order-5 {
  order: 5
}

.small-order-6 {
  order: 6
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1
  }

  .medium-order-2 {
    order: 2
  }

  .medium-order-3 {
    order: 3
  }

  .medium-order-4 {
    order: 4
  }

  .medium-order-5 {
    order: 5
  }

  .medium-order-6 {
    order: 6
  }
}

@media print, screen and (min-width: 60em) {
  .large-order-1 {
    order: 1
  }

  .large-order-2 {
    order: 2
  }

  .large-order-3 {
    order: 3
  }

  .large-order-4 {
    order: 4
  }

  .large-order-5 {
    order: 5
  }

  .large-order-6 {
    order: 6
  }
}

@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    order: 1
  }

  .xlarge-order-2 {
    order: 2
  }

  .xlarge-order-3 {
    order: 3
  }

  .xlarge-order-4 {
    order: 4
  }

  .xlarge-order-5 {
    order: 5
  }

  .xlarge-order-6 {
    order: 6
  }
}

.flex-container {
  display: flex
}

.flex-child-auto {
  flex: 1 1 auto
}

.flex-child-grow {
  flex: 1 0 auto
}

.flex-child-shrink {
  flex: 0 1 auto
}

.flex-dir-row {
  flex-direction: row
}

.flex-dir-row-reverse {
  flex-direction: row-reverse
}

.flex-dir-column {
  flex-direction: column
}

.flex-dir-column-reverse {
  flex-direction: column-reverse
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex
  }

  .medium-flex-child-auto {
    flex: 1 1 auto
  }

  .medium-flex-child-grow {
    flex: 1 0 auto
  }

  .medium-flex-child-shrink {
    flex: 0 1 auto
  }

  .medium-flex-dir-row {
    flex-direction: row
  }

  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse
  }

  .medium-flex-dir-column {
    flex-direction: column
  }

  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse
  }
}

@media print, screen and (min-width: 60em) {
  .large-flex-container {
    display: flex
  }

  .large-flex-child-auto {
    flex: 1 1 auto
  }

  .large-flex-child-grow {
    flex: 1 0 auto
  }

  .large-flex-child-shrink {
    flex: 0 1 auto
  }

  .large-flex-dir-row {
    flex-direction: row
  }

  .large-flex-dir-row-reverse {
    flex-direction: row-reverse
  }

  .large-flex-dir-column {
    flex-direction: column
  }

  .large-flex-dir-column-reverse {
    flex-direction: column-reverse
  }
}

@media screen and (min-width: 75em) {
  .xlarge-flex-container {
    display: flex
  }

  .xlarge-flex-child-auto {
    flex: 1 1 auto
  }

  .xlarge-flex-child-grow {
    flex: 1 0 auto
  }

  .xlarge-flex-child-shrink {
    flex: 0 1 auto
  }

  .xlarge-flex-dir-row {
    flex-direction: row
  }

  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse
  }

  .xlarge-flex-dir-column {
    flex-direction: column
  }

  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse
  }
}

.hide {
  display: none !important
}

.invisible {
  visibility: hidden
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important
  }
}

@media print, screen and (min-width: 40em) and (max-width: 59.99875em) {
  .hide-for-medium-only {
    display: none !important
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 60em) {
  .show-for-medium-only {
    display: none !important
  }
}

@media print, screen and (min-width: 60em) {
  .hide-for-large {
    display: none !important
  }
}

@media screen and (max-width: 59.99875em) {
  .show-for-large {
    display: none !important
  }
}

@media print, screen and (min-width: 60em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important
  }
}

@media screen and (max-width: 59.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important
  }
}

@media screen and (max-width: 74.99875em) {
  .show-for-xlarge {
    display: none !important
  }
}

@media screen and (min-width: 75em) and (max-width: 83.74875em) {
  .hide-for-xlarge-only {
    display: none !important
  }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 83.75em) {
  .show-for-xlarge-only {
    display: none !important
  }
}

.show-for-sr, .show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important
}

.show-for-landscape, .hide-for-portrait {
  display: block !important
}

@media screen and (orientation: landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: block !important
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape, .hide-for-portrait {
    display: none !important
  }
}

.hide-for-landscape, .show-for-portrait {
  display: none !important
}

@media screen and (orientation: landscape) {
  .hide-for-landscape, .show-for-portrait {
    display: none !important
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape, .show-for-portrait {
    display: block !important
  }
}

.assist__block {
  margin-bottom: 0.5rem
}

@media print, screen and (max-width: 59.99875em) {
  .assist {
    margin-bottom: 2.28571rem
  }
}

.carousel-services {
  background: #fafafa;
  padding-top: 3rem
}

.carousel-services__text {
  margin-bottom: 1.5rem
}

.carousel-services__item {
  display: none
}

.carousel-services__item:first-child {
  display: block
}

.client__img {
  margin-bottom: 1rem
}

.event {
  margin-bottom: 1.5rem;
  background: #fff
}

.event__date {
  font-weight: 700;
  margin-bottom: .28571rem
}

.event__place {
  color: rgba(144, 0, 77, 0.04);
  font-weight: 700
}

.event__block {
  padding: 1.5rem;
  border-radius: .28571rem;
  background: #fff
}

.event__block_main {
  background: #fafafa
}

.manager {
  text-align: center
}

.manager__img {
  width: 10.71429rem
}

.manager__text {
  font-size: .92857rem;
  font-weight: 700
}

.manager__block {
  font-size: 2rem;
  margin-bottom: 1rem
}

.object {
  margin-bottom: 1rem
}

.object__img {
  width: 5rem
}

.services {
  padding: 3rem 1.5rem 1.5rem;
  text-align: center;
  background: #fafafa;
  border-radius: .28571rem;
  margin-bottom: 2.85714rem
}

@media all and (max-width: 1920px) {
  .services {
    margin-bottom: 2.85714rem
  }
}

@media all and (max-width: 1340px) {
  .services {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 1200px) {
  .services {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 960px) {
  .services {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 640px) {
  .services {
    margin-bottom: 1.14286rem
  }
}

.services__title {
  margin-bottom: .71429rem
}

.services__img {
  max-width: 7rem
}

.services__block {
  margin-bottom: 1.5rem
}

.accordion {
  border: 0
}

.accordion :last-child > .accordion-content:last-child {
  border-bottom: 0
}

.accordion :last-child:not(.is-active) > .accordion-title {
  border-bottom: 0
}

.accordion-title {
  font-weight: 600;
  font-size: 1rem;
  border: 0;
  padding-top: .92857rem;
  padding-bottom: .92857rem;
  padding-right: 2.14286rem;
  color: #90004d;
  background: #faf9fb;
  border-bottom: 1px dashed #e6e6e6
}

.accordion-title::before {
  content: "";
  width: 0;
  top: 50%;
  transition: 0.3s;
  margin-top: 0;
  height: 0;
  transform: scale(1, 1.5);
  border-left: .28571rem solid transparent;
  border-right: .28571rem solid transparent;
  border-top: .28571rem solid #90004d
}

.accordion .is-active > .accordion-title {
  background: #faf9fb
}

.accordion .is-active > .accordion-title::before {
  content: "";
  transform: scale(1, 1.5) rotate(180deg)
}

.accordion-content {
  padding: 1.57143rem 0;
  border: 0
}

.accordion-item:last-child > a {
  border: 0 solid #e6e6e6
}

.badge_secondary {
  background: #4f5154
}

.breadcrumbs {
  margin-top: 1.28571rem;
  margin-bottom: 2.57143rem;
  position: relative;
  z-index: 100
}

.breadcrumbs li:not(:last-child)::after {
  content: "";
  width: .21429rem;
  height: .21429rem;
  background: #b0aab6;
  margin-left: 1rem;
  margin-right: 1rem;
  top: -.14286rem;
  border-radius: 50%;
  display: inline-block
}

.breadcrumbs .current {
  text-transform: none;
  padding-top: .07143rem
}

.breadcrumbs a {
  color: #b0aab6;
  font-weight: 400;
  text-transform: none;
  font-size: .85714rem
}

.button-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  margin-bottom: 1rem
}

.button-group .button {
  margin: 0 .07143rem .07143rem 0;
  flex: 0 0 auto
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0.25rem;
  border: .07143rem solid transparent;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  border-radius: .28571rem;
  cursor: pointer;
  padding: .85714rem 1.14286rem;
  margin-bottom: 1rem;
  font-size: 1.14286rem;
  height: auto
}

.button:active, .button:focus, .button:hover {
  background: #7a0041
}

.button_micro {
  border-radius: .14286rem;
  font-size: 1rem;
  font-weight: 600;
  padding: .64286rem 1.71429rem
}

.button_sky {
  background: #faf9fb;
  border-radius: .35714rem;
  color: #000;
  font-size: 1rem;
  padding: 1.21429rem 4.57143rem;
  font-weight: 400
}

.button__num {
  color: #90004d;
  margin-left: .21429rem
}

.button__svg {
  margin-right: .35714rem;
  position: relative;
  top: -.14286rem
}

.button_comp {
  font-size: 1rem;
  font-weight: 400;
  color: #514659;
  display: flex;
  flex-flow: row wrap;
  padding-right: .57143rem;
  position: relative;
  background: none;
  outline: none
}

.button_comp:active, .button_comp:focus, .button_comp:hover {
  background: none;
  color: #000
}

.button_drop {
  font-size: 1rem;
  font-weight: 400;
  color: #514659;
  display: flex;
  flex-flow: row wrap;
  padding-right: 1.42857rem;
  position: relative;
  background: none;
  outline: none
}

.button_drop::after {
  content: "";
  position: absolute;
  right: .21429rem;
  top: .85714rem;
  width: .71429rem;
  height: .42857rem;
  background: url(/local/templates/hitsec_common/css/../images/chevron-down.svg) no-repeat center;
  background-size: .71429rem .42857rem
}

.button_drop:active, .button_drop:focus, .button_drop:hover {
  background: none;
  color: #000
}

.button__line {
  height: 1.35714rem;
  display: inline-block;
  border-bottom: .07143rem dashed #dfdcdc
}

.button_grey {
  color: #514659;
  font-size: .85714rem;
  font-weight: 400;
  background: #faf9fb;
  border-radius: 2.14286rem;
  padding: .57143rem .92857rem
}

.button__cross {
  font-size: 1.85714rem;
  position: relative;
  top: -.42857rem;
  font-weight: 300;
  margin-right: .71429rem;
  display: inline-block
}

.button_big {
  padding: 1.14286rem 3.07143rem;
  font-size: 1.14286rem
}

.button_reset {
  background: none;
  color: #b0aab6;
  border: 0;
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
  display: flex;
  padding-left: 0;
  padding-right: 0;
  flex-flow: row wrap
}

.button_reset:active, .button_reset:focus, .button_reset:hover {
  background: none;
  color: #000
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch
}

.button-group .button {
  margin: 0 .28571rem .28571rem 0;
  flex: 0 0 auto
}

.button_input {
  border-radius: 0 .28571rem .28571rem 0;
  background: #4f5154
}

.button_prod {
  margin-bottom: 0;
  background: none;
  border: .07143rem solid #90004d;
  color: #90004d
}

.button_prod:active, .button_prod:focus, .button_prod:hover {
  background: #90004d;
  border-color: #90004d;
  color: #fff
}

.button_large {
  font-size: 1.71429rem
}

.button_expanded {
  display: block;
  width: 100%;
  padding-left: .57143rem;
  padding-right: .57143rem;
  margin-right: 0;
  margin-left: 0;
  font-size: 1rem;
  font-weight: 600
}

.button_light-gray {
  background: #e6e6e6;
  color: #000
}

.button_dropdown::after {
  width: 0;
  height: 0;
  border: inset 0.4rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fff transparent transparent;
  position: relative;
  top: 0.4rem;
  display: inline-block;
  float: right;
  margin-left: 1rem
}

.button_hollow {
  background: none;
  border: .07143rem solid #90004d;
  color: #90004d
}

.button_hollow:active, .button_hollow:focus, .button_hollow:hover {
  background: #90004d;
  border-color: #90004d;
  color: #fff
}

.button_hollow.button_dropdown::after {
  border-color: #90004d transparent transparent
}

.button_hollow.button_dropdown:active::after, .button_hollow.button_dropdown:focus::after, .button_hollow.button_dropdown:hover::after {
  border-color: #fff transparent transparent
}

.button_warning {
  background: #eeb301;
  color: #fff
}

.button_secondary {
  background: #4f5154;
  color: #fff
}

.callout {
  margin-bottom: 1rem;
  padding: 1.5rem
}

.callout_st {
  width: 100%
}

.callout_alert {
  background-color: #f7e4e1
}

.callout_dd {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.callout_success {
  background-color: #d7f7f6
}

.callout_light-gray {
  background-color: #e6e6e6;
  background-size: cover;
  background-position: center
}

.callout__unit {
  color: #e6e6e6;
  display: inline-block;
  margin-right: .57143rem
}

.callout__tag {
  display: inline-block;
  color: #777;
  margin-right: .57143rem
}

.callout__link {
  display: inline-block;
  margin-right: .57143rem
}

.callout__rss {
  font-size: 1.71429rem;
  display: block;
  margin-bottom: 1.42857rem
}

.callout__donate {
  color: #c4c4c4
}

.callout__see {
  margin-left: .28571rem;
  color: #777
}

.callout__date {
  margin-bottom: 1.5rem;
  color: #219e9a
}

.callout__bill {
  margin-bottom: 1.5rem;
  width: 100%;
  height: 11rem;
  font-weight: 700;
  background: #777
}

.callout__report {
  margin-bottom: 1.42857rem;
  width: 100%;
  height: 10rem;
  background: #777
}

.callout__label {
  margin-bottom: .71429rem
}

.callout__dark {
  color: #777
}

.callout__include {
  font-style: italic;
  font-size: .78571rem
}

.callout__quest {
  color: #777;
  margin-left: .28571rem
}

.callout__sum {
  font-size: 1.5rem
}

.callout__watch {
  display: inline-block;
  margin-right: .28571rem
}

.callout__info {
  margin-bottom: 1.42857rem
}

.callout__icon {
  max-height: 1.42857rem
}

.callout__strong {
  font-weight: 700
}

.callout__block {
  display: block
}

.close-button {
  outline: none
}

.input-group-button a {
  padding-top: .5rem
}

.label_success {
  color: #fff;
  background: #219e9a
}

.label_secondary {
  color: #fff;
  background: #4f5154
}

.label_warning {
  color: #000;
  background: #eeb301
}

.label_action {
  margin-right: .28571rem;
  color: #fff;
  background: #4f5154
}

.pagination {
  margin-bottom: 1.42857rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center
}

.pagination .pagination-next a::after, .pagination .pagination-next.disabled::after, .pagination .pagination-previous a::before, .pagination .pagination-previous.disabled::before {
  display: none
}

.pagination .pagination-next {
  transform: rotate(180deg)
}

.pagination a {
  font-size: 1rem;
  color: #000;
  width: 3.57143rem;
  height: 3.57143rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  background: none;
  align-items: center
}

.pagination .current {
  background: #faf9fb;
  width: 3.57143rem;
  height: 3.57143rem;
  display: flex;
  flex-flow: row wrap;
  color: #000;
  justify-content: center;
  align-items: center
}

@media print, screen and (max-width: 59.99875em) {
  .pagination {
    justify-content: center
  }
}
/*
.responsive-embed {
  margin-bottom: 1rem;
  padding-bottom: 56%
}
*/

.responsive-embed iframe {
  width: 100%;
  border: 0
}

.reveal {
  padding: 1.5rem;
  outline: none
}

.reveal__anon {
  color: #777
}

.slider-handle {
  border: .07143rem solid #90004d;
  width: 1.07143rem;
  height: 1.07143rem;
  border-radius: 50%;
  outline: none;
  background: #fff
}

.slider {
  background: #f5f2f3;
  height: .21429rem
}

.slider-fill {
  height: .21429rem;
  background: #90004d
}

input.slider-input {
  border: .07143rem solid #efe6e9;
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  padding-left: 1.14286rem;
  margin-bottom: .21429rem;
  padding-right: 1.14286rem;
  height: 2.85714rem;
  border-radius: 0 .21429rem .21429rem 0
}

input.slider-input_first {
  text-align: left;
  border-right: 0;
  border-radius: .21429rem 0 0 .21429rem
}

.sticky {
  padding-bottom: .07143rem
}

.sticky-container {
  margin-bottom: 1.5rem
}

.tabs {
  border: 0;
  background: none;
  max-width: 99.69231rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
  z-index: 100
}

.tabs-wrap {
  border-bottom: .07143rem solid #efe6e9;
  background: #faf9fb
}

.tabs-wrap_content {
  border-bottom: 0;
  margin-bottom: 6.42857rem
}

.tabs-panel {
  padding: 0
}

.tabs-title.is-active > a {
  background: none;
  color: #90004d
}

.tabs-title.is-active > a::after {
  content: "";
  position: absolute;
  left: calc(50% - 0.3rem);
  bottom: -.28571rem;
  background: #90004d;
  z-index: 3;
  width: .57143rem;
  height: .57143rem;
  border-radius: 50%
}

.tabs-title > a {
  overflow: visible;
  padding: 2.28571rem 2.85714rem 2.28571rem;
  outline: none;
  color: #8a8592;
  font-size: 1rem;
  position: relative;
  font-weight: 700
}

.tabs-title > a:active, .tabs-title > a:focus, .tabs-title > a:hover {
  background: none;
  color: #90004d
}

.tabs-content {
  max-width: 99.69231rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1rem;
  padding: 4.28571rem 0;
  background: none;
  position: relative;
  border: 0
}

.art {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  margin-left: 0
}

.art__item_active {
  padding: .71429rem 1rem;
  font-weight: 700
}

.art__link {
  display: block;
  text-decoration: none;
  padding: .71429rem 1rem
}

.canv {
  margin-left: .28571rem
}

.carousel-main {
  text-align: center;
  background: #fafafa;
  margin-bottom: 2.85714rem
}

@media all and (max-width: 1920px) {
  .carousel-main {
    margin-bottom: 2.85714rem
  }
}

@media all and (max-width: 1340px) {
  .carousel-main {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 1200px) {
  .carousel-main {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 960px) {
  .carousel-main {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 640px) {
  .carousel-main {
    margin-bottom: 1.14286rem
  }
}

.carousel-main__photo {
  align-self: center
}

.carousel-main__img {
  width: 100%;
  margin-bottom: 1rem
}

.carousel-main__item {
  background: center no-repeat;
  background-size: cover;
  display: none;
  padding: 2rem 3rem;
  position: relative
}

.carousel-main__item:first-child {
  display: block
}

.carousel-main__text {
  font-size: 1.07143rem;
  margin-bottom: 1.5rem
}

.carousel-main__content {
  min-height: 28.57143rem
}

.carousel-main__content_white {
  color: #fff
}

.carousel-main__darken::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3)
}

@media print, screen and (max-width: 59.99875em) {
  .carousel-main__content {
    min-height: 21.42857rem
  }
}

@media print, screen and (max-width: 39.99875em) {
  .carousel-main__img {
    display: none
  }

  .carousel-main__content {
    min-height: unset
  }

  .carousel-main__item {
    padding: 2rem 0
  }
}

.cat {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  list-style-type: none;
  padding: 0;
  position: relative;
  z-index: 100;
  font-weight: 700
}

.cat_top {
  margin-top: .35714rem
}

.cat__link {
  display: block;
  color: #4f5154;
  position: relative
}

[data-whatinput='mouse'] .cat__link {
  outline: 0
}

.cat__link:active, .cat__link:focus, .cat__link:hover {
  color: #4f5154
}

.cat__link::after {
  content: " ";
  display: block;
  border-bottom: .14286rem solid #eeb301;
  width: 0;
  position: absolute;
  left: 0;
  transition: width 0.3s ease
}

.cat__item {
  padding-right: 2.14286rem;
  position: relative
}

[data-whatinput='mouse'] .cat__item {
  outline: 0
}

.cat__item:last-child {
  padding-right: 0
}

.cat__item .cat {
  text-transform: none;
  font-weight: 400;
  display: none;
  position: absolute;
  margin: -.21429rem 0 0 -1rem;
  padding: 0.5rem 0;
  top: 100%;
  left: 0;
  width: 13rem;
  background: #fdfdfd;
  border-bottom: .14286rem solid #eeb301
}

.cat__item .cat .cat {
  left: 100%;
  top: 0
}

.cat__item .cat__item {
  padding: 0;
  width: 100%
}

.cat__item .cat__item .cat__link {
  display: block;
  padding: 0.5rem 1rem;
  color: #4f5154
}

.cat__item .cat__item .cat__link::after {
  display: none
}

.cat__item .cat__item .cat__link:hover {
  color: #4f5154;
  background: #eee
}

.cat__item:hover > .cat {
  display: block
}

.cat__item:hover > .cat__link::after {
  width: 100%
}

.cat__item .cat .cat__item:hover > .cat {
  display: block
}

@media print, screen and (max-width: 74.99875em) {
  .cat_top {
    margin-top: 0
  }

  .cat__item {
    padding-right: 1.07143rem;
    padding-top: .35714rem;
    padding-bottom: .35714rem
  }

  .cat__item .cat .cat__item:hover > .cat {
    display: none
  }
}

@media print, screen and (max-width: 59.99875em) {
  .cat {
    justify-content: center;
    margin-top: 1.5rem
  }

  .cat_top {
    margin-top: 0
  }

  .cat__item:hover > .cat {
    display: none
  }

  .cat__item:hover > .cat__link::after {
    width: 0
  }
}

@media print, screen and (max-width: 39.99875em) {
  .cat__item {
    width: 100%
  }
}

.chat-baloon {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: auto;
  z-index: 90;
  outline: none
}

.cities-main-window-list-link {
  width: 50%;
  float: left;
  text-align: left;
  font-size: 1rem;
  line-height: 160%;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-right: .71429rem
}

.cities-wrap {
  display: inline-block;
  margin-bottom: .35714rem
}

.cities-main-window-wrapperlist {
  -moz-column-count: 2;
  column-count: 2
}

.cities-main-window {
  width: 100%
}

.cities-main-window-inner-search input {
  font-size: 1.2rem;
  color: #000;
  width: 100%
}

.cities-main-window-inner {
  position: relative
}

.cities-main-window-inner-title {
  margin-bottom: 1.5rem;
  font-size: 1.4rem;
  color: #000;
  font-weight: 400;
  display: inline-block
}

.cities-select {
  cursor: pointer;
  color: white;
  margin-right: 0.5rem
}

.cities-select_black {
  color: #000
}

.cities-general {
  position: relative;
  display: inline-block
}

.cities-container {
  display: none;
  z-index: 101;
  text-align: left;
  position: absolute;
  right: 0;
  border-radius: 0.2rem;
  box-shadow: 0 0 .71429rem #000;
  top: 3rem;
  width: 35.71429rem;
  padding: 2rem;
  background-color: #fff;
  box-sizing: border-box;
  cursor: auto;
  min-width: 19rem
}

.cities-container__show {
  display: flex
}

.cities-container-list {
  position: relative;
  box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.25)
}

.cities-container-list-link {
  float: left;
  width: 9rem;
  line-height: 2.4rem;
  font-size: 1rem;
  margin-right: 1rem
}

.cities-container-close {
  position: absolute;
  cursor: pointer;
  font-size: 2rem;
  opacity: 0.6;
  transition: all 0.5s;
  right: 0;
  top: 0
}

.cities-container-close * {
  display: block
}

.cities-container-close:hover {
  opacity: 1
}

.cities-container-region {
  display: none;
  z-index: 101;
  text-align: left;
  position: absolute;
  right: 0;
  border-radius: 0.2rem;
  width: 25rem;
  top: 3rem;
  padding: 2rem;
  background-color: #fff;
  box-sizing: border-box;
  cursor: auto
}

.cities-container-region-inner-city {
  display: block;
  font-size: 1.42857rem;
  margin-bottom: 1.25rem
}

.body-overlay {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline;
  z-index: 101;
  background: rgba(0, 0, 0, 0.65)
}

.cities-container-region .button-cities-group {
  margin: 0
}

.cities-main-window .cities-message {
  margin: 0
}

@media print, screen and (max-width: 59.99875em) {
  .cities-container {
    width: 22.14286rem;
    right: auto;
    left: 0
  }

  .cities-container-region {
    left: 0;
    right: auto
  }

  .cities-main-window-list-link {
    width: 100%
  }
}

@media print, screen and (max-width: 39.99875em) {
  .cities-container-region {
    width: 22.14286rem;
    padding-left: .71429rem;
    padding-right: .71429rem
  }

  .cities-general {
    position: static
  }
}

.contacts {
  padding-top: .92857rem;
  padding-bottom: .5rem;
  background: #90004d;
  font-size: .92857rem
}

.contacts__icon {
  margin-right: .28571rem;
  font-size: 1.21429rem;
  line-height: 0.75rem
}

.contacts__search {
  color: #fff;
  font-weight: 700
}

.contacts__search:active, .contacts__search:focus, .contacts__search:hover {
  color: #c4c4c4
}

.contacts__block {
  line-height: 1;
  font-size: 1.57143rem;
  margin-right: .57143rem
}

.contacts__link {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  margin-right: .71429rem
}

.contacts__link:active, .contacts__link:focus, .contacts__link:hover {
  color: #c4c4c4
}

.contacts__menu {
  color: #fff;
  cursor: pointer;
  display: none;
  margin-right: .71429rem
}

.contacts__cab {
  padding-bottom: .5rem
}

.contacts__info {
  padding-bottom: .5rem;
  text-align: right
}

@media print, screen and (max-width: 59.99875em) {
  .contacts {
    text-align: center
  }

  .contacts__info {
    text-align: center
  }
}

@media print, screen and (max-width: 39.99875em) {
  .contacts {
    padding-bottom: .92857rem
  }

  .contacts__block_spec {
    display: inline-block;
    width: calc(100% - 30px)
  }

  .contacts__icon {
    display: none
  }

  .contacts__menu {
    display: inline-block
  }

  .contacts__info {
    text-align: left
  }
}

.dd {
  position: relative;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear
}

.dd_show {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s
}

.dd__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #000;
  background: #fafafa;
  padding: 1.5rem
}

details summary {
  color: #90004d;
  cursor: pointer
}

details summary:active, details summary:focus, details summary:hover {
  color: #650036
}

.fa-layers {
  vertical-align: middle
}

.footer {
  background: #4f5154;
  padding-top: 2.14286rem;
  padding-bottom: 1.35714rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: .85714rem;
  font-weight: 300;
  margin-top: auto
}

.footer__poly {
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-left: 2.14286rem
}

.footer__poly:active, .footer__poly:focus, .footer__poly:hover {
  text-decoration: underline;
  color: #fff
}

.footer__soc {
  display: inline-block;
  position: relative;
  top: .14286rem
}

.footer__soc svg {
  width: .64286rem;
  height: 1.14286rem
}

.footer__soc:active path, .footer__soc:focus path, .footer__soc:hover path {
  fill-opacity: 1
}

.footer__link {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: .42857rem
}

.footer__link:active, .footer__link:focus, .footer__link:hover {
  color: #fff;
  text-decoration: underline
}

.footer__form {
  width: 100%;
  margin-top: 2.64286rem;
  margin-bottom: 1.21429rem;
  padding-bottom: .07143rem;
  position: relative
}

.footer__letter {
  position: absolute;
  left: .64286rem;
  top: .64286rem
}

.footer__letter svg {
  width: 1.85714rem;
  height: 1.14286rem
}

.footer__submit {
  position: absolute;
  right: .78571rem;
  top: .85714rem
}

.footer__submit svg {
  width: 1.07143rem;
  height: .85714rem
}

.footer__row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between
}

.footer__corp {
  margin-right: 1.07143rem
}

.footer .footer__input {
  padding-left: 3.57143rem;
  padding-right: 2.85714rem;
  font-size: .85714rem;
  font-style: italic;
  height: 2.5rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: .14286rem;
  color: rgba(255, 255, 255, 0.5);
  border: 0
}

.footer .footer__input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.footer .footer__input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.footer .footer__input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.footer .footer__input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.footer .footer__input:active, .footer .footer__input:focus, .footer .footer__input:hover {
  border: 0
}

.footer__mail {
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  margin-right: 1rem;
  margin-bottom: .78571rem;
}

.footer__mail:active, .footer__mail:focus, .footer__mail:hover {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.5)
}

.footer__tel {
  color: #fff;
  font-size: 1.71429rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: .78571rem;
  display: block;
  width: 100%
}

.footer__tel:active, .footer__tel:focus, .footer__tel:hover {
  text-decoration: underline;
  color: #fff
}
.footer__tel2 {
  display: inline-block;
  /*font-weight: bold;*/
  font-size: 16px;
  line-height: 1.2;
  color: #FFFFFF;
  margin-bottom: .78571rem;
}
.footer__head {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: .71429rem
}

.footer__head:active, .footer__head:focus, .footer__head:hover {
  text-decoration: underline;
  color: #fff
}

.footer__wrap {
  display: inline-block;
  margin-bottom: 1.42857rem
}

.footer__wrap svg {
  width: 9.28571rem;
  height: 2.85714rem
}

@media print, screen and (max-width: 59.99875em) {
  .footer__poly {
    margin-left: 0;
    margin-right: 1.42857rem
  }
}

@media print, screen and (max-width: 39.99875em) {
  .footer {
    text-align: center
  }

  .footer__poly .footer__corp {
    margin-left: .71429rem;
    margin-right: .71429rem
  }

  .footer__row {
    justify-content: center
  }
}
.header-sticky {
  background: #fff;
  position: fixed;
  top: 0;
  z-index: 1000;
  display:none;
}
.header {
  position: relative;
  background: #fff;
  padding: 43px 0 36px 0;
  transition: all 0.3s ease;
}
.header__row {
  justify-content: space-between;
}
.header__logo {
  width: 220px;
  align-self: center;
}
.header__logo img {
  width: 100%;
  max-width: 220px;
}
@media (max-width: 1100px) {
  .header__logo {
    width: 126px;
  }
}
@media (max-width: 767px) {
  .header__logo {
    width: 95px;
  }
}
@media (max-width: 991px) {
  .header {
    background: #fff;
    padding: 20px 74px 20px 0;
  }
}
@media (max-width: 767px) {
  .header {
    background: #fff;
    padding: 15px 90px 15px 0;
  }
}
.header-sticky.fix {
  box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
  transition: all 0.3s ease;
  display:block;
}
.header-sticky.fix .header {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .header__nav {
    max-height: 1000px;
    transition: all 0.3s ease;
  }
  .header-sticky.fix .header__nav {
    max-height: 0;
    padding: 0;
    transition: all 0.3s ease;
    overflow: hidden;
  }
}


.header-slogantext {
  padding: 9px 0 48px 0;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000000;
}
@media (max-width: 1100px) {
  .header-slogantext {
    padding: 10px 0 30px 0;
  }
}
.header-slogantext2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.18;
  color: #495056;
}
.header-slogantext2 i {
  width: 3px;
  height: 3px;
  line-height: 0;
  border-radius: 50%;
  background: #495056;
  margin: 0 5px;
}

.header__icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 37px 0;
}

.header-mail > a {
  font-size: 20px;
  line-height: 24px;
  color: #495056;
  text-decoration: none;
}
@media (max-width: 1100px) {
  .header__icons {
    margin: 0 0 17px 0;
  }
  .header-mail > a {
    font-size: 15px;
  }
}
.ico-link {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.ico-mail {
  width: 21px;
  height: 16px;
  background: url("/local/templates/hitsec_common/images/ico_mail.svg") no-repeat center center;
}
.ico-phone {
  width: 23px;
  height: 23px;
  background: url("/local/templates/hitsec_common/images/ico_phone.svg") no-repeat center center;
}
.ico-call {
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px;
  width: 17px;
  height: 17px;
  background: url("/local/templates/hitsec_common/images/ico_call.svg") no-repeat center center;
}
.ico-call-red {
  display: inline-block;
  vertical-align: middle;
  margin: 0 9px;
  width: 17px;
  height: 17px;
  background: url("/local/templates/hitsec_common/images/ico_call-red.svg") no-repeat center center;
}
.header-phone {
  margin: 0 0 11px 0;
}
@media (max-width: 1100px) {
  .header-phone {
    margin: 0 0 13px 0;
  }
}

.header-phone > a {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  text-decoration: none;
}
.header-calc > a {
  display: inline-flex;
  align-items: center;
}
.header-calc > a i {
  width: 23px;
  height: 24px;
  background: url("/local/templates/hitsec_common/images/ico-calc.svg") no-repeat center center;
  margin: 0 10px 0 0;
}
.header-calc > a span {
  color: rgba(112, 114, 117, 0.8);
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
  border-bottom: currentColor 1px dashed;
}

.header-call > a {
  width: 100%;
  margin: 0;
}
.header-phone_m > a {
  display: inline-block;
  width: 41px;
  height: 41px;
  background: url("/local/templates/hitsec_common/images/ico_phone2.svg") no-repeat center center;
}
.header-calc_m > a {
  display: block;
  width: 22px;
  height: 41px;
  background: url("/local/templates/hitsec_common/images/ico-calc.svg") no-repeat center center / 22px;
}


@media (max-width: 991px) {
  .header__slogan,
  .header__column3 {
    display: none;
  }
  .header__column4 {
    align-self: center;
  }
  .header__column4_normal {
    display: flex;
    align-items: center;
  }
  .header-phone {
    margin: 0 12px 0 0;
  }
  .header-phone > a {
    font-size: 14px;
  }
  .header-calc {
    margin: 0 12px 0 0;
  }
  .header-calc > a span {
    font-size: 12px;
  }
  .header-call {
    margin: 0 12px 0 0;
  }
  .header-call > a {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  /*.header__column4_normal {
    display: flex;
    align-items: center;
  }*/
  .header__column4_mobile {
    display: none;
  }
}
@media (max-width: 767px) {

  .header__column4_normal {
    display: none;
  }
  .header__column4_mobile {
    display: flex;
    gap: 30px;
  }
}
.header__quant {
  color: #777;
  font-size: 1rem;
  position: relative;
  top: -.14286rem;
  font-weight: 400;
  margin-left: .57143rem
}

.header__license {
  display: block;
  font-size: 1rem;
  color: #000;
  padding-top: .35714rem;
  padding-bottom: .35714rem
}

.header__fix {
  position: relative
}

.header__fix_drop::before {
  content: "";
  position: absolute;
  right: 0;
  top: 2.21429rem;
  width: .85714rem;
  height: .57143rem;
  z-index: 4;
  display: block;
  background: url(/local/templates/hitsec_common/css/../images/chevron-down.svg) no-repeat left top
}

.header__fix:hover .header__stand {
  display: block
}

.header__stand {
  text-align: left;
  display: none;
  padding: .71429rem;
  z-index: 101;
  box-shadow: 0 0.76923rem 2.30769rem rgba(139, 125, 132, 0.17);
  left: 0;
  background: #fff;
  top: 100%;
  position: absolute;
  width: 18.69231rem
}

.header .header__in {
  height: 3.21429rem;
  padding-left: .85714rem;
  margin-bottom: .71429rem;
  padding-right: .85714rem
}

.header__center {
  color: #000;
  text-align: center;
  display: block;
  font-size: .92857rem;
  font-weight: 600
}

.header__center:active, .header__center:focus, .header__center:hover {
  color: #90004d
}
.header__cont {
  position: relative;
  padding-right: .14286rem;
  padding-left: .35714rem;
  display: inline-block
}

.header__cont:hover .header__drop_usual {
  display: block
}

.header__cont:hover .header__user path {
  fill: #90004d
}

.header__cont.js-active .header__drop_other {
  display: block
}

.header__fav {
  padding-left: .71429rem
}

.header__grey {
  color: #777;
  padding-left: .42857rem
}

.header__elem {
  font-size: .92857rem;
  font-weight: 600;
  display: flex;
  flex-flow: row wrap;
  padding-left: 1.42857rem;
  padding-right: 1.42857rem;
  width: 100%;
  padding-top: .92857rem;
  padding-bottom: .92857rem;
  color: #000;
  border-bottom: .07143rem solid #f3f3f3
}

.header__elem svg {
  width: 1.42857rem;
  text-align: center
}

.header__elem:hover {
  color: #90004d
}

.header__elem:hover path {
  fill: #90004d
}

.header__elem_fourth {
  cursor: pointer
}

.header__elem_fourth:hover path {
  fill: none;
  stroke: #90004d
}

.header__drop {
  right: -2.14286rem;
  text-align: left;
  display: none;
  z-index: 200;
  box-shadow: 0 .71429rem 2.14286rem rgba(139, 125, 132, 0.17);
  background: #fff;
  top: 100%;
  position: absolute;
  width: 17.35714rem
}

.header__drop_other {
  padding: 1.42857rem
}

.header__zoom {
  cursor: pointer;
  position: relative;
}
.header__zoom .header__zoom_close {
  display: block;
}
.header__zoom .header__zoom_open {
  display: none;
}
.header__search.js-active .header__zoom_close {
  display: none;
}
.header__search.js-active .header__zoom_open {
  display: block;
}

.header__search {
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.header__search form {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.header__search.js-active {
  padding-top: 0
}

.header__search.js-active .header__input, .header__search.js-active .header__reset {
  display: block
}

.header__search.js-active .header__zoom {
  position: absolute;
  left: 0px;
  top: 0;
}

.header .header__input {
  margin-bottom: 0;
  border: 1px solid #94044A;
  width: 516px;
  height: 30px;
  line-height: 28px;
  outline: none;
  display: none;
  padding-left: 40px;
  padding-right: 40px;
  background: #fff;
  border-radius: 33px;
  color: #000
}

.header .header__input::-webkit-input-placeholder {
  color: #c4c4c4
}

.header .header__input::-moz-placeholder {
  color: #c4c4c4
}

.header .header__input:-moz-placeholder {
  color: #c4c4c4
}

.header .header__input:-ms-input-placeholder {
  color: #c4c4c4
}

.header__reset {
  display: none;
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 8px;
}

.header__reset svg {
  width: 1.14286rem;
  height: 1.14286rem
}

.header__lex {
  display: flex;
  justify-content: flex-end;
  flex-flow: row wrap
}

.header__lynx {
  display: flex;
  flex-flow: row wrap;
  padding: 1rem .21429rem .71429rem
}

.header__lynx path {
  fill: #90004d
}

.header__lynx svg {
  width: 1.57143rem;
  height: 1.28571rem
}

.header__tel {
  font-weight: 700;
  color: #000;
  padding-top: .71429rem;
  font-size: 1.28571rem
}


.header-nav-row {
  background: #495056;
}

.header__nav {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.header__nav .header__fix {
  flex: 1 1 auto;
}
.header__link {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  padding: 23px 15px;
  text-align: center;
}
.header__link_active {
  background: #666C72;
}
@media (max-width: 991px){
  .header__nav .header__fix {
    flex: 1 1 100%;
  }
  .header__link {
    padding: 10px 15px;
  }
}

@media (min-width: 768px){
  .header__link:hover,
  .header__link:active,
  .header__link:focus {
    color: #FFFFFF;
    background: #666C72;
  }
}


.header__wrap {
  display: inline-block;
  width: 100%;
  position: relative;
  top: -.71429rem;
  padding-top: .71429rem;
  padding-bottom: .71429rem
}

.header__wrap img {
  width: 11.57143rem;
  height: 3.57143rem
}

.header__span {
  transition: 0.3s;
  height: 6px;
  width: 100%;
  background: #495056;
  position: absolute;
  transform: rotate(0deg);
  top: 0;
}
.header__span:nth-child(2) {
  top: 15px;
}
.header__span:nth-child(3) {
  top: 30px;
}

@media (min-width: 992px){
  .header__menu_ico {
    display: none;
  }
}
@media (max-width: 991px){
  .header__menu_ico {
    display: block;
  }
  .menu-open {
    display: block;
  }
  #menu {
    display: none;
  }
  #menu.menu-open {
    display: block;
    /*position: fixed;
    top: 77px;
    z-index: 10;
    left: 0;
    right: 0;*/
  }
}
@media (max-width: 767px){
  .header__span {
    transition: 0.3s;
    height: 5px;
    width: 100%;
    background: #495056;
    position: absolute;
    transform: rotate(0deg);
    top: 0;
  }
  .header__span:nth-child(2) {
    top: 10px;
  }
  .header__span:nth-child(3) {
    top: 20px;
  }
}


.header__menu {
  position: absolute;
  width: 54px;
  height: 36px;
  display: inline-block;
  cursor: pointer;
  top: 50%;
  right: 5px;
  transform: translate(0,-50%);
}
@media (max-width: 767px){
  .header__menu {
    position: absolute;
    width: 48px;
    height: 25px;
  }
}
.header__menu.js-active .header__span {
  transform: rotate(45deg);
  top: 10px;
}
.header__menu.js-active .header__span:nth-child(2) {
  display: none
}
.header__menu.js-active .header__span:nth-child(3) {
  transform: rotate(-45deg)
}

.header__user {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #495056;
}

.header__user svg {
  width: .92857rem;
  height: 1rem
}

.header__user_autor {
  width: 24px;
  height: 24px;
  padding-top: 0;
  background: #f8f8f8;
  border-radius: 50%;
  color: #b5a7be;
  font-size: .92857rem;
  font-weight: 600;
  text-align: center
}


@media print, screen and (max-width: 74.99875em) {
  .header__tel {
    font-size: .92857rem
  }

  .header__lynx {
    padding-bottom: 0
  }

  .header__wrap img {
    width: 8.5rem;
    height: 2.64286rem
  }
}

@media print, screen and (max-width: 59.99875em) {

  .header__lex {
    justify-content: center
  }

  .header__wrap {
    padding-bottom: 0
  }

  .header__link::after {
    opacity: 0
  }

}

@media print, screen and (max-width: 39.99875em) {
  .header__link {
    padding-top: 1.07143rem
  }

  .header__fix::before {
    display: none
  }
}

.hr {
  margin-bottom: .71429rem
}

.hr_null {
  margin-bottom: 0
}

.image-frame {
  outline: 1px solid rgba(0, 0, 0, 0.15)
}

.info {
  margin-bottom: 3.71429rem
}

.info_reg {
  margin-bottom: 2.85714rem
}

.info_top {
  margin-top: .57143rem
}

@media print, screen and (max-width: 39.99875em) {
  .info {
    margin-bottom: 2.14286rem
  }
}

.news {
  margin-bottom: 1rem
}

.news__img {
  margin-bottom: 1rem
}

.news__title {
  display: block;
  font-size: 1.28571rem;
  margin-bottom: 0.5rem
}

.partners {
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 0;
  margin: 0 0 3.57143rem;
  list-style: none;
  position: relative;
  display: flex
}

.partners .partners {
  margin-left: 1.42857rem
}

.partners__num {
  margin-left: .35714rem;
  font-weight: 300
}

.partners__item {
  width: 100%
}

.partners__link {
  display: block;
  color: rgba(144, 0, 77, 0.7);
  font-size: 1rem;
  position: relative;
  margin-top: 1.57143rem;
  font-weight: 700;
  text-decoration: none;
  line-height: 1
}

.partners__link_active {
  color: #90004d
}

.partners__link_active::before {
  content: "";
  width: .35714rem;
  height: .35714rem;
  border-radius: 50%;
  position: absolute;
  left: -1.21429rem;
  top: .21429rem;
  background: #90004d
}

.partners__link:hover {
  color: #90004d
}

.partners__link:hover::before {
  content: "";
  width: .35714rem;
  height: .35714rem;
  border-radius: 50%;
  position: absolute;
  left: -1.21429rem;
  top: .21429rem;
  background: #90004d
}

.picture {
  margin-right: .28571rem
}

.project {
  margin-bottom: 2.28571rem
}

@media all and (max-width: 1920px) {
  .project {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 1340px) {
  .project {
    margin-bottom: 1.71429rem
  }
}

@media all and (max-width: 1200px) {
  .project {
    margin-bottom: 1.71429rem
  }
}

@media all and (max-width: 960px) {
  .project {
    margin-bottom: 1.71429rem
  }
}

@media all and (max-width: 640px) {
  .project {
    margin-bottom: .85714rem
  }
}

.project__img {
  margin-bottom: 1rem
}

.project__title {
  margin-bottom: 0.5rem;
  font-size: 1.28571rem
}

.project__views {
  color: #777;
  margin-left: .57143rem;
  margin-right: 1.14286rem
}

.project__icon {
  color: #777
}

.project__info {
  padding-bottom: 1.42857rem
}

.project__text {
  margin-bottom: 0.5rem
}

.project__cat {
  display: block;
  color: #777;
  margin-bottom: 0.5rem
}

.promo {
  background: #90004d;
  padding-top: 5rem;
  color: #fff;
  padding-bottom: 5rem;
  margin-bottom: 2.85714rem
}

@media all and (max-width: 1920px) {
  .promo {
    margin-bottom: 2.85714rem
  }
}

@media all and (max-width: 1340px) {
  .promo {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 1200px) {
  .promo {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 960px) {
  .promo {
    margin-bottom: 2.28571rem
  }
}

@media all and (max-width: 640px) {
  .promo {
    margin-bottom: 1.14286rem
  }
}

.promo__img {
  width: 100%
}

@media print, screen and (max-width: 39.99875em) {
  .promo {
    padding-top: 2.85714rem;
    padding-bottom: 1.42857rem
  }
}

.sect {
  margin-bottom: 1.42857rem;
  /*padding-left: 1.42857rem*/  /*в случае глюков разблокировать - непонятно*/
}

.sect_logo {
  display: flex;
  width: 100%;
  flex: 0 0 86px;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}

.sect_iframe {
  height: 19rem;
  width: 100%;
  border: 0
}

.sect_col {
  width: 50%
}

.sect_rect {
  margin-bottom: 0.5rem
}

.sect_primary {
  color: #90004d
}

.sect_big {
  font-size: 1.28571rem
}

.sect_type {
  margin-bottom: 0.5rem;
  font-weight: 700
}

.sect_date {
  font-weight: 700;
  color: #4f5154
}

.sect_time {
  margin-bottom: 0;
  color: #777
}

.sect_main {
  background: #fafafa
}

.sect_dib {
  display: inline-block;
  margin-right: .57143rem
}

.sect_dark {
  color: #777
}

.sect_link {
  margin-right: .57143rem
}

.sect_err {
  color: #c4c4c4;
  margin-right: .71429rem;
  font-size: 2.42857rem;
  display: inline-block;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1
}

.sect_text {
  font-size: 14px;
  line-height: 1.2;
  flex: 1 1 100%;
  /*height: 3rem*/
}
@media (max-width: 767px) {
  .ibggrey .sect_text {
    text-align: left;
  }
}
.sect__date {
  color: #c4c4c4
}

.sect__svg {
  height: 5rem;
  width: 100%
}

.sect__svg use {
  fill: #48626f
}

.share {
  margin-bottom: 1rem;
  font-size: 2rem
}

.share__text {
  font-size: 1rem;
  margin-right: .57143rem
}

.share__enter {
  font-size: 1rem;
  margin-right: .57143rem
}

@media print, screen and (max-width: 59.99875em) {
  .share__text {
    display: none
  }
}

.side__block {
  padding: 1.5rem;
  border-radius: .28571rem;
  background: #fafafa;
  margin-bottom: 1rem
}

.side__city {
  font-weight: 700;
  margin-left: .28571rem;
  margin-right: .28571rem
}

.side__place {
  font-size: 1.07143rem;
  margin-bottom: 1rem
}

.side__date {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #4f5154
}

.slick-slide {
  outline: none !important
}

.slick-slide:focus, .slick-slide a {
  outline: none
}

.slick-list {
  z-index: 0
}

.slick-slider .slick-list, .slick-slider .slick-track {
  transform: initial
}

.slick-prev {
  left: 1rem;
  transform: translate(0, -50%)
}

.slick-next {
  right: 1rem;
  transform: translate(0, -50%) rotate(180deg)
}

.slick-next, .slick-prev {
  z-index: 1;
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  background: none;
  padding: 0;
  border: none;
  outline: none
}

.slick-next svg, .slick-prev svg {
  width: .42857rem;
  height: .71429rem;
  display:none;
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  outline: none;
  color: rgba(255, 255, 255, 0.5)
}

.slick-next.slick-disabled, .slick-prev.slick-disabled {
  color: rgba(255, 255, 255, 0.2)
}

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

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: rgba(0, 0, 0, 0.05);
  display: block;
  height: .71429rem;
  width: .71429rem;
  outline: none;
  line-height: 0;
  font-size: 0;
  margin: 1rem;
  padding: 0;
  border-radius: 50%;
  cursor: pointer
}

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

.slick-dots li.slick-active button {
  background: rgba(0, 0, 0, 0.2)
}

.soc {
  color: rgba(144, 0, 77, 0.04)
}

.soc_fb {
  color: #3f619c
}

.soc_vk {
  color: #3e709c
}

.soc_twi {
  color: #2fa4cc
}

.soc_insta {
  color: #000
}

.soc_ok {
  color: #fc6719
}

.step {
  display: flex;
  margin-bottom: .71429rem
}

.step .step__label {
  line-height: 1.3;
  margin-right: 0;
  background: url(/local/templates/hitsec_common/css/../images/check.svg) no-repeat left 0;
  background-size: 1.28571rem 1.28571rem;
  margin-left: 0;
  padding-left: 2.28571rem;
  color: #514659;
  font-size: 1rem;
  font-weight: 400;
  min-height: 1.28571rem
}

.step__input {
  margin-top: .14286rem;
  margin-bottom: 0;
  display: none
}

.step__input:checked + .step__label {
  background: url(/local/templates/hitsec_common/css/../images/check-square.svg) no-repeat left 0;
  background-size: 1.28571rem 1.28571rem
}

.step__input:disabled + .step__label {
  opacity: 0.7;
  cursor: not-allowed
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

body > * {
  flex: 0 0 auto;
  width: 100%
}
#bx-admin-prefix, .bxhtmled-popup {
	width: auto !important; 
	max-width: 100%;
}

.to-top {
  bottom: 1.42857rem;
  display: flex;
  right: 1.5rem;
  position: fixed;
  outline: none;
  z-index: 99;
  width: 3.92857rem
}

.to-top-link {
  background: #eee;
  bottom: 1.5rem;
  border-radius: 50%;
  flex: 0 1 auto;
  opacity: 0.9;
  padding: 0.75rem 1rem;
  outline: none
}

.to-top-link:hover {
  opacity: 1
}

.way {
  font-size: .78571rem;
  margin-bottom: 1rem
}

.way__pole {
  margin-left: .28571rem;
  margin-right: .28571rem
}

.brand {
  background: #e6e6e6;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.capt__img {
  background: #eee;
  width: 100%;
  height: 3.57143rem
}

.checkbox-group {
  font-size: 0;
  margin-bottom: .5rem
}

.checkbox-group .checkbox-group__label {
  font-size: 14px;
  padding: 0.83rem;
  margin: 0;
  min-width: 3rem;
  background: #fff;
  min-height: 2.78571rem;
  line-height: 1;
  display: inline-block;
  border: .07143rem solid #000;
  border-right-width: 0;
  text-align: center
}

.checkbox-group .checkbox-group__label:last-child {
  border-right-width: .07143rem
}

.checkbox-group .checkbox-group__item {
  display: none
}

.checkbox-group .checkbox-group__item:checked + .checkbox-group__label {
  box-shadow: inset 0 0 5px 2px rgba(1, 1, 1, 0.4)
}

.commodity__img {
  margin-bottom: 1.5rem
}

.commodity__title {
  font-size: 1.14286rem;
  margin-bottom: .71429rem;
  display: block
}

.commodity__old {
  text-decoration: line-through;
  color: #777
}

.commodity__cost {
  font-size: 1rem
}

.commodity__favor {
  color: #777;
  margin-right: .57143rem
}

.commodity__small {
  font-size: .78571rem;
  display: block;
  margin-bottom: .21429rem
}

.commodity__price {
  font-weight: 700;
  font-size: 1.5rem
}

.commodity__price_cost {
  font-size: 1rem
}

.commodity__no {
  font-style: italic;
  color: #777
}

.commodity__info {
  margin-bottom: 1.5rem
}

.commodity__cat {
  margin-bottom: .71429rem;
  display: block;
  color: #777;
  font-size: .92857rem;
  font-weight: 400
}

@media print, screen and (max-width: 59.99875em) {
  .commodity__small {
    margin-right: .57143rem;
    display: inline-block
  }

  .commodity__old {
    margin-bottom: .71429rem
  }
}

@media print, screen and (max-width: 39.99875em) {
  .commodity__cat {
    display: none
  }
}

.comp__tr {
  vertical-align: top
}

.comp__small {
  font-size: 1rem
}

.comp__clear {
  color: #777;
  white-space: nowrap
}

.duct {
  padding-bottom: 1.28571rem;
  border-bottom: .07143rem solid #efe6e9;
  padding-top: 2.5rem;
  background: #fff
}

.duct__img {
  border: .07143rem solid #efe6e9;
  border-radius: .21429rem;
  margin-bottom: 1.42857rem;
  background: #fff;
  display: block;
  text-align: center;
  padding: 1.42857rem
}

.duct__price {
  color: #000;
  font-size: 1.42857rem;
  font-weight: 800;
  display: block
}

.duct__no {
  color: #c4c4c4;
  display: block;
  margin-bottom: .71429rem;
  padding-top: .71429rem;
  font-size: 1rem
}

.duct__old {
  margin-bottom: .71429rem;
  color: #8a8592;
  text-decoration: line-through;
  font-size: 1rem;
  display: block
}

.duct__favor {
  display: block;
  outline: none;
  margin-bottom: .71429rem
}

.duct__favor svg {
  width: 1.71429rem;
  height: 1.42857rem
}

.duct__favor path {
  fill: #c4c4c4
}

.duct__favor:hover path {
  fill: #90004d
}

.duct__open {
  display: block;
  margin-bottom: .71429rem;
  outline: none
}

.duct__open svg {
  width: 1.42857rem;
  height: 1.42857rem
}

.duct__open path {
  fill: #c4c4c4
}

.duct__open:hover path {
  fill: #90004d
}

.duct__title {
  font-size: 1rem;
  margin-bottom: .64286rem;
  font-weight: 400;
  color: #000;
  display: block
}

.duct__cat {
  color: #8a8592;
  font-size: .85714rem;
  display: block;
  margin-bottom: 1rem
}

@media print, screen and (max-width: 39.99875em) {
  .duct {
    padding-bottom: .71429rem
  }

  .duct__no {
    padding-top: 0
  }
}

.growth__img {
  margin-bottom: 1.5rem
}

.growth__title {
  font-size: 1.14286rem;
  margin-bottom: .71429rem;
  display: block
}

.growth__old {
  text-decoration: line-through;
  color: #777
}

.growth__cost {
  font-size: 1rem
}

.growth__favor {
  color: #777;
  margin-right: .57143rem
}

.growth__small {
  font-size: .78571rem;
  display: block;
  margin-bottom: .21429rem
}

.growth__price {
  font-weight: 700;
  font-size: 1.5rem
}

.growth__price_cost {
  font-size: 1rem
}

.growth__no {
  font-style: italic;
  color: #777
}

.growth__info {
  margin-bottom: 1.5rem
}

.growth__cat {
  margin-bottom: .71429rem;
  display: block;
  color: #777;
  font-size: .92857rem;
  font-weight: 400
}

@media print, screen and (max-width: 59.99875em) {
  .growth__small {
    margin-right: .57143rem;
    display: inline-block
  }

  .growth__old {
    margin-bottom: .71429rem
  }
}

@media print, screen and (max-width: 39.99875em) {
  .growth__cat {
    display: none
  }
}

.mark {
  color: #eeb301;
  font-size: 1.28571rem;
  line-height: 0.75;
  margin-bottom: 1.5rem;
  vertical-align: -.07143rem
}

.menu-main {
  background: #e6e6e6;
  padding-top: .85714rem;
  padding-bottom: .85714rem
}

.menu-top {
  padding: 0;
  list-style-type: none;
  margin: 0;
  width: 100%;
  text-align: left;
  display: flex;
  flex-flow: row wrap
}

.menu-top__hamburger {
  margin: 1.14286rem 0 1.14286rem
}

.menu-top__item {
  display: block;
  padding: 0 1rem;
  border: solid #e6e6e6;
  border-width: 0 0 0 .07143rem
}

[data-whatinput='mouse'] .menu-top__item {
  outline: 0
}

.menu-top__item:first-child {
  border: 0;
  padding-left: 0
}

.menu-top__item:last-child {
  padding-right: 0
}

.menu-top__link {
  display: block;
  padding: 0
}

[data-whatinput='mouse'] .menu-top__link {
  outline: 0
}

.menu-top__link_red {
  color: #90004d
}

@media print, screen and (max-width: 59.99875em) {
  .menu-top {
    justify-content: center
  }
}

@media print, screen and (max-width: 39.99875em) {
  .menu-top {
    justify-content: flex-start
  }

  .menu-top__item {
    width: 100%;
    padding: 0;
    border-width: .07143rem 0 0 0
  }

  .menu-top__link {
    padding: 0.5rem 0
  }
}

.offspring__img {
  margin-bottom: 1.5rem
}

.offspring__title {
  font-size: 1.14286rem;
  margin-bottom: .71429rem;
  display: block
}

.offspring__old {
  text-decoration: line-through;
  color: #777
}

.offspring__cost {
  font-size: 1rem
}

.offspring__favor {
  color: #777;
  margin-right: .57143rem
}

.offspring__small {
  font-size: .78571rem;
  display: block;
  margin-bottom: .21429rem
}

.offspring__price {
  font-weight: 700;
  font-size: 1.5rem
}

.offspring__price_cost {
  font-size: 1rem
}

.offspring__no {
  font-style: italic;
  color: #777
}

.offspring__info {
  margin-bottom: 1.5rem
}

.offspring__cat {
  margin-bottom: .71429rem;
  display: block;
  color: #777;
  font-size: .92857rem;
  font-weight: 400
}

@media print, screen and (max-width: 59.99875em) {
  .offspring__small {
    margin-right: .57143rem;
    display: inline-block
  }

  .offspring__old {
    margin-bottom: .71429rem
  }
}

@media print, screen and (max-width: 39.99875em) {
  .offspring__cat {
    display: none
  }
}

.prod {
  display: block;
  background: #faf9fb;
  margin-bottom: 1.42857rem;
  position: relative;
  width: 100%
}

.prod img {
  display: inline-block
}

.prod.js-hover {
  background: #fff;
  z-index: 3
}

.prod.js-hover .prod__footer {
  justify-content: space-between
}

.prod.js-hover .prod__main {
  box-shadow: 0 .14286rem 2.85714rem rgba(139, 125, 132, 0.12), 0 .14286rem 2.14286rem rgba(139, 125, 132, 0.05);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}

.prod.js-hover .prod__buy {
  display: inline-block
}

.prod.js-hover .prod__basket, .prod.js-hover .prod__old {
  display: none
}

.prod.js-hover .prod__title {
  font-weight: 700
}

.prod.js-hover .prod__garage {
  display: block
}

.prod.js-hover .prod__price {
  font-size: 1rem;
  margin-bottom: 1.85714rem
}

.prod.js-hover .prod__cat {
  margin-bottom: .71429rem;
  color: #3b337c
}

.prod__main {
  width: 100%;
  border-radius: .71429rem
}

.prod__basket {
  height: 2.5rem;
  display: inline-block
}

.prod__basket svg {
  width: 2.57143rem;
  height: 1.71429rem
}

.prod__table {
  display: flex;
  flex-flow: row wrap
}

.prod__flex {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap
}

.prod__buy {
  display: none;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  padding: .5rem 2.42857rem;
  background: #90004d
}

.prod__buy:active, .prod__buy:focus, .prod__buy:hover {
  color: #fff
}

.prod__price {
  margin-right: .71429rem;
  color: #000;
  margin-bottom: .42857rem;
  font-size: 1.28571rem;
  font-weight: 700
}

.prod__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end
}

.prod__garage {
  padding-top: .42857rem;
  display: none
}

.prod__fav {
  display: inline-block;
  margin-right: 1.07143rem
}

.prod__fav svg {
  width: 1.35714rem;
  height: 1.14286rem
}

.prod__fav.active path, .prod__fav:active path, .prod__fav:focus path, .prod__fav:hover path {
  fill: #90004d
}

.prod__dia {
  display: inline-block
}

.prod__dia svg {
  width: 1.14286rem;
  height: 1.14286rem
}

.prod__dia.active path, .prod__dia:active path, .prod__dia:focus path, .prod__dia:hover path {
  fill: #90004d
}

.prod__old {
  color: #777;
  padding-top: .28571rem;
  font-weight: 400;
  font-size: 1rem;
  text-decoration: line-through
}

.prod__info {
  padding: 1.57143rem 1.57143rem 1.42857rem
}

.prod__title {
  color: #000;
  margin-bottom: .42857rem;
  display: block;
  font-size: 1rem;
  font-weight: 400
}

.prod__cat {
  font-size: .85714rem;
  color: #777;
  display: block;
  margin-bottom: .35714rem
}

.prod__wrap {
  width: 100%;
  background: #fff;
  display: block;
  padding-top: .35714rem;
  height: 9.78571rem;
  text-align: center
}

.prod__wrap img {
  max-height: 9.28571rem
}

.prod__close {
  width: 1.42857rem;
  height: 1.42857rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  cursor: pointer
}

.prod__prodfix {
  display: flex;
  background: inherit;
  margin-bottom: initial
}

.quant {
  position: relative;
  display: flex;
  flex-flow: row wrap
}

.quant .quant__input {
  border: 0;
  text-align: center;
  background: #faf9fb;
  border-radius: .35714rem;
  width: 3.57143rem;
  height: 3.57143rem;
  color: #000;
  font-size: 1rem;
  font-weight: 400
}

.quant__minus, .quant__plus {
  width: 3.57143rem;
  height: 3.57143rem;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
  flex-flow: row wrap
}

.quant__minus:hover path, .quant__plus:hover path {
  fill: #90004d
}

.radio {
  display: flex;
  margin-bottom: 0.5rem;
  cursor: pointer
}

.radio .radio__label {
  line-height: 1.3;
  margin-right: 0;
  background: url(/local/templates/hitsec_common/css/../images/rad.svg) no-repeat left .14286rem;
  margin-left: 0;
  padding-left: 1.42857rem
}

.radio__input {
  margin-top: .14286rem;
  margin-bottom: 0;
  display: none
}

.radio__input:checked + .radio__label {
  background: url(/local/templates/hitsec_common/css/../images/rad-2.svg) no-repeat left .14286rem
}

.radio__input:disabled + .radio__label {
  opacity: 0.7;
  cursor: not-allowed
}

.rating {
  display: inline-block;
  vertical-align: middle;
  margin-right: .28571rem
}

.rating::before, .rating::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1
}

.rating::after {
  clear: both
}

.rating .rating__star {
  float: right;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  position: relative
}

.rating .rating__star:hover {
  cursor: pointer
}

.rating__solid {
  display: block;
  font-size: 1.35rem;
  color: #777;
  margin-right: 5px;
  position: relative
}

.rating__regular {
  font-size: 1.35rem;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  color: #eeb301
}

.rating__input {
  display: none
}

.rating__star:hover .rating__regular, .rating__star:hover ~ .rating__star .rating__regular, .rating:not(:hover) .rating__input:checked .rating__regular, .rating:not(:hover) .rating__input:checked ~ .rating__star .rating__regular {
  display: block
}

.reg {
  line-height: 1.9;
  font-size: .78571rem
}

.search {
  align-items: stretch;
  display: flex;
  width: 100%;
  margin: 0
}

.search .search__input {
  width: 100%;
  border: 0;
  padding: .35714rem;
  line-height: 1.57;
  height: 2.42857rem;
  margin: 0;
  flex: 1 1 0;
  min-width: 0;
  white-space: nowrap;
  border-radius: .28571rem 0 0 .28571rem
}

.search .search__input:focus, .search .search__input:hover {
  border: 0
}

.search .search__input_border {
  border: .07143rem solid #c4c4c4;
  border-right: 0
}

.search .search__input_border:focus, .search .search__input_border:hover {
  border: .07143rem solid #000;
  border-right: 0
}

.search__cont {
  white-space: nowrap;
  border-radius: .28571rem .28571rem 0 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  margin: 0;
  display: flex;
  flex: 0 0 auto
}

.search .search__button {
  border: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  height: 2.42857rem;
  width: 2.42857rem;
  color: #4f5154;
  align-self: stretch;
  border-radius: 0;
  font-size: 1.14286rem
}

@media print, screen and (max-width: 59.99875em) {
  .search {
    margin: 1.5rem 0 0
  }
}

@media print, screen and (max-width: 39.99875em) {
  .search {
    margin: 0
  }
}

.shipment {
  margin-bottom: 6.28571rem;
  position: relative;
  z-index: 100
}

.shipment__h1 {
  font-size: 1.71429rem;
  margin-bottom: 1.64286rem
}

.shipment__old {
  text-decoration: line-through;
  color: #8a8592;
  font-size: 1rem;
  padding-top: .35714rem
}

.shipment__heart {
  margin-left: 2.5rem;
  display: inline-block;
  margin-top: .92857rem
}

.shipment__heart svg {
  width: 1.71429rem;
  height: 1.42857rem
}

.shipment__heart path {
  fill: #C4C4C4
}

.shipment__heart:hover path, .shipment__heart.active path {
  fill: #90004d
}

.shipment__compare {
  margin-top: .92857rem;
  margin-left: 1.07143rem;
  margin-bottom: 3.57143rem;
  display: flex;
  flex-flow: row wrap;
  color: #8a8592;
  font-size: 1rem;
  font-weight: 400
}

.shipment__compare path {
  fill: #C4C4C4
}

.shipment__compare:hover path, .shipment__compare.active path {
  fill: #90004d
}

.shipment__svg {
  margin-right: 1.07143rem
}

.shipment__svg svg {
  width: 1.42857rem;
  height: 1.42857rem
}

.shipment__economy {
  margin-left: 2.14286rem;
  color: #8a8592;
  padding-top: .35714rem;
  font-size: 1rem
}

.shipment__price {
  margin-bottom: 3.14286rem;
  font-weight: 800;
  font-size: 1.42857rem;
  color: #000
}

.shipment__text {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.64286rem
}

.shipment__text ul:not([class]) li, .product-tab-title ul:not([class]) li
{
	margin-bottom:0px;
}

 .product-tab-title ul:not([class])
 {
	 font-size:inherit;
 }

.shipment__art {
  color: #8a8592;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: .85714rem
}

.shipment__official {
  font-size: .85714rem;
  color: #000;
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: .78571rem;
  display: block
}

.shipment__cert {
  width: 6rem;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 1.42857rem;
  border: .07143rem solid #90004d
}

.shipment__cert img {
  max-width: calc(100% - 0.2rem)
}

@media print, screen and (max-width: 39.99875em) {
  .shipment {
    margin-bottom: 1.42857rem
  }

  .shipment__economy, .shipment__heart {
    margin-left: 0
  }

  .shipment__compare {
    margin-left: 0;
    margin-bottom: 1.42857rem
  }

  .shipment__price {
    margin-bottom: 1.42857rem
  }
}

.tile {
  margin-bottom: .71429rem
}

.tile__title {
  margin-bottom: .71429rem;
  display: block
}

.tile__no {
  color: #777
}

.tile__price {
  margin-bottom: .71429rem;
  font-weight: 700
}

.tile__link {
  display: block;
  margin-bottom: 1.5rem
}

.tile__img {
  height: 5.71429rem
}

.tile__clear {
  color: #777;
  white-space: nowrap;
  display: block;
  margin-bottom: 1.5rem
}

.tile__old-price {
  text-decoration: line-through;
  color: #777;
  margin-bottom: .85714rem
}

.calendar {
  text-align: center
}

.calendar__holiday {
  color: #48626f
}

.calendar__strong {
  font-weight: 700
}

.carousel-news {
  padding: 0 0 1.5rem
}

.carousel-news-links {
  position: relative;
  margin: 0 0 1rem;
  padding: 1.5rem;
  border: .07143rem solid rgba(68, 68, 68, 0.25);
  border-radius: .28571rem;
  background-color: #fff
}

.carousel-news__item {
  min-height: 21.42857rem;
  background: #e6e6e6;
  color: #000;
  background-size: cover;
  background-position: center;
  display: none;
  padding: 2rem;
  position: relative
}

.carousel-news__item_medium-gray {
  background: #c4c4c4
}

.carousel-news__item:first-child {
  display: block
}

.carousel-news__link {
  color: #fff;
  font-size: 1.2rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.3)
}

.carousel-news__link:hover {
  color: #fff
}

.carousel-news-date {
  color: #c4c4c4;
  margin-right: .28571rem
}

.carousel-news-anchor {
  margin-bottom: 1.5rem;
  display: block
}

.magazine {
  margin-bottom: 1rem
}

.magazine__img {
  margin-bottom: 0.5rem;
  width: 100%;
  height: 20rem;
  background: #e6e6e6
}

.rubric {
  padding-top: .71429rem;
  padding-bottom: .71429rem;
  background: #fafafa
}

.rubric__tgl {
  color: #4f5154;
  font-size: 1.5rem;
  cursor: pointer
}

.rubric__menu {
  margin-left: .28571rem;
  font-weight: 700;
  display: inline-block
}

@media print, screen and (max-width: 39.99875em) {
  .rubric {
    padding-top: 0;
    padding-bottom: 0
  }
}

.user {
  margin-bottom: 1rem
}

.user__img {
  background: #bbb;
  width: 3.21429rem
}

.user__title {
  color: #48626f;
  font-weight: 700
}

.user__date {
  color: #777
}

a {
  transition: color 300ms ease-in-out;
  color: #90004d;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

a:active, a:focus, a:hover {
  color: #650036
}

::-webkit-search-cancel-button, ::-webkit-search-decoration, ::-webkit-search-results-button, ::-webkit-search-results-decoration {
  display: none
}

::-ms-clear {
  display: none
}

body {
  overflow-x: hidden
}

hr {
  margin: 0 auto 1.14286rem;
  border-bottom: .07143rem solid #f5f2f3
}

label {
  line-height: 1.5
}

table {
  margin-bottom: 1rem;
  border-collapse: collapse;
  width: 100%;
  border-radius: .28571rem
}

dl, ol, ul {
  line-height: 1.5;
  margin-bottom: 1rem
}

ul:not([class]) {
  list-style-type: none;
  color: #000;
  font-size: 1.14286rem;
  margin-left: 0
}

ul:not([class]) li {
  position: relative;
  padding-left: 1.92857rem;
  margin-bottom: 1.07143rem;
  line-height: 1.7
}

ul:not([class]) li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .64286rem;
  width: .35714rem;
  height: .35714rem;
  background: #90004d;
  border-radius: 50%;
  display: block
}

p {
  line-height: 1.57;
  margin-bottom: 1.21429rem;
  font-size: 1.14286rem
}

blockquote {
  border-left: .14286rem solid #90004d
}

blockquote, blockquote p {
  padding: 0 1rem
}

tfoot, thead {
  background: #f2f2f2;
  border: .07143rem solid #f2f2f2
}

tfoot td, tfoot th, thead td, thead th {
  font-weight: 700
}

tfoot tr, thead tr {
  background: transparent
}

tbody {
  background: #fff;
  border: .07143rem solid #f2f2f2
}

tbody td, tbody th {
  padding: .57143rem .71429rem
}

tbody tr:nth-child(even) {
  background: #f2f2f2;
  border-bottom: 0
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: .07143rem solid #cacaca;
  border-radius: 0.25rem;
  background-color: #fff;
  font-size: 1rem;
  font-weight: normal;
  color: #000;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  line-height: normal;
  height: 2.42857rem
}

[type="text"]:active, [type="text"]:focus, [type="text"]:hover, [type="password"]:active, [type="password"]:focus, [type="password"]:hover, [type="date"]:active, [type="date"]:focus, [type="date"]:hover, [type="datetime"]:active, [type="datetime"]:focus, [type="datetime"]:hover, [type="datetime-local"]:active, [type="datetime-local"]:focus, [type="datetime-local"]:hover, [type="month"]:active, [type="month"]:focus, [type="month"]:hover, [type="week"]:active, [type="week"]:focus, [type="week"]:hover, [type="email"]:active, [type="email"]:focus, [type="email"]:hover, [type="number"]:active, [type="number"]:focus, [type="number"]:hover, [type="search"]:active, [type="search"]:focus, [type="search"]:hover, [type="tel"]:active, [type="tel"]:focus, [type="tel"]:hover, [type="time"]:active, [type="time"]:focus, [type="time"]:hover, [type="url"]:active, [type="url"]:focus, [type="url"]:hover, [type="color"]:active, [type="color"]:focus, [type="color"]:hover, textarea:active, textarea:focus, textarea:hover {
  box-shadow: none
}

select {
  height: 2.42857rem;
  padding-top: 0;
  padding-bottom: 0
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: 700;
  color: inherit;
  text-rendering: optimizeLegibility
}

.h1, h1 {
  line-height: 1;
  font-size: 2.77143rem;
  margin-bottom: 2rem
}

.h2, h2 {
  line-height: 1;
  font-size: 2.18571rem;
  margin-bottom: 1.14286rem
}

.h3, h3 {
  line-height: 1.3;
  font-size: 1.84286rem
}

.h4, h4 {
  line-height: 1.3;
  margin-bottom: 1.28571rem;
  font-size: 1.61429rem
}

.h5, h5 {
  line-height: 1.3;
  font-size: 1.28571rem;
  margin-bottom: 1.42857rem
}

.h6, h6 {
  line-height: 1.3;
  font-size: 1.14286rem
}

@media print, screen and (max-width: 39.99875em) {
  .h1, h1 {
    font-size: 2.2rem
  }

  .h2, h2 {
    font-size: 1.7rem
  }

  .h3, h3 {
    font-size: 1.5rem
  }

  .h4, h4 {
    font-size: 1.3rem
  }

  .h5, h5 {
    font-size: 1.2rem
  }

  .h6, h6 {
    font-size: 1.1rem
  }
}

span.bx-filter-container-modef {
  display: flex;
  flex-flow: column nowrap;
  align-items: center
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-v {
  background: #90004d
}

.bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
  background: #90004d40
}

.bx-filter.bx-blue .bx-ui-slider-handle.right {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAACUSURBVDhPpdRJDkAwGIbhtrFwFFbcnMuw5wLsSMwfNVVV/3o3asiTDgnedMPke4K5JtK8Zm0/ylt6oogC9gdZ574hlRNyLL6IQifktnsuyGP7qYj2/CiIFkC2yCuAgCSZ+YiNACrjwIh8AmhD9MuxAlAZYzlPxBpAOoQEIBUhA+iK8Hb5H8jnSlxe8Rrj/bNz7AnOZsp/bTgoTvhKAAAAAElFTkSuQmCC) no-repeat left top
}

.bx-filter.bx-blue .bx-ui-slider-handle.left {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADImlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QzZFQUE3QTE2ODUxMUU1QjM5QzgzMzRBQTNCRDFENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QzZFQUE3QjE2ODUxMUU1QjM5QzgzMzRBQTNCRDFENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZDNkVBQTc4MTY4NTExRTVCMzlDODMzNEFBM0JEMUQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZDNkVBQTc5MTY4NTExRTVCMzlDODMzNEFBM0JEMUQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mmzVVwAAAJZJREFUOE+dlNEOQCAYRv88DVe8OS/DPS/ApYsUnySS8jtbW7WdY2lL6A36ySwVZcecDeSmG/8FjDxRXxb8gP1yX+b7mhVwcnHsMAIhGXwKvMkgGYjJIBpIyeA1ALlu4zIIBow80VDFZfAIONncc4pbgCuDM2DPzJHBHnBy+sw+GeeHhRByUVqq65MgtmHXmAP/ybD7mlYY4XMkBem3dQAAAABJRU5ErkJggg==) no-repeat right top
}
.header-catalog-nav {
  position: relative;
  z-index: 130;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.header-catalog-nav.open {
  max-height: 2000px;
  overflow: unset;
  transition: all 0.3s ease;
}
@media (max-width: 991px){
  .header-catalog-nav {
    display: none;
  }
}

.header-catalog-nav > .grid-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 0;
}
.control {
  position: relative;
  padding: 15px 0 0 0;
  margin: 0 0 1.42857rem;
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0.71429rem 2.14286rem rgba(139, 125, 132, 0.17);
  border-radius: .35714rem;

}

.control:hover ~ .control-dd {
  display: block
}

/*.control:hover ~ .control-overlay {
  display: block
}*/

.control__item {
  width: 100%
}

.control__item:hover > .control__link {
  color: #fff;
  background: #90004d;
  /*font-weight: 600*/;
}

/*.control__item:hover .control__drop {
  display: block
}*/

.control__manner {
  display: block
}

.control__manner:hover > .control__second {
  color: #90004d;
  font-weight: bold;
  text-decoration: underline
}

/*.control__manner:hover .control__table {
  display: block
}*/

.control__second, .control__third {
  display: block;
  padding: .42857rem 1rem .5rem;
  font-size: .92857rem;
  line-height: 1.21429rem;
  color: #514659
}

.control__second:hover, .control__third:hover {
  color: #90004d;
  font-weight: bold;
  text-decoration: underline
}

.control__table {
  display: none;
  position: absolute;
  height: 100%;
  left: 100%;
  width: 100%;
  top: 0;
  overflow: auto;
}

.control__drop {
  display: none;
  position: absolute;
  left: calc(25% - 16px);
  top: 0;
  right: 0;
  z-index: 101;
  min-height: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 21.42857rem
}
.control__drop > div {
  padding: 1.42857rem 1.42857rem 1.42857rem 4.28571rem;
}

.control__drop-heading {
  font-weight: bold;
  font-size: 1.42857rem;
  line-height: 2.42857rem;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 1.78571rem;
  margin-bottom: 0;
}

.control__drop-inner {
  position: relative
}

.control__link {
  display: block;
  width: 100%;
  margin-bottom: .21429rem;
  color: #514659;
  line-height: 1.21429rem;
  font-size: .92857rem;
  padding: .5rem 1rem;
  border-radius: .21429rem;
  position: relative;
  z-index: 101
}
.header-catalog-nav .control__link {
  width: 25%;
}

.control__link_active {
  color: #fff;
  background: #90004d;
  font-weight: 600
}

.control__link:active, .control__link:focus, .control__link:hover {
  color: #fff;
  background: #90004d;
 /* font-weight: 600*/;
}

@media print, screen and (max-width: 59.99875em) {
  .control .control__drop, .control .control__table {
    display: none !important
  }
}

.control-container {
  position: relative
}

.control-dd {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: #fff;
  box-shadow: 0 0.71429rem 2.14286rem rgba(139, 125, 132, 0.17);
  border-radius: .35714rem;
  padding: 1.85714rem 1.42857rem .85714rem;
  z-index: 100;
  display: none;
  transition: all 0.1s ease;
}

.control-dd:hover {
  display: block
}

/*.control-dd:hover ~ .control-overlay {
  display: block
}*/

@media print, screen and (max-width: 59.99875em) {
  .control-dd {
    display: none !important
  }
}

/*.control-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: none
}
*/
@media print, screen and (max-width: 59.99875em) {
  .control-overlay {
    display: none !important
  }
}

.cam {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  background: url(/local/templates/hitsec_common/css/../images/rect.svg) no-repeat left top;
  margin-bottom: 6.71429rem;
  background-size: 31.78571rem 25.85714rem;
  padding-left: .85714rem
}

.cam__main {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-left: 5.71429rem;
  padding-top: 2.14286rem;
  height: 28.57143rem;
  position: relative
}

.cam__title {
  margin-bottom: 2.07143rem;
  color: #000;
  line-height: 1.1;
  font-weight: 800;
  font-size: 2.57143rem
}

.cam__img {
  padding-left: 1.42857rem
}

.cam__img img {
  width: 22.78571rem;
  height: 10.28571rem
}

.cam__link {
  display: inline-block;
  position: absolute;
  right: 2.35714rem;
  bottom: 5.14286rem
}

.cam__link svg {
  width: 3.21429rem;
  height: 3.21429rem
}

@media print, screen and (max-width: 59.99875em) {
  .cam {
    width: 45rem;
    max-width: 100%
  }
}

@media print, screen and (max-width: 39.99875em) {
  .cam__main {
    padding-left: 2.14286rem;
    padding-top: 1.42857rem;
    height: 27.28571rem
  }

  .cam__img {
    padding-left: 0
  }

  .cam__img img {
    width: 17.14286rem;
    height: 7.71429rem
  }

  .cam__title {
    font-size: 1.85714rem
  }
}

.lex {
  box-sizing: border-box;
  margin-bottom: 49px;
}
@media (max-width: 991px){
  .lex {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px){
  .lex {
    margin-bottom: 30px;
  }
}
.lex__news {
  position: relative;
  width: 100%;
  display: block;
  line-height: 1.2;
  padding: 16px 20px;
  border: 1px solid #F7F7F6;
  margin-top: -1px;
}
@media (min-width: 768px){
  .lex__news:hover {
    border: 1px solid #94044A;
    transition: all 0.3s ease;
    z-index: 2;
  }
}
.lex__date {
  font-weight: 300;
  font-size: 14px;
  color: #495056;
  margin-bottom: 15px;
}
.lex__title {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  margin-bottom: 26px;
}
.lex__link {
  font-weight: normal;
  font-size: 14px;
  color: #495056;
  text-align: right;
}
@media (max-width: 639px){
  .articles > div:nth-child(n+2) {
    display: none;
  }
}
.article {
  display: block;
  margin-bottom: 67px;
}
.article__pic {
  position: relative;
  margin-bottom: 24px;
  border-radius: 2px;
  overflow: hidden;
}
.article__pic::before {
  content: '';
  display: block;
  padding-top: 75%;
}
.article__pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.article__cont {
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  color: #000000;
}
.article__text {
  margin-bottom: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  line-clamp: 7;
  box-orient: vertical;
}

.heading {
  position: relative;
  margin-bottom: 1.35714rem
}

.heading_top {
  padding-left: 1rem;
  margin-top: 1.42857rem;
  position: relative;
  z-index: 101;
  background: #90004d;
  border-radius: .14286rem
}

.heading_top .heading__link {
  font-weight: 600;
  font-size: 1rem;
  line-height: 2.5rem;
  color: #FFFFFF
}

.heading__link {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #000
}

.dist {
  display: flex;
  flex-flow: row wrap;
  color: #000;
  margin-bottom: 1.85714rem;
  transition: 0.3s
}

.dist__title {
  position: relative;
  z-index: 3;
  line-height: 1;
  margin-top: 1.35714rem;
  color: #000;
  font-size: 20px;
  width: 100%;
  transition: left 1s, color 0.3s
}
@media (min-width: 768px){
  .dist__main:hover .dist__title {
    color: #000;
    font-weight: bold;
  }
}

.dist__title.js-visible {
  left: 0;
  opacity: 1
}

.dist__main {
  border: .14286rem solid #f5f2f3;
  width: 100%;
  padding-left: 1.64286rem;
  padding-right: 1.64286rem;
  position: relative;
  transition: 0.5s;
  padding-top: .71429rem;
  height: 15.07143rem;
  border-radius: .71429rem
}

.dist__main.js-visible {
  opacity: 1;
  left: 0;
  transition-delay: 0.9s
}

.dist__replace {
  position: absolute;
  left: 1.64286rem;
  top: 4.07143rem;
  transition: 0.3s;
  opacity: 0;
  transform: scale(1)
}

.dist__replace_fourth {
  top: 6.21429rem
}

.dist__icon {
  position: absolute;
  left: 1.64286rem;
  top: 6.07143rem;
  transition: 0.3s;
  opacity: 1
}

@media (min-width: 768px){
  .dist:hover {
    color: #90004d
  }
  .dist:hover .dist__main {
    box-shadow: 0 .71429rem 2.14286rem rgba(139, 125, 132, 0.17)
  }

  .dist:hover .dist__icon {
    display: none
  }

  .dist:hover .dist__replace {
    opacity: 1;
    display: block
  }

  .dist:hover .dist__replace_fourth {
    transform: scale(1)
  }

  .dist:hover .dist__title {
    color: #90004d
  }
}
@media print, screen and (max-width: 39.99875em) {
  .dist__main {
    display: flex;
    align-items: center;
    height: 80px;
  }
  .dist__title {
    width: auto;
    margin: 0;
    order: 2;
    font-size: 18px;
    padding: 0 0 0 12px;
  }
  .dist__icon {
    position: relative;
    top: 0;
    left: 0;
    width: 63px;
    text-align: center;
    order: 1;
  }
  .dist__icon img {
    max-width: 63px;
  }
  .dist__replace {
    display: none;
  }
}

.js-show {
  position: relative
}

.fit {
  width: 18.14286rem;
  max-width: 100%
}

.voice {
  padding-left: 1.42857rem;
  padding-right: 1.42857rem;
  margin-bottom: 2.42857rem
}

.voice .slick-prev {
  left: 0
}

.voice .slick-next {
  right: 0
}

.voice .slick-arrow {
  top: 1rem
}

.voice__slide {
  margin-left: .07143rem;
  margin-right: .07143rem
}

@media print, screen and (max-width: 39.99875em) {
  .voice {
    margin-bottom: .71429rem
  }
}

.stock {
  display: inline-block;
  margin-top: .57143rem
}

.stock path {
  fill: #e5e5e5
}

.stock_active path {
  fill: #b5a7be
}

.stock:hover path {
  fill: #90004d
}

.amplifier {
  margin-left: -.78571rem;
  margin-right: -.78571rem
}

.amplifier__slide {
  padding-left: .78571rem;
  padding-right: .78571rem;
  padding-bottom: 2.14286rem
}

.amplifier .slick-arrow {
  top: -1.92857rem;
  left: auto;
  right: 3.42857rem
}

.amplifier .slick-arrow svg {
  width: 1.71429rem;
  height: 1.71429rem;
  display:none;
}

.amplifier .slick-arrow:hover path {
  fill: #90004d
}

.amplifier .slick-next {
  top: -2.28571rem;
  right: 0
}

.view {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.42857rem;
  width: 103.57143rem;
  max-width: 100%;
  overflow: hidden
}

.view > .grid-x {
  margin-left: -.57143rem;
  margin-right: -.57143rem
}

.view__cell {
  position: relative
}

.view__block {
  padding-top: 3.35714rem;
  position: relative;
  height: 100%;
  background: #faf9fb;
  padding-left: 5.5rem;
  padding-bottom: 3.21429rem;
  padding-right: 4.07143rem
}

.view__info {
  position: relative;
  height: 100%;
  padding-top: 3.35714rem;
  background: #faf9fb;
  padding-bottom: 6.42857rem;
  padding-left: 2.85714rem;
  padding-right: 7.5rem
}

.view__news {
  margin-bottom: 2.85714rem
}

.view__title {
  color: #000;
  font-size: 1.28571rem;
  display: block;
  font-weight: 700;
  position: relative
}

.view__title::after {
  content: "";
  position: relative;
  width: 1rem;
  height: .78571rem;
  margin-left: .57143rem;
  display: inline-block;
  background: url(/local/templates/hitsec_common/css/../images/arr2.svg) no-repeat center;
  background-size: 1rem .78571rem
}

.view__text {
  font-size: 1.14286rem;
  font-weight: 400;
  color: #000;
  line-height: 1.75;
  margin-bottom: 1.5rem
}

.view__stat {
  font-size: 1.71429rem;
  margin-bottom: 1.5rem;
  color: #000;
  display: block;
  font-weight: 800
}

.view__date {
  color: #000;
  font-size: 1.28571rem;
  font-weight: 400
}

@media print, screen and (max-width: 83.74875em) {
  .view__info {
    padding-right: .57143rem
  }

  .view__block {
    padding-left: .57143rem;
    padding-right: .57143rem
  }
}

@media print, screen and (max-width: 59.99875em) {
  .view__block, .view__info {
    padding-bottom: 1.42857rem;
    padding-left: .57143rem
  }
}

.dropdown-pane .partners a::before {
  display: none
}

.back {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  background: url(/local/templates/hitsec_common/css/../images/back.svg) no-repeat right top;
  background-size: 64.78571rem 40.14286rem;
  width: 64.78571rem;
  height: 40.14286rem
}

.back_new {
  background: url(/local/templates/hitsec_common/css/../images/back2.svg) no-repeat center;
  background-size: 54.5rem 17.28571rem;
  width: 54.5rem;
  height: 17.28571rem
}

.wing {
  margin-bottom: 3.21429rem;
  margin-top: .85714rem
}

.wing img {
  display: inline-block
}

.wing .slick-prev {
  left: 0
}

.wing .slick-next {
  right: 0
}

.wing .slick-arrow svg {
  width: 2.85714rem;
  height: 2.85714rem
}

.wing .slick-arrow:hover path {
  fill: #90004d
}

.wing .slick-slide {
  display: flex;
  flex-flow: row wrap;
  height: 21.42857rem;
  align-items: center;
  justify-content: center;
  position: relative
}

.wing__slide {
  padding-left: .57143rem;
  padding-right: .57143rem;
  text-align: center
}

.wing__slide img {
  max-height: 21.42857rem
}

.fort {
  padding-left: 2.78571rem;
  padding-right: 2.78571rem;
  margin-bottom: 1.42857rem
}

.fort__slide {
  padding-left: .28571rem;
  padding-right: .28571rem;
  cursor: pointer
}

.fort .slick-prev {
  left: 0
}

.fort .slick-next {
  right: 0
}

.fort .slick-arrow svg {
  width: .42857rem;
  height: .85714rem
}

.fort .slick-arrow:hover path {
  stroke: #90004d
}

.fort .slick-current .fort__block {
  border-color: #90004d
}

.fort__block {
  border-radius: .21429rem;
  border: .07143rem solid #efe6e9;
  background: #fff;
  height: 5.28571rem;
  display: flex;
  flex-flow: row wrap;
  width: calc(100% - 0.0769rem);
  margin-left: .07143rem;
  align-items: center;
  padding-left: .57143rem;
  padding-right: .57143rem;
  justify-content: center
}

.fort__block img {
  display: inline-block;
  max-height: 4.71429rem
}

.type {
  display: block;
  padding-top: 1.64286rem;
  width: 100%;
  color: #000;
  font-size: 1rem
}

.type__icon {
  margin-top: .21429rem
}

.type__icon svg {
  width: 1.57143rem;
  height: 1.64286rem
}

.type__flex {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: .42857rem
}

.type__text {
  margin-bottom: 1.42857rem
}

.type__date {
  color: #8a8592;
  font-size: 1rem;
  font-weight: 400
}

.type__date::before {
  content: "";
  position: relative;
  top: -.21429rem;
  background: #8a8592;
  width: .28571rem;
  display: inline-block;
  height: .28571rem;
  border-radius: 50%;
  margin-right: .64286rem;
  margin-left: .64286rem
}

.type__title {
  font-size: 1rem;
  font-weight: 700;
  color: #8a8592
}

.res__name {
  margin-bottom: .71429rem
}

.service {
  margin-bottom: 3.21429rem
}

.service__title {
  font-style: normal;
  font-weight: bold;
  font-size: 1.71429rem;
  line-height: 2.14286rem;
  color: #000
}

.service__description {
  font-style: normal;
  font-weight: normal;
  font-size: 1.28571rem;
  line-height: 1.85714rem;
  color: #000
}

.service__image {
  position: relative;
  margin-right: 3.57143rem
}

.service__image_right {
  margin-right: 0;
  margin-left: 3.57143rem
}

.service__image_right::before {
  right: 0;
  left: auto !important
}

.service__image_right .service__image-picture {
  padding-right: 1.42857rem;
  padding-left: 0
}

.service__image::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 0;
  left: 0;
  background: #f5f5f5;
  z-index: 0
}

.service__image-picture {
  padding-top: 1.42857rem;
  padding-left: 1.42857rem;
  position: relative;
  z-index: 1
}

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: #90004d;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: none;
  position: relative;
  padding: 0.75rem 2rem 0.75rem 0.75rem;
  overflow-wrap: break-word;
  word-break: break-word;
  color: #fff
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem
}

.toast_show {
  display: block
}

.toast__close {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.6;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  margin: 0;
  font-family: inherit;
  border-radius: 0
}

.secure {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: .71429rem;
  background: #90004d;
  border-radius: .14286rem;
  padding: .5rem .92857rem;
  margin-top: 1.42857rem;
  position: relative;
  z-index: 101
}

.secure__svg {
  position: relative;
  top: .14286rem;
  margin-right: .92857rem
}

.secure__svg svg {
  width: 1.5rem;
  height: 1.07143rem
}

.secure__text {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff
}

.notification-box {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #90004d;
  color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
  z-index: 100
}

.notification-box__image {
  display: block;
  width: 3.57143rem;
  height: 3.57143rem;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: .21429rem
}

.notification-box__title {
  font-weight: 600;
  font-size: 1rem
}

.notification-box__button {
  margin: 0;
  border: 1px solid #b0aab6;
  background: rgba(255, 255, 255, 0.15);
  font-weight: bold;
  font-size: .85714rem;
  text-transform: uppercase
}

.notification-box__close {
  color: #fff
}

.menu a {
  color: #000
}

.doc {
  display: inline-flex;
  flex-direction: column
}

.doc__title {
  text-decoration: underline
}

.doc__info {
  color: #777
}

.tooltip {
  background: none
}

.tooltip::before {
  display: none
}

.cat-bg__heading {
  width: 65%;
  font-size: 2rem
}

.cat-bg__head {
  display: flex;
  align-items: flex-start;
  position: relative
}

.cat-bg__img {
  margin-left: 1.07143rem;
  width: 20%;
  position: absolute;
  right: 10%;
  height: auto
}

.cat-bg__img_4 {
  width: 10%
}

.cat-bg__img_5 {
  width: 8%
}

.cat-bg__img_6, .cat-bg__img_7 {
  width: 12%
}

.cat-bg__img_10 {
  margin-left: 3.57143rem
}

@media print, screen and (max-width: 59.99875em) {
  .cat-bg__heading {
    font-size: 1.68571rem
  }

  .cat-bg__img {
    margin-left: 2.85714rem
  }

  .cat-bg__img_10 {
    margin-top: 2.14286rem
  }
}

@media print, screen and (max-width: 39.99875em) {
  .cat-bg__heading {
    font-size: 1.28571rem
  }
}

.distribute {
  margin-bottom: 8.57143rem
}

.distribute__content {
  background: #f5f5f5;
  margin-left: 2.71429rem;
  padding: 3.21429rem
}

.distribute__item {
  display: flex;
  width: 100%;
  padding: 2.14286rem 0
}

.distribute__item span {
  width: 60%;
  font-style: normal;
  line-height: 1.37;
  color: #90004d
}

.distribute__item_left {
  align-items: center;
  justify-content: flex-start
}

.distribute__item_left span {
  margin-left: 1.64286rem;
  text-align: left
}

.distribute__item_right {
  align-items: center;
  justify-content: flex-end
}

.distribute__item_right span {
  margin-right: 1.64286rem;
  text-align: right
}

.distribute__item:hover {
  opacity: 0.7
}

@media print, screen and (max-width: 59.99875em) {
  .distribute__content {
    margin-left: 0
  }

  .distribute__item span {
    font-size: .85714rem;
    line-height: 1.2
  }
}

@media print, screen and (max-width: 39.99875em) {
  .brands-links__item {
    height: 9.28571rem
  }
}

@media print, screen and (min-width: 40em) {
  .brands-links__item {
    height: 12vw
  }
}

@media print, screen and (min-width: 60em) {
  .brands-links__item {
    height: 10vw
  }
}

@media screen and (min-width: 75em) {
  .brands-links__item {
    height: 8.57143rem
  }
}

.brands-links__link {
  width: 100%;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center
}

.brands-links__link img {
  max-height: 100%
}

.brands-links .callout {
  padding: 0
}

.solution-case__image {
  height: 10rem;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center
}

@media print, screen and (max-width: 74.99875em) {
  .solution-case__image {
    height: 12vw
  }
}

@media print, screen and (max-width: 59.99875em) {
  .solution-case__image {
    height: 13vw
  }
}

@media print, screen and (max-width: 39.99875em) {
  .solution-case__image {
    height: auto
  }
}

.solution-case__image img {
  display: inline-block;
  width: 100%;
  min-height: 100%
}

@media screen and (max-width: 639px) {
  .button_micro {
    width: 100%;
  }
}

.promo-slider {
  margin-bottom: -10px;
}
/*@media screen and (max-width: 991px) {
  .promo-slider {
    margin-bottom: 40px;
  }
}*/

.promo-slide_bg {
  background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center;
}
.promo-slide__content {
  position: relative;
  max-width: 50%;
  height: 480px;
  padding: 1px 0;
  display: flex;
  align-items: center;
}
.promo-slide__content > div {
  width: 100%;
}
.promo-slide__content > div > div:last-of-type {
  margin-bottom: 0;
}
.promo-slide__pic {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 50%;
}
.promo-slide__pic > div {
  position: relative;
  height: 480px;
}
@media screen and (max-width: 1400px) {
  .promo-slide__content {
    max-width: 50%;
    padding: 1px 0 1px 30px;
  }
}
@media screen and (max-width: 991px) {
  .promo-slide__content {
    max-width: 70%;
    padding: 1px 0 1px 40px;
    height: 420px;
  }
  .promo-slide__pic {
    position: absolute;
    top: 0;
    left: 60%;
    right: 0;
    bottom: 0;
    width: 40%;
  }
  .promo-slide__pic > div {
    position: relative;
    height: 420px;
  }
}
@media screen and (max-width: 767px) {
  .promo-slide__content {
    max-width: 100%;
    padding: 1px 25px 1px 25px;
    height: 370px;
    text-align: center;
  }
  .promo-slide__pic {
    display: none;
  }
}


.promo-slide__pic img {
  display: inline-block;
  width: inherit;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
}
.promo-slide__head {
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.2;
  color: #000000;
  margin: 0 0 27px 0;
}
.promo-slide__head_white {
  color: #fff;
}
.promo-slide__subhead {
  font-weight: bold;
  font-size: 48px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #94044A;
  margin: 27px 0 37px 0;
}
.promo-slide__text {
  font-size: 16px;
  line-height: 150%;
  color: #000000;
  margin: 37px 0 65px 0;
}
.promo-slide__text_white {
  color: #fff;
}
.promo-slide__btn {
  margin: 65px 0 0 0;
}
.promo-slide__btn .button {
  margin: 0;
}
@media screen and (max-width: 991px) {
  .promo-slide__head {
    font-size: 32px;
    margin: 0 0 27px 0;
  }
  .promo-slide__subhead {
    font-size: 32px;
    margin: 27px 0 28px 0;
  }
  .promo-slide__text {
    font-size: 16px;
    margin: 28px 0 48px 0;
  }
  .promo-slide__btn {
    margin: 48px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .promo-slide__head {
    font-size: 24px;
    margin: 0 0 27px 0;
  }
  .promo-slide__subhead {
    font-size: 28px;
    margin: 27px 0 21px 0;
  }
  .promo-slide__text {
    font-size: 14px;
    margin: 21px 0 33px 0;
  }
  .promo-slide__btn {
    margin: 33px 0 0 0;
  }

}
.projects {
  margin-bottom: 36px;
}
@media screen and (max-width: 991px) {
  .projects {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 767px) {
  .projects {
    margin-bottom: 11px;
  }
}
.project {
  position: relative;
}
.projects .project {
  margin-bottom: 24px;
}
.project__pic {
  position: relative;
  margin-bottom: 24px;
  border-radius: 2px;
  overflow: hidden;
}
.project__pic::before {
  content: '';
  display: block;
  padding-top: 86%;
}
.project__pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.project__link {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
  color: #000000;
  text-decoration: none;
}
.arr-link {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin: 0 0 0 12px;
  background: url("/local/templates/hitsec_common/images/arr_link.svg") no-repeat 0 0;
}
.project__link:hover {
  color: #94044A;
}
@media screen and (min-width: 768px) {
  .project__link:hover .arr-link,
  .lex__link:hover .arr-link,
  .article__link:hover .arr-link {
    background: url("/local/templates/hitsec_common/images/arr_link.svg") no-repeat 0 -12px;
    transform: translate(5px,0);
    transition: transform 0.3s ease;
  }
  .project:hover .project__link,
  .lex__news:hover .lex__link,
  .article:hover .article__link {
    color: #94044A;
  }
  .project:hover .project__link .arr-link,
  .lex__news:hover .lex__link .arr-link,
  .article:hover .article__link .arr-link  {
    background: url("/local/templates/hitsec_common/images/arr_link.svg") no-repeat 0 -12px;
    transform: translate(5px,0);
    transition: transform 0.3s ease;
  }
}
.bg-grey {
  background: #F7F7F6;
  padding: 1px 0;
}

.why__items {
}
.why__item {
  text-align: center;
  border-right: 1px solid #CECECE;
}
@media screen and (min-width: 768px) {
  .why__item:nth-child(-n+3) {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 991px) {
  .why__item {
    padding-bottom: 60px;
    border-right: 0px solid #CECECE;
  }
}
@media screen and (max-width: 767px) {
  .why__item {
    padding-bottom: 30px;
  }
}

.why__item3 {
  border-right: 0px solid #CECECE;
}
.why__pic {
  width: 117px;
  height: 97px;
  margin: 0 auto 30px auto;
}
.why__pic > span {
  display: block;
  width: inherit;
  height: inherit;
}
/*.why__pic img {
  max-height: 97px;
}*/
.why__text {
  max-width: 300px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #000000;
  padding: 0 15px;
}
@media screen and (max-width: 991px) {
  .why__pic {
    /*height: 87px;
    margin: 0 0 30px 0;*/
  }
  /*.why__pic img {
    max-height: 87px;
  }*/
}
@media screen and (max-width: 767px) {
  .why__pic {
    /*height: 68px;
    margin: 0 0 20px 0;*/
  }
  /*.why__pic img {
    max-height: 68px;
  }*/
  .why__text {
    font-size: 11px;
    padding: 0 5px;
  }
}
.why__pic_w1 {
  /* background: url("/local/templates/hitsec_common/i/w1_anim2.png") no-repeat 0 0; */
  background: url("/local/templates/hitsec_common/i/logo20years.svg") no-repeat 0 0;
}
/* .why__item:hover .why__pic_w1 {
  animation: why__pic_w1_anim 1.1s steps(5);
}
@keyframes why__pic_w1_anim {
  0% {
    background: url("/local/templates/hitsec_common/i/w1_anim2.png") no-repeat 0 0;
  }
  100% {
    background: url("/local/templates/hitsec_common/i/w1_anim2.png") no-repeat -585px 0;
  }
} */
.why__pic_w2 {
  background: url("/local/templates/hitsec_common/i/w2_anim.png") no-repeat 0 0;
}
.why__item:hover .why__pic_w2 {
  animation: why__pic_w2_anim 1.1s steps(5);
}
@keyframes why__pic_w2_anim {
  0% {
    background: url("/local/templates/hitsec_common/i/w2_anim.png") no-repeat 0 0;
  }
  100% {
    background: url("/local/templates/hitsec_common/i/w2_anim.png") no-repeat -585px 0;
  }
}

.why__pic_w3 {
  background: url("/local/templates/hitsec_common/i/w3_anim.png") no-repeat 0 0;
}
.why__item:hover .why__pic_w3 {
  animation: why__pic_w3_anim 1.1s infinite steps(4);
}
@keyframes why__pic_w3_anim {
  0% {
    background: url("/local/templates/hitsec_common/i/w3_anim.png") no-repeat 0 0;
  }
  100% {
    background: url("/local/templates/hitsec_common/i/w3_anim.png") no-repeat -468px 0;
  }
}

.why__pic_w4 {
  background: url("/local/templates/hitsec_common/i/w4_anim.png") no-repeat 0 0;
}
.why__item:hover .why__pic_w4 {
  animation: why__pic_w4_anim 1.5s infinite steps(4);
}
@keyframes why__pic_w4_anim {
  0% {
    background: url("/local/templates/hitsec_common/i/w4_anim.png") no-repeat 0 0;
  }
  100% {
    background: url("/local/templates/hitsec_common/i/w4_anim.png") no-repeat -468px 0;
  }
}

.why__pic_w5 {
  background: url("/local/templates/hitsec_common/i/w5_anim.png") no-repeat 0 0;
}
.why__item:hover .why__pic_w5 {
  animation: why__pic_w5_anim 1.4s infinite steps(4);
}
@keyframes why__pic_w5_anim {
  0% {
    background: url("/local/templates/hitsec_common/i/w5_anim.png") no-repeat 0 0;
  }
  100% {
    background: url("/local/templates/hitsec_common/i/w5_anim.png") no-repeat -468px 0;
  }
}
.why__pic_w6 {
  background: url("/local/templates/hitsec_common/i/w6_anim.png") no-repeat 0 0;
}
.why__item:hover .why__pic_w6 {
  animation: why__pic_w6_anim 1.7s infinite steps(3);
}
@keyframes why__pic_w6_anim {
  0% {
    background: url("/local/templates/hitsec_common/i/w6_anim.png") no-repeat 0 0;
  }
  100% {
    background: url("/local/templates/hitsec_common/i/w6_anim.png") no-repeat -351px 0;
  }
}


.patners-slider  {
  display: block;
  position: relative;
  margin-bottom: 60px;
  padding: 1px 0;
}
@media (max-width: 991px){
  .patners-slider {
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 767px){
  .patners-slider {
    margin-bottom: 24px;
  }
}

.patners-slider.slick-slider .slick-list {
  padding-right: .57143rem;
  padding-left: .57143rem;
  max-width: 92.57143rem;
  margin-left: auto;
  margin-right: auto
}
@media print, screen and (min-width: 40em) {
  .patners-slider.slick-slider .slick-list {
    padding-right: .57143rem;
    padding-left: .57143rem
  }
}
.patners-slide {
  text-align: center;
}
@media (max-width: 767px){
  .patners-slide {
    padding: 0 10px;
  }
}
.patners-slide img {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
}

.price-items {
  position: relative;
  margin-bottom: 30px;
}
.price-item {
  position: relative;
}
.price-item__head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: #ededed;
}
.price-item__head_text {
  flex: 1 1 0;
  padding: 8px;
  background: #ededed;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.price-item__head_pic {
  width: 80px;
  max-width: 230px;
  min-width: 230px;
  padding: 8px;
  background: #fff;
  text-align: center;
  display: flex;
  align-items: center;
}
.price-item__head_pic img {
  max-width: 100%;
  height: 40px;
  margin: 0 auto;
}
.price-item__tr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #dfdfdf;
}
.price-item__tr_text {
  flex: 1 1 0;
  padding: 8px;
}
.price-item__tr_link {
  min-width: 230px;
  max-width: 230px;
  padding: 8px;
  text-align: left;
}
.price-item__tr_link a {
  position: relative;
}
.price-item__tr_link a::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
  width: 16px;
  height: 20px;
  background: url("/local/templates/hitsec_common/i/file.svg") no-repeat 0 0 / contain;
}
@media (max-width: 767px){
  .price-item__head_pic {
    width: 80px;
    min-width: 80px;
    padding: 8px;
    background: #fff;
    text-align: center;
  }
  .price-item__tr_link {
    width: 100%;
    min-width: 180px;
    padding: 0 8px 8px 8px;
    text-align: left;
  }
}
/*# sourceMappingURL=style.css.map*/

.st {
    margin: 10px 0 10px 0;
    padding: 0;
    line-height: 16px;
}


.st li {
    margin: 0;
    padding: 4px 0 4px 16px;
    list-style-type: none;
    background: url(/upload/img/kraspip.gif) 0px 8px no-repeat;
}

.tab_news tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color: white;

}

.tab_news  {
 min-width: 600px;

}

.tab_news img {
  min-width: 75px;

}
@media (min-width: 992px){
  .header-nav-sub {
    display: none;
  }
}
@media (max-width: 991px){
  .header-nav-sub {
    display: block;
  }
}

.header__search__m > form{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 21px 0;
}
.header__input__m {
  width: 100%;
  max-width: 280px;
  height: 40px;
  line-height: 38px;
  background: #FFFFFF;
  border: 1px solid #495056;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 0 45px 0 15px;
  font-style: italic;
  font-weight: normal;
  font-size: 12px;
  color: #495056;
}
.header__btn__m {
  margin: 0 0 0 -35px;
  padding: 0;
  border: 0;
}
.header__lk__m {
  text-align: center;
  padding: 0 0 21px 0;
  border-bottom: 1px solid #7A8289;;
  transition: all 0.3s ease;
  margin: 0 0 11px 0;
}
.header__lk__m.open {
  text-align: center;
  padding: 0 0 0 0;
  border-bottom: 0px solid #7A8289;;
  transition: all 0.3s ease;
}
.header__lk__m__link {
  display: inline-block;
  max-width: 250px;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header__lk__m__link i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  background: url("/local/templates/hitsec_common/i/ico_lk_white.svg") no-repeat 0 0 / contain;
}
.header__lk__m .header__drop_usual__m {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
  background: #fff;
}
.header__lk__m.open .header__drop_usual__m {
  max-height: 300px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.cat-section {
  margin-bottom: 50px;
}
@media (max-width: 991px){
  .cat-section {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px){
  .cat-section {
    margin-bottom: 20px;
  }
}

.cat-section > div {
  padding-top: .57143rem;
  padding-bottom: .57143rem;
}
.cat-section > div > a {
  display: block;
  max-width: 450px;
  margin: 0 auto;
  font-weight: 600;
  font-size: 14px;
  color: #2B3747;
  text-decoration: none;
  text-align: center;
}

@media (min-width: 768px){
  .cat-section > div > a:hover {
    color: #650036;
    text-decoration: underline;
  }
}


.cat-section-pic {
  position: relative;
  max-height: 200px;
  background: #FFFFFF;
  border: 1.6px solid #F5F2F3;
  border-radius: 5px;
  margin-bottom: 8px;
}
.cat-section-pic::before {
  content: '';
  padding-top: 85%;
  display: block;
}
.cat-section-pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
}
.m-0 {
  margin: 0;
}

.b-menu-left {
  position: relative;
}
.menu-left__head {
  position: relative;
  background: #951D4F;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .menu-left__head {
    position: relative;
    background: #666C72;
    border-radius: 6px;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 8px 20px;
  }
  .menu-left__head::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    height: 10px;
    border-right: #fff 2px solid;
    border-bottom: #fff 2px solid;
    transform: rotate(45deg);
    margin-top: -8px;
  }
  .menu-left__head.open::before {
    transform: rotate(-135deg);
    margin-top: -3px;
  }
}

/* level 1 */
.menu-left {
  margin: 15px 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .menu-left {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
  }
  .menu-left.open {
    max-height: 1000px;
    overflow: unset;
    opacity: 1;
    transition: all 0.3s ease;
  }
}
.menu-left > li {
  margin: 0 0 20px 0;
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}
.menu-left > li > a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 14px 30px 14px 10px;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #202020;
  text-decoration: none;
}
@media (min-width: 768px) {
  .menu-left > li > a:hover {
    color: #951D4F;
  }
}
.menu-left > li.open > a {
  color: #951D4F;
  font-weight: bold;
}

.menu-left > li > a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-right: #202020 1px solid;
  border-bottom: #202020 1px solid;
  transform: rotate(45deg);
  margin-top: -8px;
}
.menu-left > li.open > a::after {
  border-right: #951D4F 1px solid;
  border-bottom: #951D4F 1px solid;
  transform: rotate(-135deg);
  margin-top: -3px;
}
.menu-left__ico {
  flex: 0 0 60px;
  text-align: center;
}

/* level 2 */
.menu-left > li > ul {
  margin: 0;
  padding: 0 20px 0 70px;
  list-style: none;
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.menu-left > li.open > ul {
  padding: 0 20px 5px 70px;
  max-height: 400px;
  transition: all 0.3s ease;
}

.menu-left > li > ul > li {
  margin: 0;
  padding: 8px 0;
}
.menu-left > li > ul > li > a {
  position: relative;
  font-weight: normal;
  font-size: 14px;
  color: #514659;
  text-decoration: none;
  padding-left: 34px;
}
@media (min-width: 768px) {
  .menu-left > li > ul > li > a:hover {
    color: #951D4F;
  }
}
.menu-left > li > ul > li > a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #514659;
}

.menu-left > li > ul > li > a.active {
  color: #951D4F;
}
.menu-left > li > ul > li > a.active::before {
  border: 1px solid #951D4F;
}
.menu-left > li > ul > li > a.active::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #951D4F;
  border: 1px solid #951D4F;
}

.project-items {
  padding-top: 6px;
}
.project-item {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .project-item {
    margin-bottom: 20px;
  }
}
.project-item a {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
}
.project-item__pic {
  position: relative;
  margin-bottom: 24px;
}
.project-item__pic::before {
  content: '';
  display: block;
  padding-top: 67%;
}
.project-item__pic img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
.arr-more {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 13px;
  background: url("/local/templates/hitsec_common/images/arr-more.svg") no-repeat 0 0;
  margin-left: 15px;
}

.project-item:hover a {
  color: #951D4F;
}
.project-item:hover a .arr-more{
  background-position: -15px 0;
}

.project-item__btn {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .project-item__btn a {
    display: block;
    width: 100%;
  }
}

.project-menu {
  padding-top: 20px;
  padding-bottom: 60px;
}
.project-menu .ibggrey.active {
  background: #951D4F;
}
.project-menu__mobile {
  display: none;
}

@media print, screen and (max-width: 39.9em) {
  .project-menu {
    padding-bottom: 20px;
  }
  .ibggrey .sect_logo {
    display: flex;
    width: 90px;
    flex: 0 0 90px;
    margin-bottom: 0px;
  }
  .ibggrey .sect_logo svg {
    height: 37px;
  }
  .project-menu__mobile {
    display: block;
  }
  .project-menu__normal .ibggrey.active {
    display: none;
  }
  .project-menu__normal .ibggrey {
    border: 0 !important;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .project-menu__normal .ibggrey.open {
    position: relative;
    max-height: 200px;
    padding: 10px 5px !important;
    margin-bottom: 5px;
    opacity: 1;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .project-menu__mobile .ibggrey {
    display: flex;
    align-items: center;
    position: relative;
    background: #951D4F !important;
    padding: 10px 5px !important;
    margin-bottom: 5px;
  }
  .project-menu__mobile .ibggrey::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    height: 10px;
    border-right: #fff 2px solid;
    border-bottom: #fff 2px solid;
    transform: rotate(45deg);
    margin-top: -8px;
  }
  .project-menu__mobile .ibggrey.open::before {
    transform: rotate(-135deg);
    margin-top: -3px;
  }
}

.projects-sect {
  display: inline-block;
  min-width: 270px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #930349;
  padding: 10px 20px 10px 44px;
  margin-left: -44px;
}
@media (max-width: 1440px) {
  .projects-sect {
    min-width: auto;
    padding: 10px 15px 10px 15px;
    margin-left: 0;
  }
}
.project-slider {
  margin-right: -120px;
  margin-bottom: 0 !important;
  line-height: 0;
}
.project-column {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  z-index: 2;
}
.project-column__pic {
  width: 50%;
}
@media (max-width: 991px) {
  .project-slider {
    margin-right: -80px;
  }
  .project-column__pic {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .project-slider {
    margin-right: 0px;
  }
  .project-column__pic {
    width: 100%;
    margin-bottom: 30px;
    min-height: auto;
  }
}

.project-column__content {
  position: relative;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}
.project-column__brend {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-left: 120px;
}
.project-column__item {
  flex: 0 1 25%;
  padding: 5px;
}
.project-column__item img {
  max-width: 100%;
}
.project-column__text {
  position: relative;
  flex: 1 1 100%;
}
.project-column__in {
  position: absolute;
  top: 0;
  right: 0;
  max-height: calc(100% + 20px);
  min-height: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #495056;
  border: 20px solid #FFFFFF;
  border-right: 0px solid #FFFFFF;
  padding: 35px 30px;
  font-size: 16px;
  line-height: 150%;
  color: #FFFFFF;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .project-column__brend {
    padding-left: 80px;
  }
  .project-column__in {
    max-height: calc(100% + 5px);
    border: 5px solid #FFFFFF;
    border-right: 0px solid #FFFFFF;
    padding: 25px 15px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .project-column__brend {
    padding-left: 0px;
  }
  .project-column__in {
    position: relative;
    border: 0px solid #FFFFFF;
  }
}

.project-column__in.open {
  max-height: 2000px;
  transition: all 0.3s ease;
}
.project-head {
  font-weight: 700;
}
.project-text {
  margin-bottom: 15px;
}
.project-column__cat {
  position: relative;
  height: calc(100% - 30px);
  overflow: hidden;
}
.project-column__cat::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 15px;
  background: -moz-linear-gradient(top,  rgba(73,80,86,0) 0%, rgba(73,80,86,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(73,80,86,0) 0%,rgba(73,80,86,1) 100%);
  background: linear-gradient(to bottom,  rgba(73,80,86,0) 0%,rgba(73,80,86,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00495056', endColorstr='#495056',GradientType=0 );
}
.project-column__more {
  height: 30px;
  padding-top: 10px;
}
.project-column__more a {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #AEB8C1;
  text-decoration: none;
}
.project-column__more a i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: currentColor 1px solid;
  border-bottom: currentColor 1px solid;
  transform: rotate(45deg);
  margin: -5px 0 0 12px;
  vertical-align: middle;
}
@media (min-width: 767px) {
  .project-column__more a:hover {
    color: #fff;
  }
}
.project-column__in.open .project-column__more a i {
  transform: rotate(-135deg);
  margin: 3px 0 0 12px;
}
@media (max-width: 767px) {
  .project-column__cat > div:last-of-type {
    margin-bottom: 0;
  }
  .project-column__cat::after {
    display: none;
  }
  .project-column__more {
    display: none;
  }
}


.project-description {
  font-weight: 500;
  color: #413737;
  padding-top: 35px;
}
@media (max-width: 767px) {
  .project-description {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .h1, h1 {
    font-size: 1.6rem;
    word-wrap: break-word;
  }
}

.mb-0 {
  margin-bottom: 0;
}

/* End */
/* /local/templates/hitsec_common/css/style.css?1774452277351161 */