body {
   padding: 0;
   margin: 0;
   font-family: "Roboto";
}

.image {
   border-bottom: 1px solid #e6e6e6;
   margin: 32px 0;
   padding-bottom: 8px;
   width: 100%;
}
.brand-logo {
   height: 40px;
   display: flex;
}
.brand-logo__theme {
   display: block;
   height: 100%;
}
.brand-logo__theme-link {
   text-decoration: none;
}
.user-account-nav {
   visibility: hidden;
}
.user-account-nav__icons {
   display: grid;
   width: max-content;
   margin: auto;
}
.user-account-nav--unauth .user-account-nav__text-button--unauth {
   font: 700 18px/26px "Roboto";
   background: inherit;
   display: block;
   letter-spacing: 0.2px;
   border: 0;
   color: var(--theme-header__login-button);
   cursor: pointer;
   padding: 4px 32px 0;
}
.header__container {
   justify-content: space-between;
}
html {
   scroll-padding-top: 40px;
   font-family: "Roboto";
   box-sizing: border-box;
   min-height: 100%;
   min-width: 320px;
   overflow-x: hidden;
   -webkit-text-size-adjust: 100%;
   text-size-adjust: 100%;
   width: 100%;
   
}
.header {
   background: var(--theme-background);
   border-bottom: 1px solid var(--theme-divider);
   height: 40px;
   left: 0;
   right: 0;
   transform: translateY(0);
   transition: transform 1s ease 0s;
   z-index: 100;
   position: sticky;
   position: -webkit-sticky;
   top: 0;
}
.header__nav-item-link,
.header__nav-more-link {
   font-weight: 500;
   transition: color 0.4s ease;
   line-height: var(--theme-header__item-link-line-height);
   text-decoration: none;
}
.header__menu-icon {
   display: block;
}
.header__subnav-mount {
   position: relative;
}
.header__container {
   display: flex;
   align-items: flex-start;
   margin: 0 auto;
   overflow: visible;
   padding: 0 16px;
   max-width: 1440px;
}
.header__left {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
   height: 40px;
}
.header__nav {
   margin-left: 16px;
   display: none;
   height: auto;
   overflow: visible;
}
.header__nav-more {
   display: none;
}
.header__nav-item-link,
.header__nav-more-link {
   color: var(--theme-copy-accent);
   font-size: 15px;
   display: block;
   white-space: nowrap;
}
.header__nav-item-dropdown-item,
.header__nav-item-link:hover,
.header__nav-item:hover .header__nav-item-link,
.header__nav-more-link:hover,
.header__nav-more:hover .header__nav-item-link {
   color: var(--theme-header__item-link-hover-color);
}
.header__nav-more-link:hover {
   font-weight: 700;
}
.header__nav-item-dropdown {
   background: var(--theme-header__mobile-dropdown-background);
   display: none;
   position: absolute;
   opacity: 0;
   transition: opacity 0.3s ease;
   width: fit-content;
}
.header__nav-item-dropdown-item {
   line-height: var(--theme-header__item-link-line-height);
   display: block;
   padding: 0 16px;
   text-decoration: none;
   font-size: 15px;
   border-bottom: 1px solid var(--theme-header-mobile-nav-border-color);
}
.header__nav-item-dropdown-item:hover {
   background: var(--theme-header__hover-item-hover);
}
.header__nav-item-dropdown-item:last-of-type {
   border-bottom: 0;
}
.header__nav-item:hover,
.header__nav-more:hover {
   background: var(--theme-header__item-link-hover-background-color);
}
.header__nav-button {
   cursor: pointer;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.header__search-icon {
   margin: 0 0 0 24px;
   padding: 0;
}
.header__user-account-nav-desktop {
   display: none;
}
.header__menu-icon {
   margin: 0 16px 0 0;
   padding: 0;
   height: 32px;
}
.header__search-icon {
   height: 32px;
   display: none;
}
.header__menu-icon,
.header__search-icon {
   background: 0 0;
   border: 0;
   box-shadow: none;
}
.header__menu-icon-svg,
.header__search-icon-svg {
   height: 24px;
   width: 24px;
   fill: var(--theme-icon-color);
   transition: fill 0.4s ease;
}
.header__menu-icon:focus,
.header__search-icon:focus {
   color: #fff;
}
.header__menu-icon:active,
.header__menu-icon:focus,
.header__menu-icon:hover,
.header__search-icon:active,
.header__search-icon:focus,
.header__search-icon:hover {
   cursor: pointer;
}
.header__menu-icon:active .header__menu-icon-svg,
.header__menu-icon:active .header__search-icon-svg,
.header__menu-icon:focus .header__menu-icon-svg,
.header__menu-icon:focus .header__search-icon-svg,
.header__menu-icon:hover .header__menu-icon-svg,
.header__menu-icon:hover .header__search-icon-svg,
.header__search-icon:active .header__menu-icon-svg,
.header__search-icon:active .header__search-icon-svg,
.header__search-icon:focus .header__menu-icon-svg,
.header__search-icon:focus .header__search-icon-svg,
.header__search-icon:hover .header__menu-icon-svg,
.header__search-icon:hover .header__search-icon-svg {
   fill: var(--theme-icon-color-hover);
}
.header__right {
   align-items: center;
   display: flex;
   position: relative;
   height: 40px;
}
.header__audio-link,
.header__live-tv-link {
   display: block;
   color: var(--theme-copy-accent);
   font-size: 15px;
   font-weight: 400;
   position: relative;
   text-decoration: none;
   line-height: 20px;
}
.header__audio-link:active,
.header__audio-link:focus,
.header__audio-link:hover,
.header__live-tv-link:active,
.header__live-tv-link:focus,
.header__live-tv-link:hover {
   color: var(--theme-header__item-link-hover-color);
}
.header__wrapper-outer {
   position: relative;
   height: 40px;
}
.header__wrapper-inner {
   position: sticky;
   top: 0;
   height: fit-content;
   min-height: 40px;
   pointer-events: all;
}
*,
:after,
:before {
   box-sizing: inherit;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
}
@media screen and (min-width: 480px) {
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
      max-width: 1440px;
      width: 100%;
      padding: 0 16px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-icon {
      margin: 0 0 0 16px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__user-account-nav-desktop {
      display: block;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--unauth .user-account-nav__text-button--unauth {
      border: 1px solid var(--theme-header__login-button);
      box-sizing: border-box;
      border-radius: 8px;
      padding: 4px 8px;
      font-size: 14px;
      line-height: 20px;
      height: 32px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
      background-color: var(--theme-divider);
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__search-icon {
      margin: 0 0 0 24px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link {
      margin: 0 24px 0 0;
   }
}
@media screen and (min-width: 960px) {
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav {
      position: relative;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--unauth .user-account-nav__text-button--unauth {
      border: 1px solid var(--theme-header__login-button);
      box-sizing: border-box;
      border-radius: 8px;
      padding: 4px 8px;
      font-size: 14px;
      line-height: 20px;
      height: 32px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .user-account-nav--unauth .user-account-nav__text-button--unauth:hover {
      background-color: var(--theme-divider);
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__menu-icon {
      margin: 0 24px 0 0;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
      position: relative;
      display: contents;
      flex-wrap: wrap;
      overflow: hidden;
      visibility: hidden;
      height: 16px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item,
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more {
      height: var(--theme-header__item-link-line-height);
      transition: background-color 0.2s ease;
      padding: 0 12px;
      text-align: left;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item-dropdown {
      background-color: var(--theme-header__dropdown-background);
      margin: 0 0 0 -12px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item-dropdown-item {
      border-width: 0 1px 1px;
      border-style: solid;
      border-color: var(--theme-header__dropdown-border-color);
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:first-of-type,
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:first-of-type {
      margin-left: 12px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:last-of-type,
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:last-of-type {
      border-bottom: 0;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item:hover > .header__nav-item-dropdown,
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-more:hover > .header__nav-item-dropdown {
      display: block;
      opacity: 1;
      z-index: 300;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-container {
      display: contents;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
      padding: 0 32px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-desktop,
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__live-tv-link-desktop {
      white-space: nowrap;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right {
      padding: 0 0 0 80px;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__right .header__search-icon {
      display: inline-block;
   }
}
@media screen and (min-width: 1280px) {
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
      height: auto;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav-item {
      display: block;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__container {
      padding: 0 32px;
   }
}
@media screen and (max-width: 959px) {
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__left .brand-logo {
      z-index: 7;
   }
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__left .brand-logo:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
   }
}
@media screen and (max-width: 479px) {
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__audio-link-desktop {
      display: none;
   }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
   body:not(.layout-homepage-mobile.kiln-edit-mode):not(.layout-homepage-mobile-app.kiln-edit-mode) .header__nav {
      display: contents;
   }
}

main {
   position: relative;
   display: block;
   margin: 0 auto;
   padding: 20px;
   padding-top: 0px;
   max-width: 960px;
   font-family: "Roboto";
}

main h1 {
   font-size: 24px;
   line-height: 1.3;
   margin-bottom: 30px;
}

main p {
   font-size: 18px;
   line-height: 1.3;
   margin: 0;
   margin-bottom: 15px;
}

main a {
   color: #2170ad;
}

main ul {
   padding: 0;
   margin-left: 25px;
}

main ul li {
   margin-bottom: 10px;
   font-size: 18px;
   list-style: disc;
}

main img {
   display: block;
   width: 100%;
   max-width: 650px;
   margin: 15px auto;
}

.table {
   font-size: 13px;
   width: 100%;
   margin-bottom: 20px;
   border: 1px solid green;
   border-collapse: collapse;
}

.table-plus {
   border: 1px solid #000;
}

.table td {
   border: 1px solid green;
   background: #d8ead3;
   padding: 6px;
}

.table-plus thead td {
   background-color: #92c47c;
}
.table-plus tbody td {
   background-color: #fffc;
   border: 1px solid #000;
}

.table-minus thead td {
   background-color: #e06666;
}
.table-minus tbody td {
   background-color: #fffc;
   border: 1px solid #000;
}

@media (min-width: 576px) {
   .table {
      font-size: 18px;
   }

   .table td {
      padding: 10px;
   }
}

@media (min-width: 768px) {
   main h1 {
      font-size: 32px;
   }

   .table,
   main p,
   main ul li {
      font-size: 20px;
   }



   .table td {
      padding: 15px;
   }
}


.italic {
   font-style: italic;
}

.bold {
   font-weight: 700;
}

.underline {
   text-decoration: underline;
}

.red {
   color: red;
}

.big {
   font-size: 24px !important;
}

.center {
   text-align: center !important;
}

.label {
   font-style: italic;
   text-align: center;
}


.alert-block {
   margin: 0 0 20px;
   padding: 15px;
   background: #eee;
}

.alert-block-2 {
   margin: 0 0 20px;
   padding: 15px;
   background: #D9EAD3;
}

.text-special {
   padding-left: 15px;
   border-left: 2px solid red;
}

.info-block {
   padding: 15px;
   margin: 0 0 20px;
   background: #eee;
}

.info-block img {
   max-width: 200px;
}

@media screen and (min-width: 768px) {

   .info-block img {
      float: left;
      margin: 0 20px 0 0;
   }
   .img-right img {
      float: right;
   }
}
