/* currency */
.currency_table {
  margin: 40px 0 0;
}

.currency_table tbody tr:last-child {
  background-color: rgba(0, 68, 101, .25);
  font-weight: bold;
}

.responsive_table__remark {
  font: 1.4rem/1 a;
  font-family: inherit;
  color: #004465;
}

/* slider, canvas */
.tabloid {
  font-size: 0;
  margin: 40px -20px 0;
}
.tabloid__canvas {
  position: relative;
  background-color: #eee;
  height: 50px;
  padding: 0 40px;
}
@media only screen and (min-width: 1198px) {
  .tabloid {
    margin-left: 0;
    margin-right: 0;
  }
}

/* nav items */
.tabloid__nav_item {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  font: 14px/1 a;
  font-family: inherit;
  color: #004465;
}
.tabloid__nav_item.slider-item-current .tabloid__nav_link {
  color: #111;
  text-decoration: none;
}
.tabloid__nav_link:hover {
  text-decoration: none;
}

/* nav arrows */
.tabloid__nav {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background-color: #eee;
}
.tabloid__nav.tabloid__previous {
  left: 0;
}
.tabloid__nav.tabloid__next {
  right: 0;
}

.tabloid__nav .slider-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.tabloid__nav {
  transition: opacity 0.25s ease-out 0s;
  will-change: opacity;
}
.tabloid__nav .vicon {
  transition: transform .25s ease-in-out 0s;
  will-change: transform;
}
.tabloid__nav.slider-inactive .vicon {
  opacity: 0.25;
}
.tabloid__previous .vicon__body {
  transform: rotate(90deg);
}
.tabloid__next .vicon__body {
  transform: rotate(-90deg);
}
@media only screen and (min-width: 1198px) {
  .tabloid__previous:not(.slider-inactive):hover .vicon {
    transform: translateX(-5px);
  }
  .tabloid__next:not(.slider-inactive):hover .vicon {
    transform: translateX(5px);
  }
}

/* items */
.tabloid__items {
  display: flex;
  align-items: flex-start;
}
.tabloid__item {
  width: 100%;
  margin-top: 30px;
  margin-right: -100%;
  padding: 0 20px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease-out 0s, visibility 0s ease-in .4s;
}
.tabloid__item.slider-nav-item-current {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s ease-in 0s, visibility 0s ease-in 0s;
}
@media only screen and (min-width: 1198px) {
  .tabloid__item {
    padding: 0 40px;
  }
}

/* author quotes */
.tabloid__items .quoted {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 1.1rem 0 0;
}
.tabloid__items .quote_author_middle {
  flex-basis: calc(100% - 80px);
  font: bold 1.4rem/1.6rem a;
  font-family: inherit;
  color: #666;
}
.tabloid__items .circled__picture {
  order: -1;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.tabloid__items .quote_text {
  flex-basis: 100%;
  margin: 17px 0 0;
  padding: 0.2rem 0 0.6rem 18px;
  border-left: 2px solid #333;
  font: bold 2rem/2.2rem a;
  font-family: inherit;
  color: #111;
}
@media only screen and (min-width: 1198px) {
  .tabloid__items .quoted {
    margin-top: 1.2rem;
  }
  .tabloid__items .quote_text {
    font-size: 2.4rem;
    line-height: 2.7rem;
    margin: 20px 0 0 -20px;
    padding: 0 0 0.5rem 18px;
  }
}