.layout {
  padding: 100px 0; }
@media (max-width: 991.98px) {
  .layout {
    padding: 50px 0; }
  .layout + .layout {
    padding-bottom: 50px; } }
@media (max-width: 767.98px) {
  .layout {
    padding: 25px 15px; }
  .layout + .layout {
    padding-bottom: 25px; } }
.layout--wide {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas: "main-content";
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
.layout--wide .main-content {
  grid-area: main-content; }
.layout--wide .rail-list {
  border-left: 1px solid #0079ab;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 35px; }
.layout--wide .rail-list-item {
  margin: 20px 0;
  position: relative; }
.layout--wide .rail-list-item:after {
  background: #0079ab;
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -36px;
  width: 0;
  height: 1px;
  transition: .25s ease; }
@media (min-width: 1900px) {
  .layout--wide .rail-list-item {
    font-size: 18px; } }
.layout--wide .rail-list-item:first-child {
  color: #0079ab;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase; }
.layout--wide .rail-list-item:first-child:after {
  display: none; }
@media (min-width: 1900px) {
  .layout--wide .rail-list-item:first-child {
    font-size: 14px; } }
.layout--wide .rail-list-item-link {
  text-decoration: none; }
.layout--wide .rail-list-item-link:hover {
  text-decoration: underline; }
.layout--wide .rail-list-item.active {
  font-weight: 700; }
.layout--wide .rail-list-item.active:after {
  width: 30px; }
.layout--wide .rail-list-item:hover:after, .layout--wide .rail-list-item:focus:after {
  width: 30px; }
.layout--wide .rail-list-dropdown .collapse-content {
  padding: 0; }
.layout--split {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas: "main-content";
  grid-gap: 0 60px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "left-col right-col";
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
.layout--split .main-content {
  grid-area: main-content; }
.layout--split .left-aside {
  grid-area: left-col; }
.layout--split .right-aside {
  grid-area: right-col; }
@media (max-width: 767.98px) {
  .layout--split {
    grid-gap: 40px 0;
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, auto);
    grid-template-areas: "left-col" "right-col"; } }
.layout--split .rail-list {
  border-left: 1px solid #0079ab;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 35px; }
.layout--split .rail-list-item {
  margin: 20px 0;
  position: relative; }
.layout--split .rail-list-item:after {
  background: #0079ab;
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -36px;
  width: 0;
  height: 1px;
  transition: .25s ease; }
@media (min-width: 1900px) {
  .layout--split .rail-list-item {
    font-size: 18px; } }
.layout--split .rail-list-item:first-child {
  color: #0079ab;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase; }
.layout--split .rail-list-item:first-child:after {
  display: none; }
@media (min-width: 1900px) {
  .layout--split .rail-list-item:first-child {
    font-size: 14px; } }
.layout--split .rail-list-item-link {
  text-decoration: none; }
.layout--split .rail-list-item-link:hover {
  text-decoration: underline; }
.layout--split .rail-list-item.active {
  font-weight: 700; }
.layout--split .rail-list-item.active:after {
  width: 30px; }
.layout--split .rail-list-item:hover:after, .layout--split .rail-list-item:focus:after {
  width: 30px; }
.layout--split .rail-list-dropdown .collapse-content {
  padding: 0; }
.layout--article {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas: "main-content";
  grid-gap: 0 25px;
  grid-template-columns: 1fr 8fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "left-rail main-content right-rail";
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
.layout--article .main-content {
  grid-area: main-content; }
.layout--article .left-aside {
  grid-area: left-rail; }
.layout--article .main-content {
  grid-area: main-content; }
.layout--article .right-aside {
  grid-area: right-rail; }
@media (min-width: 1200px) {
  .layout--article {
    max-width: 1400px; } }
@media (max-width: 991.98px) {
  .layout--article {
    grid-template-columns: 1fr 8fr;
    grid-template-rows: auto auto;
    grid-template-areas: "left-rail main-content" "right-rail right-rail"; } }
@media (max-width: 767.98px) {
  .layout--article {
    grid-gap: 25px 0;
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, auto);
    grid-template-areas: "left-rail" "main-content"; }
  .layout--article .right-aside {
    display: none; } }
.layout--article .rail-list {
  border-left: 1px solid #0079ab;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 35px; }
.layout--article .rail-list-item {
  margin: 20px 0;
  position: relative; }
.layout--article .rail-list-item:after {
  background: #0079ab;
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -36px;
  width: 0;
  height: 1px;
  transition: .25s ease; }
@media (min-width: 1900px) {
  .layout--article .rail-list-item {
    font-size: 18px; } }
.layout--article .rail-list-item:first-child {
  color: #0079ab;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase; }
.layout--article .rail-list-item:first-child:after {
  display: none; }
@media (min-width: 1900px) {
  .layout--article .rail-list-item:first-child {
    font-size: 14px; } }
.layout--article .rail-list-item-link {
  text-decoration: none; }
.layout--article .rail-list-item-link:hover {
  text-decoration: underline; }
.layout--article .rail-list-item.active {
  font-weight: 700; }
.layout--article .rail-list-item.active:after {
  width: 30px; }
.layout--article .rail-list-item:hover:after, .layout--article .rail-list-item:focus:after {
  width: 30px; }
.layout--article .rail-list-dropdown .collapse-content {
  padding: 0; }
.layout--right-rail {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas: "main-content";
  grid-gap: 0 60px;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "main-content right-rail";
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }
.layout--right-rail .main-content {
  grid-area: main-content; }
.layout--right-rail .main-content {
  grid-area: main-content; }
.layout--right-rail .right-aside {
  grid-area: right-rail; }
@media (max-width: 767.98px) {
  .layout--right-rail {
    grid-gap: 40px 0;
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, auto);
    grid-template-areas: "right-rail" "main-content"; } }
.layout--right-rail .rail-list {
  border-left: 1px solid #0079ab;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 35px; }
.layout--right-rail .rail-list-item {
  margin: 20px 0;
  position: relative; }
.layout--right-rail .rail-list-item:after {
  background: #0079ab;
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -36px;
  width: 0;
  height: 1px;
  transition: .25s ease; }
@media (min-width: 1900px) {
  .layout--right-rail .rail-list-item {
    font-size: 18px; } }
.layout--right-rail .rail-list-item:first-child {
  color: #0079ab;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase; }
.layout--right-rail .rail-list-item:first-child:after {
  display: none; }
@media (min-width: 1900px) {
  .layout--right-rail .rail-list-item:first-child {
    font-size: 14px; } }
.layout--right-rail .rail-list-item-link {
  text-decoration: none; }
.layout--right-rail .rail-list-item-link:hover {
  text-decoration: underline; }
.layout--right-rail .rail-list-item.active {
  font-weight: 700; }
.layout--right-rail .rail-list-item.active:after {
  width: 30px; }
.layout--right-rail .rail-list-item:hover:after, .layout--right-rail .rail-list-item:focus:after {
  width: 30px; }
.layout--right-rail .rail-list-dropdown .collapse-content {
  padding: 0; }
.layout--left-rail {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas: "main-content";
  grid-gap: 0 60px;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: auto;
  grid-template-areas: "left-rail main-content";
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }
.layout--left-rail .main-content {
  grid-area: main-content; }
.layout--left-rail .left-aside {
  grid-area: left-rail; }
.layout--left-rail .main-content {
  grid-area: main-content; }
@media (max-width: 767.98px) {
  .layout--left-rail {
    grid-gap: 40px 0;
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, auto);
    grid-template-areas: "left-rail" "main-content"; } }
.layout--left-rail .rail-list {
  border-left: 1px solid #0079ab;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 35px; }
.layout--left-rail .rail-list-item {
  margin: 20px 0;
  position: relative; }
.layout--left-rail .rail-list-item:after {
  background: #0079ab;
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: -36px;
  width: 0;
  height: 1px;
  transition: .25s ease; }
@media (min-width: 1900px) {
  .layout--left-rail .rail-list-item {
    font-size: 18px; } }
.layout--left-rail .rail-list-item:first-child {
  color: #0079ab;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase; }
.layout--left-rail .rail-list-item:first-child:after {
  display: none; }
@media (min-width: 1900px) {
  .layout--left-rail .rail-list-item:first-child {
    font-size: 14px; } }
.layout--left-rail .rail-list-item-link {
  text-decoration: none; }
.layout--left-rail .rail-list-item-link:hover {
  text-decoration: underline; }
.layout--left-rail .rail-list-item.active {
  font-weight: 700; }
.layout--left-rail .rail-list-item.active:after {
  width: 30px; }
.layout--left-rail .rail-list-item:hover:after, .layout--left-rail .rail-list-item:focus:after {
  width: 30px; }
.layout--left-rail .rail-list-dropdown .collapse-content {
  padding: 0; }
