body {
  background: transparent; }

.header {
  background: #ff0002;
  transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  animation-name: showHeader;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-delay: 0.3s; }

.head_block {
  background: #ff0002;
  opacity: 0;
  animation-name: showWithOpacity;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-delay: 0.7s; }

.page_subtitle,
.bold {
  font-family: "bold", "bold2"; }

.page_subtitle {
  margin-bottom: 13px; }

.info_page {
  background: #f0f0f0; }
  .info_page .info_head {
    background-position: center;
    background-size: cover;
    height: 177px;
    background-repeat: no-repeat;
    padding: 20px;
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    animation-name: showWithOpacity;
    animation-duration: 0.7s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-delay: 0.7s; }
  .info_page .cola_logo {
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    padding-bottom: 5px;
    background-size: 130px;
    background-position: top left;
    width: 130px;
    height: 130px; }
  .info_page .info_title {
    font-size: 43px;
    line-height: 1.33em;
    color: #ffffff;
    font-family: "bold", "bold2";
    padding-right: 20px;
    word-break: break-all; }
  .info_page .info_container {
    font-size: 20px;
    line-height: 1.33em;
    color: #000000;
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 60px;
    background: #ffffff;
    opacity: 0;
    animation-name: showWithOpacity;
    animation-duration: 0.8s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-delay: 0.8s; }
    .info_page .info_container > .table thead th {
      background: #ff0002;
      border: none;
      color: #ffffff; }
    .info_page .info_container b span {
      font-size: 15px; }
    .info_page .info_container span {
      font-size: 15px; }
  @media (max-width: 1199px) {
    .info_page .info_container {
      padding: 30px; } }
  @media (max-width: 991px) {
    .info_page .info_title {
      font-size: 30px;
      padding-right: 0; }
    .info_page .head_block > .custom_container {
      padding: 0; }
    .info_page .info_container {
      font-size: 16px;
      padding: 15px; }
      .info_page .info_container > .table thead th {
        text-align: center; }
    .info_page .info_head {
      height: 400px; }
    .info_page .cola_logo {
      position: absolute;
      bottom: 20px;
      right: 35px;
      height: 85px;
      width: 85px;
      background-size: 85px; } }
  @media (max-width: 767px) {
    .info_page .info_container {
      padding: 0; } }
  @media (max-width: 359px) {
    .info_page .info_container {
      font-size: 13px; } }

@keyframes elipseScale {
  0% {
    background-size: auto 0; }
  100% {
    background-size: auto 100%; } }
@keyframes showBotles {
  0% {
    transform: translate3d(-50vw, 0, 0) scale(0.5);
    -moz-transform: translate3d(-50vw, 0, 0) scale(0.5);
    -ms-transform: translate3d(-50vw, 0, 0) scale(0.5);
    -webkit-transform: translate3d(-50vw, 0, 0) scale(0.5);
    -o-transform: translate3d(-50vw, 0, 0) scale(0.5); }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1); } }
@keyframes showWithOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.web .info_container a {
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .web .info_container a:hover {
    color: #9e9e9e; }

.touch .info_container a {
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .touch .info_container a:active {
    color: #9e9e9e; }

/*# sourceMappingURL=websiteinfo.css.map */