#content:before {
  content: "";
  display: block;
  height: 29.2vw;
  background-image: url(/szmed-live/sites/default/files/banner_1_0.jpg);
  background-position: center bottom;
  background-size: cover;
  background-color: #33709c;
  position: relative;
  z-index: -1;
  margin-bottom: -36px;
}
@media screen and (max-width: 768px) {
  #content:before {
    margin-bottom: 0;
  }
}

.inner .breadcrumb {
  margin-top: 0;
  margin-bottom: 56px;
  border: none;
  position: relative;
  padding-bottom: 0;
  min-height: 60px;
  font-size: 14px;
}
.breadcrumb .list-breadcrumb {
  padding-top: 22px;
  padding-bottom: 22px;
}

.breadcrumb .list-breadcrumb li a,
.breadcrumb .list-breadcrumb li,
.breadcrumb .list-breadcrumb li a:hover {
  color: #fff;
}
.inner .breadcrumb:before {
  content: "";
  display: block;
  height: 100%;
  width: 100vw;
  transform: skewX(30deg);
  background: rgba(28, 90, 187, 0.95);
  position: absolute;
  left: calc(720px - 100vw);
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .inner .breadcrumb:before {
    left: -20vw;
  }
}
@media screen and (max-width: 768px) {
  .inner .breadcrumb {
    margin-bottom: 16px;
    min-height: unset;
  }
  .inner .breadcrumb:before {
    display: none;
  }
  .breadcrumb .list-breadcrumb {
    padding: 16px 0;
  }
  .breadcrumb .list-breadcrumb li a,
  .breadcrumb .list-breadcrumb li,
  .breadcrumb .list-breadcrumb li a:hover {
    color: #999;
  }
}
@media screen and (max-width: 480px) {
  .inner .breadcrumb {
    margin-bottom: 0;
  }
}

.inner .breadcrumb .list-breadcrumb li.space {
  margin: 0 12px;
}
.inner .breadcrumb .list-breadcrumb li .icon {
  color: transparent;
  font-size: 0;
}
.inner .breadcrumb .list-breadcrumb li .icon:before {
  content: "/";
  display: inline-block;
  font-size: 12px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .inner .breadcrumb .list-breadcrumb li .icon:before {
    color: #999;
  }
}

.sidebar-menu-2-2 h2.title {
  color: #fff;
  border-bottom: 2px #fff solid;
  border-top: none;
  background: #1C5ABB url(/szmed-live/sites/default/files/sidemenu-title-bg.jpg) center bottom no-repeat;
  background-size: cover;
  height: 82px;
  box-sizing: border-box;
  line-height: 52px;
  padding: 14px 22px;
  font-size: 28px;
  text-align: left;
}

.sidebar-menu-2-2 .nav-menu {
  padding-bottom: 244px;
  text-align: left;
  background: #F3F3F3 url(/szmed-live/sites/default/files/sidemenu-body-bg.jpg) right bottom no-repeat;
  background-size: 280px auto;
}
.sidebar-menu-2-2 .nav-menu .menu-item.active:not(.expanded) a,
.sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle,
.sidebar-menu-2-2 .nav-menu .expanded.active-item .menu-toggle,
.sidebar-menu-2-2 .nav-menu > .menu-item > span:hover,
.sidebar-menu-2-2 .nav-menu > .menu-item > a:hover,
.sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle:hover,
.sidebar-menu-2-2 .nav-menu > .menu-item a.is-active,
.sidebar-menu-2-2 .nav-menu > .menu-item a:hover {
  background-color: transparent;
  color: #1C5ABB;
}
.sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle a,
.sidebar-menu-2-2 .nav-menu > .menu-item > a {
  font-size: 16px;
  line-height: 24px;
}

.sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle a,
.sidebar-menu-2-2 .nav-menu .expanded.active-item .menu-toggle a {
  color: #3e3e3e;
}
.sidebar-menu-2-2 .nav-menu > .menu-item > a:hover,
.sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle:hover a,
.sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle:hover i:before {
  color: #1C5ABB;
}
.sidebar-menu-2-2 .nav-menu > .menu-item > .menu-toggle:hover,
.sidebar-menu-2-2 .nav-menu > .menu-item a.is-active:hover,
.sidebar-menu-2-2 .nav-menu > .menu-item > a:hover {
  background: #1C5ABB11
}
.sidebar-menu-2-2 .nav-menu .expanded .menu-toggle i:before {
  transition: all ease 0.25s;
}

.sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle i:before,
.sidebar-menu-2-2 .nav-menu .expanded.active-item .menu-toggle i:before {
  color: inherit;
}
.sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle:hover i:before,
.sidebar-menu-2-2 .nav-menu .expanded.active-item .menu-toggle:hover i:before {
  color: #1C5ABB;
}

.sidebar-menu-2-2 .nav-menu > .menu-item {
  border-top: 2px solid #fff;
}
.sidebar-menu-2-2 .nav-menu .expanded .level-menu {
  padding-bottom: 8px;
}
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item {
  border: none;
  padding: 0 1em 0 28px;
}
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item .menu-item {
  padding: 0 0 0 14px;
}
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a {
  font-size: 14px;
  line-height: calc(1em + 4px);
  padding: 8px 8px;
  white-space: pre-wrap;
}
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item .menu-item a {
  padding-right: calc(1em + 18px);
  white-space: nowrap;
}
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a.is-active {
  font-weight: bold;
  color: #1C5ABB;
}
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item:not(.expanded) > a.is-active {
  background: url() center right no-repeat;
  background-size: 31px auto;
}
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a.is-active:focus,
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a.is-active:hover,
.sidebar-menu-2-2 .nav-menu > .menu-item.active > a:focus,
.sidebar-menu-2-2 .nav-menu > .menu-item.active > a:hover,
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a:focus,
.sidebar-menu-2-2 .nav-menu .expanded .level-menu .menu-item a:hover {
  background-color: #1C5ABB11;
}

.sidebar-menu-2-2 .nav-menu > .menu-item > a,
.sidebar-menu-2-2 .nav-menu .expanded .menu-toggle {
  border-left: 4px solid transparent;
}
.sidebar-menu-2-2 .nav-menu > .menu-item.active > a,
.sidebar-menu-2-2 .nav-menu > .menu-item > a.is-active,
.sidebar-menu-2-2 .nav-menu .expanded.active .menu-toggle {
  border-left-color: #1C5ABB;
}

@media screen and (max-width: 768px) {
  .page-node-type-page .block-region-right,
  .page-node-type-article .block-region-right {
    padding-left: 0;
  }
  .outside-min-tb .title-inner {
   padding: 0; 
  }
  .article-title h1,
  .outside-min-tb .title-inner h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
  .article-title h1,
  .outside-min-tb .title-inner h2 {
    font-size: 24px;
  }
}