body,
html {
  padding: 0;
  margin: 0;
  background: #7196d0; }

.slick-arrow.slick-prev, .slick-arrow.slick-next {
  z-index: 1000;
  width: 60px;
  height: 60px;
  padding: 0px 10px; }
  .slick-arrow.slick-prev:before, .slick-arrow.slick-next:before {
    color: white;
    font-size: 30px; }

.slick-arrow.slick-prev {
  left: 0; }

.slick-arrow.slick-next {
  right: 0; }

.elem-slider-item-container {
  font-family: sans-serif;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .elem-slider-item-container img {
    width: 100%; }

.elem-sub-item-image-text {
  position: absolute;
  bottom: 0; }

.elem-nav {
  height: 200px;
  width: 100%;
  background: #7196d0;
  position: relative; }
  .elem-nav .elem-nav-list {
    position: absolute;
    background: #0b1e62;
    bottom: 0; }
    .elem-nav .elem-nav-list ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .elem-nav .elem-nav-list ul li {
        float: left;
        padding: 2px 10px; }
        .elem-nav .elem-nav-list ul li.active a {
          color: #f58634; }
        .elem-nav .elem-nav-list ul li a {
          color: #fff;
          font-size: 14px;
          font-family: sans-serif;
          cursor: pointer; }
          .elem-nav .elem-nav-list ul li a:hover {
            color: #f58634; }

.elem-footer {
  height: 200px;
  background: #376abb;
  width: 100%; }

.elem-nav {
  min-width: 768px; }

.elem-slider-item-container {
  pointer-events: none; }

.elem-slider-sub-footer-container img {
  width: 100vw; }

.elem-hidden {
  visibility: hidden;
  height: 0; }
  .elem-hidden-null {
    display: none !important; }

.text-section {
  width: 100vw;
  overflow: auto;
  display: flex; }
  .text-section-image {
    width: calc(100vw / 3);
    float: left; }
    .text-section-image > img {
      width: 100%; }
  .text-section-text {
    float: left;
    width: calc(100vw * 2/3); }
    .text-section-text > img {
      width: 100%; }