@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@font-face {
  font-family: "MuseoSans";
  font-weight: light;
  font-style: normal;
  src: url("../../../fonts/MuseoSansLight/MuseoSansLight.eot");
  src: url("../../../fonts/MuseoSansLight/MuseoSansLight.eot?#iefix") format("embedded-opentype"), url("../../../fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"), url("../../../fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype"); }

@font-face {
  font-family: "MuseoSans";
  font-weight: normal;
  font-style: normal;
  src: url("../../../fonts/MuseoSansRegular/MuseoSansRegular.eot");
  src: url("../../../fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix") format("embedded-opentype"), url("../../../fonts/MuseoSansRegular/MuseoSansRegular.woff") format("woff"), url("../../../fonts/MuseoSansRegular/MuseoSansRegular.ttf") format("truetype"); }

@font-face {
  font-family: "MuseoSansMedium";
  font-weight: medium;
  font-style: normal;
  src: url("../../../fonts/MuseoSansMedium/MuseoSansMedium.eot");
  src: url("../../../fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix") format("embedded-opentype"), url("../../../fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"), url("../../../fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype"); }

@font-face {
  font-family: "MuseoSansBold";
  font-weight: bold;
  font-style: normal;
  src: url("../../../fonts/MuseoSansBold/MuseoSansBold.eot");
  src: url("../../../fonts/MuseoSansBold/MuseoSansBold.eot?#iefix") format("embedded-opentype"), url("../../../fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"), url("../../../fonts/MuseoSansBold/MuseoSansBold.ttf") format("truetype"); }

@font-face {
  font-family: "MuseoSansBlack";
  font-weight: normal;
  font-style: normal;
  src: url("../../../fonts/MuseoSansBlack/MuseoSansBlack.eot");
  src: url("../../../fonts/MuseoSansBlack/MuseoSansBlack.eot?#iefix") format("embedded-opentype"), url("../../../fonts/MuseoSansBlack/MuseoSansBlack.woff") format("woff"), url("../../../fonts/MuseoSansBlack/MuseoSansBlack.ttf") format("truetype"); }

@font-face {
  font-family: "e-Ukraine";
  font-weight: normal;
  font-style: normal;
  src: url("../../../fonts/e-Ukraine/e-UkraineHead-Regular.otf");
}
@font-face {
  font-family: "e-Ukraine-Head";
  font-weight: bold;
  font-style: normal;
  src: url("../../../fonts/e-Ukraine/e-UkraineHead-Bold.otf");
}

