body {
  font-family: "AvenirBook", Helvetica, Arial sans-serif;
  height: 100vh;
  width: 100vw;
  overflow-x: hidden; }

.report-container {
  background: white;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
  .report-container.hide-header header {
    display: none; }
  .report-container.hide-header .main-container {
    margin-top: 50px; }
  .report-container header {
    height: 120px;
    width: calc(100% - 16px);
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    float: left;
    position: fixed;
    z-index: 100; }
    .report-container header .header-wrapp {
      width: 100%;
      height: 100%;
      float: left;
      padding: 0 15%;
      user-select: none; }
      .report-container header .header-wrapp .logo {
        float: left;
        width: 100%;
        height: 50px;
        margin-top: 30px; }
        .report-container header .header-wrapp .logo .image {
          width: 290px;
          height: 50px;
          float: left; }
          .report-container header .header-wrapp .logo .image img {
            max-width: 100%;
            max-height: 100%; }
        .report-container header .header-wrapp .logo .header-text {
          float: left;
          width: calc(100% - 290px);
          color: #bada55;
          font-size: 34px;
          padding-left: 100px; }
      .report-container header .header-wrapp .menu-list {
        width: 293px;
        float: right; }
        .report-container header .header-wrapp .menu-list .item {
          float: left;
          padding-right: 10px;
          padding-left: 10px;
          border-right: 1px solid #2468a5; }
          .report-container header .header-wrapp .menu-list .item a {
            color: #2468A5;
            text-decoration: none;
            font-size: 15px; }
          .report-container header .header-wrapp .menu-list .item:hover a {
            color: #0088CB; }
          .report-container header .header-wrapp .menu-list .item:last-child {
            border: none; }
  .report-container .main-container {
    float: left;
    width: 100%;
    padding: 0 15%;
    margin-top: 140px; }
    .report-container .main-container .tabs-wrapper {
      width: calc(100% - 60px);
      border-radius: 4px;
      border: 1px solid #ededed;
      box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.05);
      margin: 0 0 0 60px;
      position: relative;
      float: left; }
      .report-container .main-container .tabs-wrapper .tabs-icons-wrapp {
        width: 55px;
        float: left;
        position: fixed;
        margin-left: -65px;
        margin-top: 50px; }
        .report-container .main-container .tabs-wrapper .tabs-icons-wrapp.fix-to-bottom {
          position: absolute;
          bottom: 50px; }
        .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon {
          float: left;
          color: #d8d8d8;
          width: 100%;
          min-height: 50px;
          margin-bottom: 10px;
          text-align: center;
          cursor: pointer; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon i,
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon .text {
            float: left;
            width: 100%; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon i {
            font-size: 25px; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon .text {
            font-size: 12px;
            margin-top: 2px;
            word-wrap: break-word; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+1).active {
            color: #00b5f0; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+1):hover {
            color: #00b5f0; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+2).active {
            color: #bd8ed0; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+2):hover {
            color: #bd8ed0; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+3).active {
            color: #f60; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+3):hover {
            color: #f60; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+4).active {
            color: #ff24c7; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+4):hover {
            color: #ff24c7; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+5).active {
            color: #2fc5cc; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon:nth-of-type(5n+5):hover {
            color: #2fc5cc; }
          .report-container .main-container .tabs-wrapper .tabs-icons-wrapp .icon.disable-color {
            color: #d8d8d8 !important; }
      .report-container .main-container .tabs-wrapper .tab {
        width: 100%;
        padding: 30px;
        border-bottom: dotted 1px #d8d8d8;
        float: left; }
        .report-container .main-container .tabs-wrapper .tab .btn-show-more {
          width: 100%;
          height: 40px;
          float: left;
          text-align: center;
          padding-top: 9px;
          background: #1568a9;
          color: white;
          cursor: pointer;
          font-size: 18px;
          margin-bottom: 60px; }
        .report-container .main-container .tabs-wrapper .tab .header {
          float: left;
          width: 100%;
          margin-bottom: 15px;
          text-transform: uppercase;
          color: #1c2752; }
          .report-container .main-container .tabs-wrapper .tab .header span {
            float: left;
            width: 100%;
            display: block; }
        .report-container .main-container .tabs-wrapper .tab .header-mobile {
          display: none; }
        .report-container .main-container .tabs-wrapper .tab .text {
          float: left;
          width: 100%;
          text-align: justify;
          font-size: 16px;
          line-height: 30px; }
        .report-container .main-container .tabs-wrapper .tab .childs-items {
          float: left;
          width: 100%; }
          .report-container .main-container .tabs-wrapper .tab .childs-items .child-item {
            float: left;
            width: 100%; }
            .report-container .main-container .tabs-wrapper .tab .childs-items .child-item .sub-header {
              float: left;
              width: 100%;
              font-size: 22px;
              color: #1c2752;
              margin-bottom: 10px; }
              .report-container .main-container .tabs-wrapper .tab .childs-items .child-item .sub-header span {
                float: left;
                width: 100%; }
        .report-container .main-container .tabs-wrapper .tab .extra-items {
          float: left;
          width: 100%; }
          .report-container .main-container .tabs-wrapper .tab .extra-items .extra-item {
            float: left;
            width: 100%;
            margin-bottom: 20px; }
            .report-container .main-container .tabs-wrapper .tab .extra-items .extra-item.image {
              text-align: center; }
              .report-container .main-container .tabs-wrapper .tab .extra-items .extra-item.image img {
                max-width: 100%; }
            .report-container .main-container .tabs-wrapper .tab .extra-items .extra-item.link {
              font-size: 14px; }
              .report-container .main-container .tabs-wrapper .tab .extra-items .extra-item.link a {
                width: 100%;
                outline: none;
                color: #1f497d;
                text-decoration: underline;
                text-align: left;
                display: inline-block; }
            .report-container .main-container .tabs-wrapper .tab .extra-items .extra-item.text {
              font-size: 14px; }
              .report-container .main-container .tabs-wrapper .tab .extra-items .extra-item.text span {
                color: black;
                width: 100%;
                text-align: left;
                display: inline-block; }
        .report-container .main-container .tabs-wrapper .tab .images {
          float: left;
          width: 100%; }
          .report-container .main-container .tabs-wrapper .tab .images .pre-post-image {
            float: left;
            width: 100%;
            text-align: center;
            margin-bottom: 20px; }
            .report-container .main-container .tabs-wrapper .tab .images .pre-post-image img {
              max-width: 100%; }
        .report-container .main-container .tabs-wrapper .tab .post {
          float: left;
          width: 100%;
          margin-bottom: 20px; }
          .report-container .main-container .tabs-wrapper .tab .post .post-header,
          .report-container .main-container .tabs-wrapper .tab .post .post-source,
          .report-container .main-container .tabs-wrapper .tab .post .post-date,
          .report-container .main-container .tabs-wrapper .tab .post .post-content {
            width: 100%;
            float: left;
            color: black; }
          .report-container .main-container .tabs-wrapper .tab .post .post-header {
            word-wrap: break-word; }
          .report-container .main-container .tabs-wrapper .tab .post a.post-header {
            text-decoration: underline;
            outline: none; }
          .report-container .main-container .tabs-wrapper .tab .post .post-header {
            font-weight: bold;
            margin-bottom: 10px;
            text-align: justify;
            font-size: 16px; }
          .report-container .main-container .tabs-wrapper .tab .post .post-content {
            margin-top: 10px; }
            .report-container .main-container .tabs-wrapper .tab .post .post-content p {
              text-align: justify;
              margin-bottom: 5px;
              word-wrap: break-word; }

footer {
  float: left;
  width: 100%;
  height: 300px;
  background: #52565c; }
  footer .footer-wrapp {
    width: 980px;
    height: 100%;
    margin: 0 auto;
    padding: 40px 0; }
    footer .footer-wrapp .bottom-menu,
    footer .footer-wrapp .socials {
      float: left; }
    footer .footer-wrapp .bottom-menu .left,
    footer .footer-wrapp .bottom-menu .right {
      float: left; }
      footer .footer-wrapp .bottom-menu .left .menu-item,
      footer .footer-wrapp .bottom-menu .right .menu-item {
        float: left;
        width: 100%;
        margin-bottom: 15px; }
        footer .footer-wrapp .bottom-menu .left .menu-item a,
        footer .footer-wrapp .bottom-menu .right .menu-item a {
          color: white;
          text-decoration: none;
          user-select: none;
          outline: none;
          font-size: 15px; }
        footer .footer-wrapp .bottom-menu .left .menu-item:first-child,
        footer .footer-wrapp .bottom-menu .right .menu-item:first-child {
          margin-top: 10px; }
          footer .footer-wrapp .bottom-menu .left .menu-item:first-child a,
          footer .footer-wrapp .bottom-menu .right .menu-item:first-child a {
            text-transform: uppercase; }
        footer .footer-wrapp .bottom-menu .left .menu-item:last-child,
        footer .footer-wrapp .bottom-menu .right .menu-item:last-child {
          margin-bottom: 5px; }
    footer .footer-wrapp .bottom-menu .left {
      width: 90px; }
    footer .footer-wrapp .bottom-menu .right {
      width: 130px;
      border-left: 1px dashed white;
      padding-left: 20px; }
    footer .footer-wrapp .socials {
      width: 260px;
      float: right; }
      footer .footer-wrapp .socials .contact-button-wrapp,
      footer .footer-wrapp .socials .socials-wrapp,
      footer .footer-wrapp .socials .text-wrapp {
        width: 100%;
        float: left; }
      footer .footer-wrapp .socials .contact-button-wrapp {
        position: relative; }
        footer .footer-wrapp .socials .contact-button-wrapp .contact-button {
          height: 40px;
          width: 150px;
          border-radius: 0;
          background-color: #1568a9;
          transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
          border: solid #053e25 0px;
          color: white;
          text-transform: uppercase;
          display: block;
          float: right;
          text-decoration: none;
          user-select: none;
          outline: none;
          text-align: center;
          font-size: 18px;
          font-weight: bold;
          padding-top: 8px; }
          footer .footer-wrapp .socials .contact-button-wrapp .contact-button:hover {
            background-color: #55a8d4;
            border-color: #053e25;
            transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s; }
        footer .footer-wrapp .socials .contact-button-wrapp .button-shadow {
          background: url(https://static.parastorage.com/services/skins/2.1229.80/images/wysiwyg/core/themes/base/liftedshadow_medium.png) no-repeat 100% 0;
          bottom: -26px;
          height: 26px;
          position: absolute;
          right: -20px;
          width: 165px; }
      footer .footer-wrapp .socials .socials-wrapp {
        margin-top: 60px; }
        footer .footer-wrapp .socials .socials-wrapp .social-link {
          width: 20%;
          float: left; }
          footer .footer-wrapp .socials .socials-wrapp .social-link a {
            width: 40px;
            height: 40px;
            float: right;
            display: block;
            background: white;
            color: #52565c;
            border-radius: 25px;
            text-decoration: none;
            user-select: none;
            outline: none;
            position: relative;
            font-size: 22px;
            text-align: center; }
            footer .footer-wrapp .socials .socials-wrapp .social-link a i {
              padding-top: 9px; }
      footer .footer-wrapp .socials .text-wrapp {
        margin-top: 20px; }
        footer .footer-wrapp .socials .text-wrapp .text {
          color: white;
          font-size: 14px;
          user-select: none; }

@media (max-width: 375px) {
  .report-container .main-container .tabs-wrapper .tab .header {
    font-size: 21px; }
  .report-container .main-container .tabs-wrapper .tab .sub-header {
    font-size: 19px; }
  .report-container .main-container .tabs-wrapper .tab .post .post-header {
    font-size: 15px; }
  .report-container .main-container .tabs-wrapper .tab .post .post-source,
  .report-container .main-container .tabs-wrapper .tab .post .post-date,
  .report-container .main-container .tabs-wrapper .tab .post .post-content {
    font-size: 13px; } }

@media (max-width: 1023px) {
  .report-container header {
    width: 100%;
    height: 95px; }
    .report-container header .header-wrapp {
      padding: 0; }
      .report-container header .header-wrapp .logo {
        margin-top: 15px; }
        .report-container header .header-wrapp .logo .image {
          margin: 0 auto;
          float: none; }
        .report-container header .header-wrapp .logo .header-text {
          display: none; }
      .report-container header .header-wrapp .menu-list {
        float: none;
        margin: 0 auto; }
  .report-container .main-container {
    padding: 0;
    margin-top: 95px;
    min-height: calc(100% - 245px); }
    .report-container .main-container .tabs-wrapper {
      width: 100%;
      margin: 0; }
    .report-container .main-container .tabs-icons-wrapp {
      display: none; }
    .report-container .main-container .tab {
      position: relative; }
      .report-container .main-container .tab .header {
        display: none; }
      .report-container .main-container .tab .header-mobile {
        display: block !important;
        height: 60px;
        width: calc(100% + 60px);
        position: relative;
        cursor: pointer;
        box-shadow: 0 2px 5px -2px grey;
        top: -30px;
        left: -30px; }
        .report-container .main-container .tab .header-mobile .naviTitle-icon {
          display: block;
          float: left;
          width: 24px;
          height: 24px;
          margin: 18px;
          position: relative; }
          .report-container .main-container .tab .header-mobile .naviTitle-icon:before, .report-container .main-container .tab .header-mobile .naviTitle-icon:after {
            content: "";
            position: absolute;
            background: #1c2752;
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            transition: all 400ms 400ms ease; }
          .report-container .main-container .tab .header-mobile .naviTitle-icon:before {
            width: 2px;
            height: 24px;
            left: 11px;
            top: 0;
            opacity: 1; }
          .report-container .main-container .tab .header-mobile .naviTitle-icon:after {
            width: 24px;
            height: 2px;
            left: 0;
            top: 11px; }
        .report-container .main-container .tab .header-mobile .header-text {
          float: left;
          height: 100%;
          width: calc(100% - 75px);
          font-weight: bold;
          font-size: 21px;
          padding-top: 17px;
          color: #1c2752; }
        .report-container .main-container .tab .header-mobile .color-line {
          float: left;
          width: 15px;
          height: 100%; }
      .report-container .main-container .tab.hideTab {
        overflow: hidden;
        max-height: 60px !important;
        transition: max-height 0.2s ease 0.6s, background-color 0.2s ease 0.6s, padding-top 0.2s ease 0.6s; }
        .report-container .main-container .tab.hideTab .header-mobile {
          background: #fafafa; }
      .report-container .main-container .tab.showTab {
        max-height: none;
        transition: none; }
        .report-container .main-container .tab.showTab .header-mobile {
          background: #fff; }
        .report-container .main-container .tab.showTab .naviTitle-icon:before, .report-container .main-container .tab.showTab .naviTitle-icon:after {
          transform: rotate(180deg);
          transition: all 400ms ease; }
        .report-container .main-container .tab.showTab .naviTitle-icon:before {
          opacity: 0; }
      .report-container .main-container .tab:nth-of-type(5n+1) .header-mobile .color-line {
        background: #00b5f0; }
      .report-container .main-container .tab:nth-of-type(5n+2) .header-mobile .color-line {
        background: #bd8ed0; }
      .report-container .main-container .tab:nth-of-type(5n+3) .header-mobile .color-line {
        background: #f60; }
      .report-container .main-container .tab:nth-of-type(5n+4) .header-mobile .color-line {
        background: #ff24c7; }
      .report-container .main-container .tab:nth-of-type(5n+5) .header-mobile .color-line {
        background: #2fc5cc; }
  .report-container footer {
    height: 150px; }
    .report-container footer .footer-wrapp {
      width: 100%;
      padding: 30px 0; }
      .report-container footer .footer-wrapp .bottom-menu {
        display: none; }
      .report-container footer .footer-wrapp .socials {
        margin: 0 calc(50% - 130px); }
        .report-container footer .footer-wrapp .socials .contact-button-wrapp {
          display: none; }
        .report-container footer .footer-wrapp .socials .socials-wrapp {
          margin-top: 0; }
          .report-container footer .footer-wrapp .socials .socials-wrapp .social-link a {
            float: left; } }

@media (min-width: 1024px) and (max-width: 1340px) {
  .report-container header .header-wrapp .logo .header-text {
    font-size: 25px;
    padding: 0;
    text-align: right; } }

@media (min-width: 1024px) and (max-width: 1100px) {
  footer .footer-wrapp {
    width: calc(100% - 80px); } }