/*
$breakpoints:(
    "xs" "(max-width: 375px)",
    "s" "(max-width: 480px)",
    "m" "(max-width: 768px)",
    "l" "(max-width: 1024px)",
    "xl" "(min-width: 1025px)"
);
*/
.c-full-image-panel {
  align-items: center;
  background-size: cover;
  display: flex;
  height: 560px;
  justify-content: center;
  flex-direction: column;
  position: relative; }
  @media only screen and (max-width: 1024px) {
    .c-full-image-panel {
      height: 380px; } }
  .c-full-image-panel:before {
    content: "";
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    opacity: 0.7; }
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .c-full-image-panel:before {
        /* IE10+ specific styles go here */
        display: block;
        left: 0; } }
  .c-full-image-panel h2 {
    line-height: 1.2; }

.c-full-image--small {
  height: 200px; }
  @media only screen and (max-width: 1024px) {
    .c-full-image--small {
      height: 200px; } }

.c-full-image--small-left {
  align-items: initial;
  background-size: cover; }

.c-full-image-panel__gradient-inner {
  z-index: 2; }

.c-modal__block {
  align-items: center;
  justify-content: center;
  display: flex !important; }
  .c-modal__block .c-modal__inner {
    height: initial;
    width: initial; }
  .c-modal__block .c-modal__content {
    position: relative; }
  .c-modal__block .c-modal__close {
    background-image: url(img/ui/icon-close-big.svg);
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    border-radius: 25px;
    box-shadow: 0 1px 2px;
    height: 50px;
    position: absolute;
    right: 12px;
    top: 0;
    width: 50px;
    z-index: 2; }