::-webkit-input-placeholder {
  color: #666; }

::-moz-placeholder {
  color: #666; }

:-ms-input-placeholder {
  color: #666; }

::-ms-input-placeholder {
  color: #666; }

::placeholder {
  color: #666; }

::-moz-selection {
  background-color: #0051a3;
  color: #fff; }

::selection {
  background-color: #0051a3;
  color: #fff; }

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.65;
  font-family: "MuseoSans", sans-serif;
  overflow-x: hidden;
  color: #606060;
  counter-reset: section; }
  body input, body textarea {
    outline: none; }
    body input:focus:required:invalid, body textarea:focus:required:invalid {
      border-color: red; }
    body input:required:valid, body textarea:required:valid {
      border-color: green; }

b, strong {
  font-weight: bold; }

.font-weight-medium {
  font-weight: 500; }

.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  visibility: visible !important; }

@-webkit-keyframes slideDown {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slideDown {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.content-wrapper {
  position: relative;
  min-height: 80vh; }

.z-index-5 {
  position: relative;
  z-index: 5; }

.reset-link {
  color: inherit; }
  .reset-link:hover, .reset-link:active, .reset-link:focus {
    color: inherit;
    outline: none;
    text-decoration: none; }

button {
  outline: none;
  background-color: transparent;
  border: 0;
  cursor: pointer; }
  button:hover {
    outline: none; }
  button:focus {
    outline: none; }
  button:active {
    outline: none; }
  button:visited {
    outline: none;
    cursor: pointer; }

.block-heading {
  position: relative;
  font: 30px 'MuseoSansBlack'; }
  .block-heading:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    content: attr(data-text-heading);
    text-align: center;
    font: 60px/40px 'MuseoSansBlack';
    color: inherit;
    opacity: .05;
    text-transform: uppercase; }

.button--red {
  background-color: #cd1000;
  color: white;
  border: 1px solid white;
  cursor: pointer;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s; }
  .button--red:hover {
    background-color: white;
    border-color: #cd1000;
    color: #cd1000; }

.button--blue {
  background-color: #0051a3;
  color: white;
  border: 1px solid white;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer; }
  .button--blue:hover {
    background-color: white;
    border-color: #0051a3;
    color: #0051a3; }
  .button--blue.active {
    background-color: white;
    border-color: #0051a3;
    color: #0051a3; }

.button--white {
  background-color: white;
  color: #0051a3;
  border: 1px solid white;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer; }
  .button--white:hover {
    background-color: #ebebeb;
    border-color: white;
    color: #0051a3; }
  .button--white.active {
    background-color: white;
    border-color: white;
    color: #0051a3; }

.button--normal {
  width: auto; }

.button--rounded {
  -webkit-border-radius: 2px;
          border-radius: 2px; }

.button--100 {
  width: 100%; }

.header-page {
  position: relative;
  min-height: 70px;
  color: white;
  font-size: 18px;
  z-index: 8; }
  .header-page__item--logo {
    max-width: 60px; }
  .header-page__emergency {
    font-family: 'MuseoSansBold';
    font-size: 14px;
    font-weight: 700;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .header-page__text {
	text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 900; }
    .header-page__text--medium {
      font-size: 17px; }
    .header-page__text--bigger {
      font-size: 20px;
      font-weight: 700; }
    .header-page__text--logo-title {
      font-size: 24px;
      font-weight: bold;
      line-height: 1.2; }
    .header-page__text--logo-description {
      text-transform: lowercase;
      font-weight: normal; }
 .header-page__text a, .header-page__text a:hover , .header-page__text:hover {
	text-decoration: none;
	color: inherit;}
  .header-page > div > div, .header-page > div > div > div {
    width: 120%;
    justify-content: space-evenly;
  }
.navbar {
  min-height: 50px;
  height: 50px; }
  .navbar__container {
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch; }
  .navbar__background-image {
    background-position: 0 center;
    opacity: 1; }
    .navbar__background-image--fullsize {
      -webkit-background-size: cover;
              background-size: cover;
      background-repeat: no-repeat; }
    .navbar__background-image--pattern {
      -webkit-background-size: 100%;
      background-size: 100%;
      background-repeat: repeat-x; }
    .navbar__background-image--wrapper {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .navbar__wrapper {
    text-transform: uppercase;
    font-weight: bold; }
  .navbar__item {
    list-style-position: inside;
    list-style-type: none; }
    .navbar__item a:hover {
      text-decoration: none; }
  .navbar-dropdown {
    max-width: 250px;
    background-color: white;
    list-style-position: inside;
    list-style-type: none; }
  .navbar-desktop-menu {
    position: absolute;
    top: 0;}

.nav-dropdown {
  position: relative;
  width: 100%; }
  .nav-dropdown__button {
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    list-style-position: inside;
    list-style-type: none;
    text-shadow: 0px 0px 2px #0000009e;
    opacity: 1;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    .nav-dropdown__button:hover {
      text-decoration: none;
      opacity: .7; }
  .nav-dropdown__content {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 300px;
    padding: 10px 0px;
    background-color: #0051a3;
    -webkit-box-shadow: 0px 2px 8px rgba(96, 96, 96, 0.6);
            box-shadow: 0px 2px 8px rgba(96, 96, 96, 0.6);
    z-index: 6; }
    .nav-dropdown__content--mobile {
      position: relative; }
    .nav-dropdown__content--form {
      min-width: 300px;
      background: transparent;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .nav-dropdown__item {
    position: relative;
    display: block;
    padding: 3px 30px 3px 10px;
    text-align: left;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: transparent;
    width: 90%;
    margin: 0 auto 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
    .nav-dropdown__item:after {
	  padding-right: 15px;
      position: absolute;
      top: 3px;
      right: 10px;
      display: block;
      content: '\226B';
      opacity: 0;
      -o-transition: 0.2s;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    .nav-dropdown__item:hover {
	  background-color: #e6e6e6;	
      text-decoration: none; }
      .nav-dropdown__item:hover:after {
        right: 0;
        opacity: 1; }

.hamburger {
  position: relative;
  width: 40px;
  height: 40px;
  border-width: 3px;
  border-style: solid;
  -webkit-border-radius: 40px;
          border-radius: 40px;
  z-index: 2;
  opacity: 1;
  cursor: pointer; }
  .hamburger:hover {
    opacity: .8; }
  .hamburger:focus {
    opacity: .8; }
  .hamburger__wrapper {
    border-width: 2px;
    border-style: solid;
    -webkit-border-radius: 100%;
            border-radius: 100%; }
  .hamburger__bar {
    display: block;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 1px;
            border-radius: 1px; }

.nav__item {
  position: relative;
  font-size: 15px; }

.nav__link:after {
  display: inline-block;
  top: 0;
  content: '\/';
  margin: .5rem 0.8rem;
  color: red; }

.nav__link-wrapper {
	-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 20px 0%);
	clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 40px 0%);
 }
  .nav__link-wrapper--mobile {
    display: none; }

.nav-show {
  z-index: 6;
  display: block; }
i.clickmenu {
  cursor: pointer;
}
.hide_menu {
  position: absolute;
  z-index: 100;
  top: 100%;
  right: -25%;
  width: 300px;
  padding: 10px;
  background: #fff;
  display: none;
  -webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}
.hide_menu.act {
  display: block;
}
.hide_menu.act .nav-dropdown__content {
  display: none;
  position: absolute;
  right: -300px;
  top: 0;
}
.hide_menu.act .nav-dropdown:hover .nav-dropdown__content {
  display: block;
}
.hide_menu.act .nav-dropdown__content a, .hide_menu.act .nav-dropdown__button {
  font-size: 14px;
  text-align: left;
}
.logo-company {
  position: relative;
  z-index: 2;
  margin-right: 40px;
}
  .logo-company__self {
    z-index: 10;
    max-width: 100%; }
  .logo-company__shape {
    position: absolute;
    width: 300px;
    height: 300px;
    right: 0px;
    -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
            transform: rotate(25deg);
    background-color: #ffffff; }
  .logo-company img {
    max-height: 76px;}
	
.slider {
  position: relative;
  z-index: 4;}
  .slider__wrapper {
    overflow: hidden; }

.slide {
  height: 450px; }
  .slide__bg {
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  .slide__overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 16vw;
    opacity: .6; }
  .slide__text-heading {
    font-family: 'MuseoSansBold';
    font-size: 16px;
    font-weight: bold; }
    .slide__text-heading--smaller {
      text-transform: none;
      font-weight: normal; }
  .slide__text-description {
    font-family: 'MuseoSansBold';
    font-size: 17px;
    line-height: 1.3; }
    .slide__text-description--bigger {
      font-size: 22px;
      font-weight: bold; }

.slick-arrow {
  top: 50%;
  z-index: 5;
}
.slick-prev {
  left: calc(2% - 20px);
}
  .slick-prev:before {
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    content: url(../../../images/lg-arrow-left.png);
}
.slick-next {
  right: calc(2.5% - 20px);
}
  .slick-next:before {
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    content: url(../../../images/lg-arrow-right.png);
}
.slick-dots {
  bottom: 3%;
  width: 2%;
  right: 0;
}
  .slick-dots li {
    margin: 0; }
    .slick-dots li button:before {
      content: '';
      top: 25%;
      left: 25%;
      width: 10px;
      height: 10px;
      border-style: solid;
      border-width: 4px;
      -webkit-border-radius: 10px;
              border-radius: 10px;
      border-color: transparent;
      opacity: 1;
      -o-transition: 0.2s;
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    .slick-dots li button:hover:before {
      opacity: .4; }
    .slick-dots li.slick-active button:before {
      width: 10px;
      height: 10px;
      -webkit-box-shadow: 0px 0px 0px 4px #daa520;
              box-shadow: 0px 0px 0px 4px #daa520;
      opacity: 1; }

.slick__text-description--bigger {
  font-size: 20px;
  font-weight: bold; }
.slick-slide > div > div {
  margin: 0 auto;
  display: table !important;
}
@media (max-width: 1679.98px) {
  .slide__overlay {
    left: 18vw; } }

@media (max-width: 1439.98px) {
  .slide__overlay {
    left: 17vw; } }

@media (max-width: 1365.98px) {
  .slide__overlay {
    left: 21vw; }
  .slick-arrow {
    top: 89%; }
 }

@media (max-width: 1279.98px) {
  .slide__overlay {
    left: 33vw; } }

@media (max-width: 1240px) {
  .slide__overlay {
    left: 28vw; } }

@media (max-width: 1090px) {
  .slide__overlay {
    left: -15vw;
    width: 200% !important; }
  .slick-arrow {
    top: 89%; }
 }

@media (max-width: 1010px) {
  .slide__overlay {
    left: -10vw;
    width: 200% !important; }
  .slick-arrow {
    top: 89%; }
 }

@media (max-width: 1016.98px) {
  .slide__overlay {
    left: -9vw;
    width: 200% !important; }
  .slick-arrow {
    top: 89%; }
}

@media (max-width: 991px) {
  .slide__overlay {
    left: 0;
    width: 300% !important; }
  .slick-dots {
    left: 0; }
  .slick-arrow {
    top: 89%; }
  .slick-prev {
    left: calc(40% - 20px); }
  .slick-next {
    left: 60%; } }

@media (max-width: 767.98px) {
  .slick-dots {
    left: 0; }
  .slick-arrow {
    top: 89%; } }

@media (max-width: 479.98px) {
  .slick-dots {
    left: 0; }
  .slick-arrow {
    top: 89%; } }
h1 {
  font-size: 2.0rem;
  font-weight: bold;
}
.express-new {
  position: absolute;
  top: 455px;
  left: 0;
  right: 0;
  z-index: 10;
  width: 57.5%;
  margin: 0 auto;
}
.marquee {
  height: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.inform {
  width: 60%;
  margin: -120px auto 0;
  position: relative;
  z-index: 10;
}
.one-block h2, .news h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 44px;
}
.one-block h2 svg, .news h2 svg {
  margin: 30px 0 0;
}
.news__card {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  padding: 30px 0 0;
}
.news__card .news__data {
  position: absolute;
  z-index: 10;
  top: 1%;
  left: 15px;
  width: 125px;
  height: 50px;
  background: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
body.page .news__card .news__data {
  top: -12%;
  left: 10%;
}
body.page .news__card {
  padding: 0;
}
.news .button-url {
  margin: 20px 0 0;
  display: inline-block;
  background: #ccc;
  padding: 5px 80px 5px 20px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.news .button-url:hover {
  background: #d9d9d9;
  margin: 20px 0 0 10px;
}
.news .button-all a:hover {
  background: #b9b9b9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.news .button-url i {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news .button-url:hover i, .news .button-all a:hover i{
  color: #8f8f8f;
}
.news .button-url i:before {
  font-size: 12px;
}
.news .button-all {
  width: 360px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.news .button-all a {
  width: 100%;
  height: 50px;
  position: relative;
  display: block;
  padding: 10px;
}
.news .button-all a:before, .news .button-all a:after {
  content: '';
  width: 50%;
  height: 2px;
  position: absolute;
  left: -55%;
  top: 25px;
}
.news .button-all a:after {
  left: initial;
  right: -55%;
}
.news .button-all a i {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 43px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.news .button-all a i:before, .news .button-url i:before {
  transform: rotate(320deg);
}
.inform .news__card {
  width: 100%;
  padding: 0;
}
.inform .news__title {
  line-height: normal;
  font-size: 14px;
  font-weight: normal !important;
  color: #666;
  padding: 0;
  font-family: 'MuseoSansMedium';
  border: 0;
}
.inform .inf {
  border: 1px solid #ccc;
  background: #fff;
  width: 93% !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 230px;
}
.news__img {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  min-height: 250px;
  background-image: url(../img/placeholder.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 0 0px 0px #666666;
          box-shadow: 0 0px 0px #666666;
  cursor: pointer;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .inform .inf .news__img {
    background-size: cover;
    background-repeat: no-repeat;
    margin: 8px 0 0;
    min-height: 150px;
  }
  .inf .news__img:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .news__img:hover {
    -webkit-box-shadow: 0 4px 20px #666666;
            box-shadow: 0 4px 20px #666666; }
.news .slick-list {
  margin: 0 auto;
  width: 93%;
}
.slide__text {
  position: absolute;
  top: 5%;
  height: auto !important;
  color: #fff;
  background: #0000007a;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.news__title {
  font-size: 15px;
  font-family: 'MuseoSansBlack';
  word-break: break-word;
  border-bottom: 2px dotted #808080;
  line-height: normal;
}

.news__description {
  font-size: 14px;
  line-height: 1.2; }
.inform .news__description, .inform .news__card .row {
  display: none;
}
.news__attribute--time:before {
  content: attr(data-publication); }

.news__attribute--views:before {
  content: attr(data-popularity);
  margin-right: 4px; }
.one-block h2 {

}
.one-block h2:before {
  content: "Ласкаво просимо";
  position: absolute;
  top: -140%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 12px;
  display: none;
}
.one-block img {
  width: 40% !important;
  height: auto !important;
  margin: 10px 30px;
}
.two-block {
  padding: 5% 10% 10% 13%;
  position: relative;
  color: #fff;
  background-size: cover;
}
.two-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 2%;
  width: 8%;
  height: 375px;
}
.two-block h2 {
  text-align: left;
  font-size: 52px;
  font-family: "e-Ukraine-Head";
}
.two-block h2:before {
  content: "";
  position: absolute;
  top: 8%;
  left: -4.1%;
  width: 25px;
  height: 50px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.two-block img {
  margin: 0 20px 20px;
}
ul {
  line-height: normal;
}
ul li::marker {
  font-size: initial;
}
body.home .news {
  background: #f2f2f2 !important;
  position: relative;
}
.news:before {
  position: absolute;
  content: '';
  top: -129px;
  left: 45px;
  width: 120px;
  height: 130px;
  background: #f2f2f2;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
.news:after {
  position: absolute;
  content: '';
  bottom: -129px;
  right: 45px;
  width: 120px;
  height: 130px;
  background: #f2f2f2 url('/assets/images/bg-news.jpg') center;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  z-index: 1;
}
.url-block {
  background-color: #E6E6E6;
  position: relative;
  z-index: 1;
}
.url-block > div {
  margin-top: -10%;
}
.url-block.down-block > div {
  margin-top: 0;
}
.important-sections:hover {
  text-decoration: none; }

.important-sections__card {
  /* width: 280px; */
  -webkit-box-shadow: 0 4px 30px #666666b8;
  box-shadow: 0 4px 30px #666666b8;
  cursor: pointer;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; 
  min-height: 300px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.important-sections__card:hover {
  margin: -4px 0 0;
}
.important-sections__card a {
  min-height: 300px;
  background: url('/assets/images/bg-url.jpg') no-repeat 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.important-sections__img {
  height: 60px;
  width: auto; }

.important-sections__text {
  font-size: 13px; }

.managment {
  min-height: 55vh;
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: auto;
  -webkit-background-size: auto;
          background-size: auto;
  border-top: 1px solid #b8b8b8;
  /* z-index: 5; */ }
  .managment__company-name {
    font-size: 22px; }
  .managment__item {
    background-color: #f8f8f8;
    border: 1px solid white; }
    .managment__item:nth-child(even) {
      background-color: #ededed; }
  .managment__photo {
    min-height: 200px;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .managment__info {
    font-family: 'MuseoSansBold';
    font-size: 18px;
    line-height: 1;
    border-left: 1px solid white; }
    .managment__info:first-child {
      border: none; }
  .managment__post {
    font-size: 22px; }
  .managment__name {
    font-size: 30px;
    word-break: break-word; }
    .managment__name--medium {
      font-family: 'MuseoSansMedium';
      font-size: 22px; }
  .managment__phone--big {
    font-size: 22px; }
.soc {
  position: fixed;
  right: 0;
  top: 50%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  background: #eee;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: 24px;
  z-index: 10;
}
.map, .map iframe {
  height: 600px;
  position: relative;
}
.map:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.map:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.388) 0%, rgba(0, 0, 0, 0) 100%);
  transform: rotate(180deg);
}
footer .none {
  display: none;
}
.footer-page {
  font-size: 14px;background-size: cover;}
footer > div {
  width: 1250px;
  margin: 0 auto;
}
.menu-footer {
  border-bottom: 2px solid #808080;
  margin: 0 0 40px;
}
.footer-page__text {
  font-size: 18px; }
.footer-page__nav {
  list-style-type: none; }
.footer-page__li:before {
  position: relative;
  content: '-';
  top: 4px;
  display: inline-block;
  margin-right: 4px;
  font-size: 200%;
  line-height: 0; }
.footer-page__link {
  font-family: 'MuseoSansMedium';
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .footer-page__link:hover {
    opacity: .7; }
.footer-page__copyright {
  font-size: 13px;
  font-weight: light;
  border-top: 2px solid #808080;
  margin: 50px 0 0;
}
footer .soc-f {

}
footer .soc-f a {
  width: 50px;
  height: 50px;
  display: flex;
  background: #2e3033;
  align-items: center;
  justify-content: center;
}
footer .soc-f a i {
  font-size: 18px;
}
footer h3 {
  font-family: "e-Ukraine-Head";
  color: #fff;
  margin-bottom: 2.5rem;
}
footer .nav-dropdown {
  position: relative;
  width: 100%;
  margin: 0 100px 30px 10px;
}
footer .nav-dropdown__button {
  color: #fff;

}

/*==========  Desktop First  ==========*/
@media (max-width: 1440.98px) {
  .logo-company__shape {
    right: 0px; } }

@media (max-width: 1199.98px) {
  body {
    font-size: 16px; }
  .header-page__text--logo-title {
    font-size: 20px;
    line-height: 1.2; }
  .header-page__text--logo-description {
    font-size: 14px; }
  .logo-company__self {
    max-width: 100%; }
  .logo-company__shape {
    right: -40px; }
  .nav__link:after {
    margin: 0.5rem; }
  .news__card {
    width: auto; }
  .important-sections__card {
    width: auto; }
  .footer-page__text--responsive {
    font-size: 1.3vw; } }

@media (max-width: 991.98px) {
  .logo-company:after {
    display: none; }
  .logo-company__self {
    max-width: 400px; }
  .navbar__background-image {
    display: none; }
  .nav__link:after {
    display: none; }
  .managment__info {
    border: none; }
  .footer-page__text--responsive {
    font-size: inherit; } }

@media (max-width: 767.98px) {
  .emergency-service__table-header {
    display: none; }
  .emergency-service tbody .emergency-service__table-data {
    display: block; }
    .emergency-service tbody .emergency-service__table-data:first-child {
      background-color: #878787;
      color: white; }
    .emergency-service tbody .emergency-service__table-data:before {
      content: attr(data-js-table);
      font-weight: bold;
      display: block;
      text-align: center;
      width: 100%; }
  .slide__text-heading {
    height: 14vw;
    line-height: 1.4; } }
@media screen and (min-width: 1199px) and (max-width: 1475px) {
  .header-page .header-page__text {
      font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1198px) {
  .header-page .header-page__text {
      font-size: 11px;
  }
}
@media (max-width: 575.98px) {
  .emergency-service__table-header {
    display: none; }
  .emergency-service tbody .emergency-service__table-data {
    display: block; }
    .emergency-service tbody .emergency-service__table-data:first-child {
      background-color: #878787;
      color: white; }
    .emergency-service tbody .emergency-service__table-data:before {
      content: attr(data-js-table);
      font-weight: bold;
      display: block;
      text-align: center;
      width: 100%; }
  .logo-company__self {
    max-width: 100%; }
  .slide__text-heading {
    height: auto;
    line-height: 1.2; }
  .block-heading:after {
    display: none; } }

.card-header.card-header-2 {
	background-color: #ededed;
}
@media screen and (min-width: 1476px) and (max-width: 1568px) {
  .header-page .header-page__text {
    font-size: 12px;
  }
}
@media screen and (min-width: 320px) and (max-width: 667px) {
  .header-page > div > div, .header-page > div > div > div {
    width: 100%;
    flex-direction: column;
  }
  body.home header {
    background-color: transparent !important;
    background-image: none !important;
  }
  body.page header {
    padding-bottom: 10px;
    background: transparent !important;
  }
  .logo-company {
    margin: 0;
    padding: 10px;
  }
  .navbar {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: none !important;
    width: 100%;
  }
  .navbar__container > div > div:first-child {
    display: none !important;
  }
  .navbar button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
  }
  .navbar > div > div > div:last-child {
    align-content: flex-start !important;
    align-items: flex-start !important;
    justify-content: center !important;
    max-width: 100% !important;
    flex: auto;
  }
  .slider {
    position: absolute;
    top: 0;
  }
  .slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000;
    width: 100%;
    height: 100%;
  }
  .slider, .slide {
    height: 102vh;
  }
  .slick-slide svg, .slick-dots {
    display: none !important;
  }
  .slide__text {
    top: 40vh;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    padding: 10px !important;
  }
  .slide__content {
    z-index: 1;
  }
  .slide__bg {
    opacity: 0.6;
  }
  .express-new {
    top: 92vh;
    left: 0;
    right: 0;
    width: 95%;
    margin: 0 auto;
  }
  .inform {
    width: 100%;
    margin: 65vh auto 0;
  }
  .news .button-all a:before, .news .button-all a:after, .news:before, .news:after, .slick-arrow {
    display: none !important;
  }
  .one-block h2 svg, .news h2 svg {
    width: 100%;
  }
  .news .button-all {
    width: 100%;
  }
  .news__img {
    background-size: cover;
  }
  .one-block {
    padding-top: 0 !important;
  }
  .one-block h2 {
    margin: 0 0 20px !important;
  }
  .one-block h2:before {
    top: -40%;
  }
  .one-block img {
    width: 100%;
  }
  .one-block img, .two-block img {
    width: 100% !important;
    margin: 10px 0;
  }
  .two-block h2 {
    font-size: 28px;
  }
  .two-block:before {
    left: 0;
  }
  .two-block h2:before {
    top: 5%;
    left: -10%;
  }
  .two-block div p .two-block div span {
    font-size: 18px !important;
  }
  .news {
    padding-top: 1rem !important;
  }
  .news h2 {
    padding-bottom: 0 !important;
  }
  body.page .news h2 {
    font-size: 22px;
    padding-top: 20px;
  }
  .important-sections__card, .important-sections__card a {
    min-height: 120px;
  }
  .map, .map iframe {
    height: 300px;
  }
  footer {
    background-color: #555555;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
  }
  footer > div {
    width: 100%;
  }
  .menu-footer {
    flex-direction: column;
  }
  footer h3 {
    margin-top: 2.5rem;
  }
}