@charset "UTF-8";
/* 头部主容器 - sticky定位 */
.header[data-v-b9545179] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  background: transparent;
  z-index: 1000;
  position: sticky;
  top: 0;
  height: 64px;
  box-shadow: none;
  transition: all 0.3s ease;
}

/* 滚动时的样式变化 */
.header.scrolled[data-v-b9545179] {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(15px) saturate(1.5);
  -webkit-backdrop-filter: blur(15px) saturate(1.5);
  box-shadow: 0 2px 20px rgba(14, 97, 212, 0.1);
}

/* 菜单栏流光磨砂背景层容器 */
.header-art-bg[data-v-b9545179] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* 流光背景动画 */
.header-glow[data-v-b9545179] {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background:
    radial-gradient(circle at 15% 50%, rgba(244, 67, 54, 0.25) 0%, transparent 50%),
    radial-gradient(circle at 40% 30%, rgba(76, 175, 80, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 65% 60%, rgba(156, 39, 176, 0.25) 0%, transparent 50%),
    radial-gradient(circle at 85% 40%, rgba(255, 193, 7, 0.2) 0%, transparent 50%);
  background-size: 50% 100%, 60% 100%, 55% 100%, 50% 100%;
  background-position: 0% 0%, 20% 0%, 45% 0%, 70% 0%;
  background-repeat: repeat;
  filter: blur(25px);
  opacity: 0.4;
  animation: headerFlow-b9545179 25s ease-in-out infinite;
  transition: all 0.3s ease;
}

/* 滚动时增强流光效果 */
.header.scrolled .header-glow[data-v-b9545179] {
  opacity: 0.6;
  filter: blur(20px);
}

/* 磨砂玻璃叠加层 */
.header-overlay[data-v-b9545179] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(8px) saturate(1.2);
  -webkit-backdrop-filter: blur(8px) saturate(1.2);
  background: rgba(255, 255, 255, 0.3);
  mix-blend-mode: overlay;
  transition: all 0.3s ease;
}

/* 滚动时增强磨砂效果 */
.header.scrolled .header-overlay[data-v-b9545179] {
  backdrop-filter: blur(12px) saturate(1.5);
  -webkit-backdrop-filter: blur(12px) saturate(1.5);
  background: rgba(255, 255, 255, 0.4);
}

/* 头部内容容器 */
.header-content[data-v-b9545179] {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}

/* Logo容器 */
.logo[data-v-b9545179] {
  height: 24px;
  margin: 10px 24px 10px 0;
  position: relative;
  z-index: 10;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.logo img[data-v-b9545179] {
  height: 24px;
  width: auto;
  filter: brightness(0) contrast(1.2);
  pointer-events: none;
}

/* 导航容器 */
.nav-container[data-v-b9545179] {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
}

/* 登陆系统按钮 */
.login-btn[data-v-b9545179] {
  background: #0F182C;
  color: white;
  border: none;
  padding: 8px 20px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  margin-left: 0;
}

/* Header流光动画 */
@keyframes headerFlow-b9545179 {
0%, 100% {
    background-position: 0% 0%, 20% 0%, 45% 0%, 70% 0%;
}
25% {
    background-position: 40% 0%, 60% 0%, 85% 0%, 10% 0%;
}
50% {
    background-position: 70% 0%, 10% 0%, 35% 0%, 90% 0%;
}
75% {
    background-position: 20% 0%, 80% 0%, 5% 0%, 55% 0%;
}
}

/* 使用Ant Design自带的样式，只修改颜色 */
[data-v-b9545179] .ant-menu-horizontal {
  border-bottom: none !important;
  background: transparent !important;
}

/* 菜单项默认样式 */
[data-v-b9545179] .ant-menu-item {
  margin: 0;
  font-weight: 600;
  padding: 0 20px !important;
  color: #0F182C !important;
}

/* 选中状态 - 使用Ant Design自带的样式，只修改颜色 */
[data-v-b9545179] .ant-menu-item-selected {
  color: #0E61D4 !important;
}

/* 选中状态的下划线 - 使用Ant Design自带的样式，只修改颜色 */
[data-v-b9545179] .ant-menu-item-selected::after {
  background: #0E61D4 !important;
}

/* hover效果 - 文字颜色变为#0E61D4 */
[data-v-b9545179] .ant-menu-item:hover {
  color: #0E61D4 !important;
  background: transparent !important;
}

/* 移除hover时的下划线 */
[data-v-b9545179] .ant-menu-item:hover::after {
  background: transparent !important;
  height: 0 !important;
}

/* 移除hover时的前置装饰 */
[data-v-b9545179] .ant-menu-item:hover::before {
  content: none !important;
  display: none !important;
}

/* 修复router-link样式 */
[data-v-b9545179] .ant-menu-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: inherit;
}

/* 下拉子菜单项样式 - 确保视觉宽度与其他菜单项一致 */
[data-v-b9545179] .ant-menu-submenu {
  font-weight: 600 !important;
  color: #0F182C !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
[data-v-b9545179] .ant-menu-submenu-title {
  font-weight: 600 !important;
  color: #0F182C !important;
  padding: 0 20px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 64px !important;
  line-height: 64px !important;
}

/* 确保下拉菜单标题与其他菜单项视觉一致 */
[data-v-b9545179] .ant-menu-submenu-title span {
  display: inline-block !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

/* 下拉菜单的下划线 - 使用固定宽度，与其他菜单项保持一致 */
[data-v-b9545179] .ant-menu-submenu-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 24px !important;
  height: 0 !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
}

/* 下拉菜单选中状态的下划线 - 固定宽度 */
[data-v-b9545179] .ant-menu-submenu-selected .ant-menu-submenu-title::after {
  height: 2px !important;
  background: #0E61D4 !important;
}

/* 下拉菜单hover状态 */
[data-v-b9545179] .ant-menu-submenu:hover {
  color: #0E61D4 !important;
}
[data-v-b9545179] .ant-menu-submenu:hover .ant-menu-submenu-title {
  color: #0E61D4 !important;
}

/* 下拉菜单hover时的下划线 - 固定宽度 */
[data-v-b9545179] .ant-menu-submenu:hover .ant-menu-submenu-title::after {
  height: 2px !important;
  background: #0E61D4 !important;
  opacity: 0.3 !important;
}

/* 确保下拉菜单激活状态也有下划线 */
[data-v-b9545179] .ant-menu-submenu-open .ant-menu-submenu-title::after {
  height: 2px !important;
  background: #0E61D4 !important;
  opacity: 0.6 !important;
}

/* 下拉菜单打开时的hover状态 */
[data-v-b9545179] .ant-menu-submenu-open:hover .ant-menu-submenu-title::after {
  height: 2px !important;
  background: #0E61D4 !important;
  opacity: 1 !important;
}

/* 下拉面板样式 - 确保下拉面板与菜单项对齐 */
[data-v-b9545179] .ant-menu-submenu-popup {
  min-width: 140px !important;
  width: auto !important;
  left: 0 !important;
  right: auto !important;
  position: absolute !important;
  top: 100% !important;
  z-index: 1001 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 确保下拉菜单位置正确 */
[data-v-b9545179] .ant-menu-submenu-vertical {
  position: relative !important;
}

/* 下拉菜单内容容器 - 确保正常显示 */
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-vertical {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  border-radius: 4px !important;
  background: white !important;
}

/* 下拉菜单项容器 */
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-item-group {
  display: block !important;
}
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-item-group-list {
  display: block !important;
}

/* 确保下拉菜单在滚动时也能正常显示 */
[data-v-b9545179] .header.scrolled .ant-menu-submenu-popup {
  z-index: 1001 !important;
}

/* 下拉面板中的菜单项 */
[data-v-b9545179] .ant-menu-vertical .ant-menu-item {
  font-weight: 500 !important;
  padding: 0 16px !important;
  margin: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  white-space: nowrap !important;
  min-width: 120px !important;
}
[data-v-b9545179] .ant-menu-vertical .ant-menu-item:hover {
  color: #0E61D4 !important;
  background: #f9fafb !important;
}
[data-v-b9545179] .ant-menu-vertical .ant-menu-item-selected {
  color: #0E61D4 !important;
  background: #eff6ff !important;
  font-weight: 600 !important;
}

/* 修复下拉菜单显示问题 - 确保下拉菜单不会被隐藏 */
[data-v-b9545179] .ant-menu-submenu-popup {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 确保下拉菜单内容正常显示 */
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-vertical {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 修复下拉菜单位置 */
[data-v-b9545179] .ant-menu-submenu-vertical .ant-menu-submenu-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 24px !important;
  height: 0 !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
}

/* 下拉菜单激活状态 */
[data-v-b9545179] .ant-menu-submenu-open .ant-menu-submenu-title::after {
  height: 2px !important;
  background: #0E61D4 !important;
  opacity: 0.6 !important;
}

/* 下拉菜单hover状态 */
[data-v-b9545179] .ant-menu-submenu:hover .ant-menu-submenu-title::after {
  height: 2px !important;
  background: #0E61D4 !important;
  opacity: 0.3 !important;
}

/* 确保下拉菜单在任何状态下都可见 */
[data-v-b9545179] .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  opacity: 1 !important;
}
[data-v-b9545179] .ant-menu-submenu-arrow {
  opacity: 0.6 !important;
  transition: opacity 0.3s ease !important;
}
[data-v-b9545179] .ant-menu-submenu:hover .ant-menu-submenu-arrow {
  opacity: 1 !important;
}

/* 确保所有菜单项都正常显示 - 包括下拉菜单 */
[data-v-b9545179] .ant-menu-horizontal {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
}

/* 确保所有菜单项和子菜单都可见 */
[data-v-b9545179] .ant-menu-horizontal > .ant-menu-item,[data-v-b9545179] .ant-menu-horizontal > .ant-menu-submenu {
  position: relative !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
}

/* 确保下拉菜单项不会被隐藏 */
[data-v-b9545179] .ant-menu-submenu {
  flex-shrink: 0 !important;
}

/* 确保下拉菜单弹出层正常显示 */
[data-v-b9545179] .ant-menu-submenu-popup {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 1001 !important;
}

/* 确保下拉菜单内容容器正常显示 */
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-vertical {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  border-radius: 4px !important;
  background: white !important;
}

/* 确保下拉菜单项容器正常显示 */
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-item-group,[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-item-group-list {
  display: block !important;
}

/* 隐藏Ant Design的overflow更多菜单项 - 但确保不影响正常菜单 */
[data-v-b9545179] .ant-menu-overflow-item-rest {
  display: none !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* 确保菜单容器不会触发溢出 */
[data-v-b9545179] .ant-menu-overflow {
  overflow: visible !important;
}

/* 确保下拉菜单弹出层正常显示 */
[data-v-b9545179] .ant-menu-submenu-popup {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* 下拉菜单内容容器 */
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-vertical {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 下拉菜单项容器 */
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-item-group {
  display: block !important;
}
[data-v-b9545179] .ant-menu-submenu-popup .ant-menu-item-group-list {
  display: block !important;
}

/* 移动端菜单按钮 */
.mobile-menu-btn[data-v-b9545179] {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #0F182C;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  padding: 8px;
  gap: 4px;
}
.mobile-menu-btn span[data-v-b9545179] {
  display: block;
  width: 20px;
  height: 2px;
  background: white;
  transition: all 0.3s ease;
}

/* 移动端菜单面板 */
.mobile-menu-overlay[data-v-b9545179] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: flex;
  justify-content: flex-end;
  animation: fadeIn-b9545179 0.3s ease;
}
.mobile-menu-panel[data-v-b9545179] {
  width: 80%;
  max-width: 320px;
  height: 100%;
  background: white;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  animation: slideIn-b9545179 0.3s ease;
}
.mobile-menu-header[data-v-b9545179] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e5e7eb;
}
.mobile-menu-header img[data-v-b9545179] {
  height: 24px;
  width: auto;
  filter: brightness(0) contrast(1.2);
}
.close-btn[data-v-b9545179] {
  width: 36px;
  height: 36px;
  background: #f3f4f6;
  border: none;
  border-radius: 6px;
  font-size: 24px;
  color: #6b7280;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.close-btn[data-v-b9545179]:hover {
  background: #e5e7eb;
  color: #1f2937;
}
.mobile-menu[data-v-b9545179] {
  flex: 1;
  overflow-y: auto;
  border: none !important;
}
.mobile-menu[data-v-b9545179] .ant-menu-item {
  padding: 20px 24px !important;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #f3f4f6 !important;
  margin: 0 !important;
  height: auto !important;
  line-height: 1.5 !important;
  min-height: 56px;
  display: flex !important;
  align-items: center !important;
}
.mobile-menu[data-v-b9545179] .ant-menu-item span {
  width: 100%;
  display: block;
}
.mobile-menu[data-v-b9545179] .ant-menu-item-selected {
  background: #eff6ff !important;
  color: #0E61D4 !important;
  font-weight: 600 !important;
}
.mobile-menu[data-v-b9545179] .ant-menu-item:hover {
  background: #f9fafb !important;
  color: #0E61D4 !important;
}
.mobile-login-btn[data-v-b9545179] {
  margin: 20px;
  padding: 14px 24px;
  background: #0F182C;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mobile-login-btn[data-v-b9545179]:hover {
  background: #1a2332;
  transform: translateY(-1px);
}

/* 动画 */
@keyframes fadeIn-b9545179 {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes slideIn-b9545179 {
from { transform: translateX(100%);
}
to { transform: translateX(0);
}
}

/* 自定义下拉菜单样式 */
.custom-dropdown[data-v-b9545179] {
  position: relative;
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
}
.dropdown-trigger[data-v-b9545179] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 20px;
  height: 64px;
  font-weight: 600;
  color: #0F182C;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  user-select: none;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.dropdown-trigger[data-v-b9545179]:hover {
  color: #0E61D4;
}
.dropdown-trigger.active[data-v-b9545179] {
  color: #0E61D4;
}

/* 下拉箭头 */
.dropdown-arrow[data-v-b9545179] {
  width: 10px;
  height: 6px;
  transition: transform 0.3s ease;
  opacity: 0.6;
}
.dropdown-arrow.open[data-v-b9545179] {
  transform: rotate(180deg);
  opacity: 1;
}

/* 下拉内容 */
.dropdown-content[data-v-b9545179] {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 140px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 1001;
  overflow: hidden;
}
.dropdown-content.show[data-v-b9545179] {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown-item[data-v-b9545179] {
  padding: 12px 16px;
  font-weight: 600;
  color: #0F182C;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  min-width: 120px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.dropdown-item[data-v-b9545179]:hover {
  background: #f9fafb;
  color: #0E61D4;
}
.dropdown-item[data-v-b9545179]:active {
  background: #eff6ff;
  color: #0E61D4;
}

/* 下拉菜单激活状态的下划线 */
.dropdown-trigger.active[data-v-b9545179]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 2px;
  background: #0E61D4;
}

/* 下拉菜单hover时的下划线 */
.dropdown-trigger[data-v-b9545179]:hover::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 2px;
  background: #0E61D4;
  opacity: 0.3;
}

/* 下拉菜单激活且hover时的下划线 */
.dropdown-trigger.active[data-v-b9545179]:hover::after {
  opacity: 1;
}

/* 响应式布局 */
@media (max-width: 768px) {
.header[data-v-b9545179] {
    padding: 0 16px;
    height: 60px;
}
.logo[data-v-b9545179] {
    margin: 8px 12px 8px 0;
    height: 22px;
}
.logo img[data-v-b9545179] {
    height: 22px;
}
[data-v-b9545179] .ant-menu-horizontal {
    display: none;
}
.login-btn[data-v-b9545179] {
    display: none;
}
.custom-dropdown[data-v-b9545179] {
    display: none;
}
.mobile-menu-btn[data-v-b9545179] {
    display: flex;
}
.header-glow[data-v-b9545179] {
    filter: blur(20px);
    opacity: 0.4;
}
}

.footer-container[data-v-e72a65e1] {
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  padding: 24px 0;
  margin-top: auto;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.footer-content[data-v-e72a65e1] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-items[data-v-e72a65e1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
}
.contact-item[data-v-e72a65e1] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4b5563;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}
.contact-item[data-v-e72a65e1]:hover {
  color: #0E61D4;
}
.icon[data-v-e72a65e1] {
  color: #0E61D4;
  font-size: 1.1rem;
}
.text[data-v-e72a65e1] {
  font-weight: 500;
}
.copyright[data-v-e72a65e1] {
  text-align: center;
  color: #6b7280;
  font-size: 0.85rem;
  padding: 8px 0;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.copyright p[data-v-e72a65e1] {
  margin: 0;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
.footer-container[data-v-e72a65e1] {
    padding: 20px 0;
}
.contact-items[data-v-e72a65e1] {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-bottom: none;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e7eb;
}
.contact-item[data-v-e72a65e1] {
    font-size: 0.85rem;
}
}
@media (max-width: 480px) {
.footer-content[data-v-e72a65e1] {
    padding: 0 16px;
}
}

.app-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* 修复页面白边问题 */
body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}

/* 确保Ant Design组件正常显示 */
.ant-layout-header {
  margin: 0;
  padding: 0;
}

/* 修复下拉菜单位置问题 */
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
}

/* 确保页面内容占满全屏 */
#app {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* 可以添加一些自定义样式 */
#mcontact[data-v-1b46eae9] {
  background: #f8f9fa;
  padding: 50px 0;
}
#contactform input[data-v-1b46eae9],
#contactform textarea[data-v-1b46eae9] {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border-color 0.3s ease;
}
#contactform input[data-v-1b46eae9]:focus,
#contactform textarea[data-v-1b46eae9]:focus {
  border-color: #0E61D4;
  outline: none;
  box-shadow: 0 0 0 2px rgba(14, 97, 212, 0.2);
}
.inputsub[data-v-1b46eae9] {
  background: #0E61D4;
  color: white;
  border: none;
  padding: 12px 30px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.inputsub[data-v-1b46eae9]:hover {
  background: #0E61D4;
}

/* 首页主视觉区域 */
.hero-section[data-v-1b46eae9] {
  padding: 40px 0;
  background: #F5F5F5;
  min-height: 750px;
  margin-bottom: -20px;
  position: relative;
  z-index: 1;
  will-change: scroll-position;
}
.hero-visual[data-v-1b46eae9] {
  width: 80%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

/* * 490 */
.hero-blur-bg[data-v-1b46eae9] {
  width: 100%;
  height: 660px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(14, 97, 212, 0.25);
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}

/* 变形流动艺术块 - 多层彩色流光, 满铺整个容器 */
.hero-blur-bg[data-v-1b46eae9]::before,
.hero-blur-bg[data-v-1b46eae9]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  filter: blur(50px) saturate(2) contrast(1.1);
  will-change: filter;
}

/* 第一层 - 紫红色流动块 - 带噪点过度 */
.hero-blur-bg[data-v-1b46eae9]::before {
  background:
    /* 大色块 */
    radial-gradient(circle at 20% 30%, rgba(244, 67, 54, 0.8) 25%, transparent 65%),
    radial-gradient(circle at 80% 70%, rgba(33, 150, 243, 0.7) 25%, transparent 65%),
    radial-gradient(circle at 50% 50%, rgba(156, 39, 176, 0.65) 28%, transparent 68%),
    radial-gradient(circle at 50% 75%, rgba(244, 67, 54, 0.5) 28%, transparent 68%),
    /* 细腻过渡层 - 柔化边缘 */
    radial-gradient(ellipse at 50% 40%, rgba(255, 100, 150, 0.3) 8%, transparent 40%),
    radial-gradient(ellipse at 40% 60%, rgba(100, 150, 255, 0.25) 8%, transparent 40%),
    radial-gradient(ellipse at 60% 65%, rgba(200, 80, 200, 0.25) 8%, transparent 40%),
    /* 自然过度遮罩 */
    radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.15) 15%, transparent 45%),
    radial-gradient(ellipse at 60% 40%, rgba(255, 180, 100, 0.2) 10%, transparent 50%);
  animation: morphFloat1-1b46eae9 20s ease-in-out infinite;
  opacity: 0.8;
}

/* 第二层 - 橙色青色流动块 - 加强融合 */
.hero-blur-bg[data-v-1b46eae9]::after {
  background:
    /* 基础色块 */
    radial-gradient(circle at 30% 20%, rgba(255, 152, 0, 0.65) 25%, transparent 65%),
    radial-gradient(circle at 70% 80%, rgba(0, 188, 212, 0.65) 25%, transparent 65%),
    radial-gradient(circle at 50% 50%, rgba(233, 30, 99, 0.55) 28%, transparent 68%),
    radial-gradient(circle at 50% 25%, rgba(255, 235, 59, 0.45) 28%, transparent 70%),
    /* 叠加融合层 */
    radial-gradient(ellipse at 45% 35%, rgba(100, 200, 255, 0.25) 12%, transparent 45%),
    radial-gradient(ellipse at 55% 65%, rgba(255, 200, 100, 0.25) 12%, transparent 45%),
    /* 边缘柔化 */
    radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.1) 20%, transparent 50%);
  animation: morphFloat2-1b46eae9 25s ease-in-out infinite reverse;
  opacity: 0.55;
}

/* 第三层 - 磨砂质感遮罩 */
.hero-blur-bg .content-overlay[data-v-1b46eae9] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15); /* 微弱的白色磨砂层 */
  backdrop-filter: blur(15px) saturate(1.5); /* 磨砂模糊效果 */
  -webkit-backdrop-filter: blur(15px) saturate(1.5);
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
  will-change: backdrop-filter;
}

/* 流动变形动画 - 让彩色渐变在整个容器内缓慢移动 */
@keyframes morphFloat1-1b46eae9 {
0%, 100% {
    background-position:
      20% 30%, 80% 70%, 50% 50%, 50% 75%,
      50% 40%, 40% 60%, 60% 65%, 50% 50%, 60% 40%;
    animation-timing-function: ease-in-out;
}
25% {
    background-position:
      40% 20%, 60% 80%, 55% 45%, 45% 80%,
      45% 50%, 35% 70%, 65% 75%, 45% 45%, 55% 35%;
    animation-timing-function: ease-in-out;
}
50% {
    background-position:
      25% 45%, 75% 65%, 45% 55%, 50% 70%,
      55% 45%, 45% 65%, 55% 60%, 55% 55%, 65% 45%;
    animation-timing-function: ease-in-out;
}
75% {
    background-position:
      50% 30%, 90% 85%, 60% 60%, 55% 60%,
      50% 35%, 35% 55%, 65% 70%, 50% 40%, 60% 35%;
    animation-timing-function: ease-in-out;
}
}
@keyframes morphFloat2-1b46eae9 {
0%, 100% {
    background-position:
      30% 20%, 70% 80%, 55% 45%, 25% 75%,
      45% 35%, 55% 65%, 50% 50%;
    filter: blur(50px) hue-rotate(0deg);
}
25% {
    background-position:
      55% 35%, 80% 90%, 45% 60%, 40% 80%,
      40% 40%, 60% 70%, 55% 45%;
    filter: blur(55px) hue-rotate(60deg);
}
50% {
    background-position:
      35% 15%, 90% 75%, 60% 50%, 20% 65%,
      50% 30%, 50% 70%, 45% 50%;
    filter: blur(48px) hue-rotate(120deg);
}
75% {
    background-position:
      45% 40%, 65% 90%, 50% 55%, 35% 85%,
      40% 45%, 60% 65%, 55% 55%;
    filter: blur(52px) hue-rotate(180deg);
}
}

/* 确保文字可读 - 深色渐变在最上层 */
.hero-blur-bg[data-v-1b46eae9]::after {
  mix-blend-mode: screen;
}
.hero-blur-bg .content-overlay[data-v-1b46eae9]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.25), rgba(10, 78, 168, 0.35));
  mix-blend-mode: multiply;
}

/* 主视觉内容叠加层 */
.hero-content[data-v-1b46eae9] {
  position: absolute;
  top: -20%;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; /* 左对齐 */
  padding: 80px 60px;
  z-index: 10;
}

/* 文本区域容器 */
.hero-text-area[data-v-1b46eae9] {
  margin-bottom: 32px;
  animation: fadeInUp-1b46eae9 0.8s ease-out;
}
.hero-title[data-v-1b46eae9] {
  font-size: 3.5rem;
  font-weight: 800;
  color: #ffffff;
  text-align: left;
  margin: 0 0 12px 0;
  letter-spacing: -1px;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}

/* 圆形开始按钮 - 极简微光效果 */
.hero-action-btn[data-v-1b46eae9] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.18));
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  backdrop-filter: blur(8px) saturate(1.2);
  -webkit-backdrop-filter: blur(8px) saturate(1.2);
  transition: all 0.3s ease;
  /* 极微弱阴影 - 透明度仅0.02 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
  text-decoration: none;
  animation: fadeInUp-1b46eae9 0.8s ease-out 0.2s both;
  position: relative;
  overflow: hidden;
}

/* 底部微光 - 极淡 */
.hero-action-btn[data-v-1b46eae9]::after {
  content: '';
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 120%;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(255, 255, 255, 0.02) 40%,
    rgba(255, 255, 255, 0.04) 100%);
  filter: blur(8px);
  opacity: 0;
  transition: opacity 0.3s ease, bottom 0.4s ease;
}
.hero-action-btn[data-v-1b46eae9]:hover::after {
  opacity: 0.6;
  bottom: -25%;
}
.hero-action-btn[data-v-1b46eae9]:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.25));
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  border-color: rgba(255, 255, 255, 0.35);
}
.hero-action-btn[data-v-1b46eae9]:active {
  transform: translateY(0);
}
.hero-action-btn svg[data-v-1b46eae9] {
  transition: transform 0.3s ease;
  opacity: 0.9;
}
.hero-action-btn:hover svg[data-v-1b46eae9] {
  transform: translateX(3px);
  opacity: 1;
}
.hero-subtitle[data-v-1b46eae9] {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.95);
  text-align: center;
  margin: 0 0 32px 0;
  font-weight: 400;
  letter-spacing: 1px;
  animation: fadeInUp-1b46eae9 0.8s ease-out 0.2s both;
}
.hero-features[data-v-1b46eae9] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  animation: fadeInUp-1b46eae9 0.8s ease-out 0.4s both;
}
.hero-feature-tag[data-v-1b46eae9] {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.95rem;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.25);
  transition: all 0.3s ease;
}
.hero-feature-tag[data-v-1b46eae9]:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
@keyframes fadeInUp-1b46eae9 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* 抽屉式动画效果 */
.courses-section[data-v-1b46eae9] {
  padding: 60px 0;
  background: #F5F5F5;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease-out;
}
.courses-section.show[data-v-1b46eae9] {
  opacity: 1;
  transform: translateY(0);
}

/* 核心功能模块 - 左右分栏布局 */
.split-layout[data-v-1b46eae9] {
  display: flex;
  gap: 0;
  width: 100%;
  margin-top: 40px;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}

/* 左侧主区块 - 大色块模糊效果（低饱和度） */
.left-main-block[data-v-1b46eae9] {
  width: 50%;
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.65) 0%, rgba(10, 78, 168, 0.7) 50%, rgba(33, 150, 243, 0.65) 100%);
  border-radius: 24px 0 0 24px;
  -webkit-border-radius: 24px 0 0 24px;
  -moz-border-radius: 24px 0 0 24px;
  padding: 60px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(25px) saturate(1.2);
  -webkit-backdrop-filter: blur(25px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}

/* 左侧主区块背景装饰 - 蓝色系大色块模糊流动（低饱和度） */
.left-main-block[data-v-1b46eae9]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    /* 大色块 - 深蓝色（低饱和度） */
    radial-gradient(circle at 20% 30%, rgba(14, 97, 212, 0.6) 0%, transparent 60%),
    /* 大色块 - 天蓝色（低饱和度） */
    radial-gradient(circle at 80% 70%, rgba(100, 200, 255, 0.5) 0%, transparent 60%),
    /* 大色块 - 青蓝色（低饱和度） */
    radial-gradient(circle at 50% 50%, rgba(33, 150, 243, 0.45) 0%, transparent 55%),
    /* 大色块 - 紫蓝色（低饱和度） */
    radial-gradient(circle at 40% 60%, rgba(156, 39, 176, 0.4) 0%, transparent 55%),
    /* 大色块 - 亮蓝色（低饱和度） */
    radial-gradient(circle at 60% 40%, rgba(0, 188, 212, 0.35) 0%, transparent 55%);
  opacity: 0.6;
  pointer-events: none;
  mix-blend-mode: overlay;
  animation: bigBlockBlur-1b46eae9 20s ease-in-out infinite;
  filter: blur(40px) saturate(1.2);
}

/* 大色块模糊流动动画（低饱和度） */
@keyframes bigBlockBlur-1b46eae9 {
0%, 100% {
    background-position: 
      20% 30%, 80% 70%, 50% 50%, 40% 60%, 60% 40%;
    opacity: 0.6;
    filter: blur(40px) saturate(1.2) contrast(1.0);
}
50% {
    background-position: 
      40% 20%, 60% 80%, 55% 45%, 35% 70%, 65% 35%;
    opacity: 0.7;
    filter: blur(50px) saturate(1.4) contrast(1.1);
}
}

/* 磨砂质感叠加层 - 增强模糊效果 */
.left-main-block[data-v-1b46eae9]::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 0;
}
.main-content-wrapper[data-v-1b46eae9] {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #ffffff;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.main-icon[data-v-1b46eae9] {
  width: 80px;
  height: 80px;
  margin: 0 auto 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px) saturate(1.5);
  -webkit-backdrop-filter: blur(10px) saturate(1.5);
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.main-icon[data-v-1b46eae9]:hover {
  transform: scale(1.05) rotate(-3deg);
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.main-icon svg[data-v-1b46eae9] {
  stroke: #ffffff;
  stroke-width: 1.8;
}
.main-title[data-v-1b46eae9] {
  font-size: 2rem;
  font-weight: 800;
  margin: 0 0 16px 0;
  letter-spacing: -0.5px;
  line-height: 1.2;
  color: #ffffff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.main-description[data-v-1b46eae9] {
  font-size: 1.05rem;
  line-height: 1.8;
  margin: 0 0 24px 0;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  background: transparent;
  padding: 0;
  border-radius: 0;
  border: none;
}
.main-features[data-v-1b46eae9] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
.feature-tag[data-v-1b46eae9] {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px) saturate(1.2);
  -webkit-backdrop-filter: blur(8px) saturate(1.2);
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.feature-tag[data-v-1b46eae9]:hover {
  background: rgba(255, 255, 255, 0.25);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.5);
}

/* 右侧四个子区块 */
.right-sub-blocks[data-v-1b46eae9] {
  width: 50%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  background: transparent;
  min-height: 500px;
}
.sub-block[data-v-1b46eae9] {
  background: #ffffff;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}

/* 为每个子区块添加细微的背景色差异，实现视觉分区 */
.sub-block[data-v-1b46eae9]:nth-child(1) { background: #ffffff;
}
.sub-block[data-v-1b46eae9]:nth-child(2) { background: #fafafa;
}
.sub-block[data-v-1b46eae9]:nth-child(3) { background: #ffffff;
}
.sub-block[data-v-1b46eae9]:nth-child(4) { background: #fafafa;
}
.sub-block[data-v-1b46eae9]:hover {
  background: #f8f9fa;
  transform: translateY(0);
  box-shadow: none;
  border: none !important;
}
.sub-icon[data-v-1b46eae9] {
  font-size: 2.5rem;
  margin-bottom: 12px;
  transition: all 0.3s ease;
}
.sub-block:hover .sub-icon[data-v-1b46eae9] {
  transform: scale(1.15) translateY(0);
}
.sub-title[data-v-1b46eae9] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a2c4e;
  margin: 0 0 8px 0;
  letter-spacing: -0.2px;
}
.sub-desc[data-v-1b46eae9] {
  font-size: 0.85rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
  font-weight: 400;
}

/* 无缝拼接 - 移除所有边框和阴影 */
.sub-block[data-v-1b46eae9],
.left-main-block[data-v-1b46eae9] {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* 确保子区块之间无缝连接 */
.right-sub-blocks[data-v-1b46eae9] {
  gap: 0;
  border-radius: 0;
  overflow: hidden;
}
.sub-block[data-v-1b46eae9] {
  border-radius: 0;
  border: none !important;
  box-shadow: none !important;
}

/* 右侧子区块的视觉分隔 - 移除所有边线 */
.sub-block[data-v-1b46eae9]:nth-child(1),
.sub-block[data-v-1b46eae9]:nth-child(3) {
  border-right: none !important;
}
.sub-block[data-v-1b46eae9]:nth-child(1),
.sub-block[data-v-1b46eae9]:nth-child(2) {
  border-bottom: none !important;
}

/* 悬停时的边框处理 - 移除边框 */
.sub-block[data-v-1b46eae9]:hover {
  border: none !important;
  box-shadow: none !important;
}

/* 左侧主区块的视觉处理 */
.left-main-block[data-v-1b46eae9] {
  border-radius: 24px 0 0 24px;
  position: relative;
}

/* 右侧子区块容器的视觉处理 */
.right-sub-blocks[data-v-1b46eae9] {
  background: #ffffff;
  border-radius: 0 24px 24px 0;
  -webkit-border-radius: 0 24px 24px 0;
  -moz-border-radius: 0 24px 24px 0;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}

/* 确保右侧子区块背景一致 */
.right-sub-blocks .sub-block[data-v-1b46eae9] {
  background: #ffffff;
}

/* 为右侧子区块添加细微的背景差异，实现视觉分区但保持无缝 */
.right-sub-blocks .sub-block[data-v-1b46eae9]:nth-child(2),
.right-sub-blocks .sub-block[data-v-1b46eae9]:nth-child(4) {
  background: #fafafa;
}

/* 悬停效果 - 移除边框，只保留背景变化和轻微提升 */
.sub-block[data-v-1b46eae9]:hover {
  background: #f0f2f5 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
  border: none !important;
}

/* 左侧主区块 - 完全移除悬停效果 */
.left-main-block[data-v-1b46eae9]:hover {
  transform: none;
  box-shadow: none !important;
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.65) 0%, rgba(10, 78, 168, 0.7) 50%, rgba(33, 150, 243, 0.65) 100%) !important;
}

/* 确保左右分栏在视觉上完全融合 */
.split-layout[data-v-1b46eae9] {
  background: transparent;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* 移除子区块的伪元素，但保留左侧主区块的大色块 */
.sub-block[data-v-1b46eae9]::before,
.sub-block[data-v-1b46eae9]::after {
  display: none !important;
}

/* 响应式布局 */
@media (max-width: 1024px) {
.split-layout[data-v-1b46eae9] {
    flex-direction: column;
    gap: 0;
}
.left-main-block[data-v-1b46eae9] {
    width: 100%;
    border-radius: 24px 24px 0 0;
    min-height: 400px;
    padding: 48px 32px;
}
.right-sub-blocks[data-v-1b46eae9] {
    width: 100%;
    min-height: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}
.main-title[data-v-1b46eae9] {
    font-size: 1.75rem;
}
.main-description[data-v-1b46eae9] {
    font-size: 1rem;
}
.sub-block[data-v-1b46eae9] {
    padding: 28px 20px;
}
.sub-title[data-v-1b46eae9] {
    font-size: 1rem;
}
.sub-desc[data-v-1b46eae9] {
    font-size: 0.8rem;
}
}
@media (max-width: 768px) {
.left-main-block[data-v-1b46eae9] {
    border-radius: 20px 20px 0 0;
    padding: 40px 24px;
    min-height: 350px;
}
.main-icon[data-v-1b46eae9] {
    width: 70px;
    height: 70px;
}
.main-title[data-v-1b46eae9] {
    font-size: 1.5rem;
}
.main-description[data-v-1b46eae9] {
    font-size: 0.95rem;
}
.main-features[data-v-1b46eae9] {
    gap: 8px;
}
.feature-tag[data-v-1b46eae9] {
    padding: 6px 12px;
    font-size: 0.8rem;
}
.right-sub-blocks[data-v-1b46eae9] {
    grid-template-columns: 1fr;
}
.sub-block[data-v-1b46eae9] {
    padding: 24px 20px;
    border-right: none !important;
    border-bottom: 1px solid #e8e8e8;
}
.sub-block[data-v-1b46eae9]:last-child {
    border-bottom: none;
}
.sub-icon[data-v-1b46eae9] {
    font-size: 2rem;
}
.sub-title[data-v-1b46eae9] {
    font-size: 1.05rem;
}
.sub-desc[data-v-1b46eae9] {
    font-size: 0.85rem;
}
}
@media (max-width: 480px) {
.left-main-block[data-v-1b46eae9] {
    border-radius: 16px 16px 0 0;
    padding: 32px 20px;
    min-height: 320px;
}
.main-icon[data-v-1b46eae9] {
    width: 60px;
    height: 60px;
    margin-bottom: 16px;
}
.main-title[data-v-1b46eae9] {
    font-size: 1.35rem;
    margin-bottom: 12px;
}
.main-description[data-v-1b46eae9] {
    font-size: 0.9rem;
    margin-bottom: 16px;
}
.feature-tag[data-v-1b46eae9] {
    padding: 5px 10px;
    font-size: 0.75rem;
}
.sub-block[data-v-1b46eae9] {
    padding: 20px 16px;
}
.sub-icon[data-v-1b46eae9] {
    font-size: 1.8rem;
    margin-bottom: 8px;
}
.sub-title[data-v-1b46eae9] {
    font-size: 1rem;
    margin-bottom: 6px;
}
.sub-desc[data-v-1b46eae9] {
    font-size: 0.8rem;
}
}

/* 响应式布局 */
@media (max-width: 768px) {
#contactinfo[data-v-1b46eae9], #contactform[data-v-1b46eae9] {
    width: 100%;
    margin-bottom: 30px;
}
}

/* ===== 现代化美观样式 ===== */

/* 专业服务系统部分容器 */
.service-system-section[data-v-1b46eae9] {
  background: #F5F5F5;
  padding: 60px 0;
}

/* 暗色标题样式 */
.section-title.dark[data-v-1b46eae9] {
  color: #1a2c4e;
}

/* 服务特性卡片 - 新UI */
.service-feature-card[data-v-1b46eae9] {
  background: #ffffff;
  border-radius: 16px;
  padding: 28px;
  border: 1px solid #e8e8e8;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(26, 44, 78, 0.05);
}
.service-feature-card[data-v-1b46eae9]:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(14, 97, 212, 0.18);
  border-color: #0E61D4;
}

/* 卡片头部 */
.feature-header[data-v-1b46eae9] {
  position: relative;
  z-index: 1;
  margin-bottom: 16px;
}
.service-badge[data-v-1b46eae9] {
  display: inline-block;
  background: linear-gradient(135deg, #0E61D4 0%, #0a4ea8 100%);
  color: white;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(14, 97, 212, 0.25);
}

/* 图标盒子 */
.feature-icon-box[data-v-1b46eae9] {
  width: 68px;
  height: 68px;
  margin: 8px 0 16px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}
.feature-icon-box.system[data-v-1b46eae9] {
  background: rgba(34, 156, 255, 0.12);
  color: #229cff;
  border: 1px solid rgba(34, 156, 255, 0.2);
}
.feature-icon-box.manual[data-v-1b46eae9] {
  background: rgba(76, 175, 80, 0.12);
  color: #4caf50;
  border: 1px solid rgba(76, 175, 80, 0.2);
}
.feature-icon-box.tech[data-v-1b46eae9] {
  background: rgba(255, 152, 0, 0.12);
  color: #ff9800;
  border: 1px solid rgba(255, 152, 0, 0.2);
}
.service-feature-card:hover .feature-icon-box.system[data-v-1b46eae9] {
  background: #229cff;
  color: white;
  transform: rotate(-5deg) scale(1.05);
}
.service-feature-card:hover .feature-icon-box.manual[data-v-1b46eae9] {
  background: #4caf50;
  color: white;
  transform: rotate(5deg) scale(1.05);
}
.service-feature-card:hover .feature-icon-box.tech[data-v-1b46eae9] {
  background: #ff9800;
  color: white;
  transform: rotate(-3deg) scale(1.05);
}

/* 特性标题和描述 */
.feature-title[data-v-1b46eae9] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a2c4e;
  margin: 8px 0;
  letter-spacing: -0.2px;
  position: relative;
  z-index: 1;
}
.feature-desc[data-v-1b46eae9] {
  font-size: 0.92rem;
  color: #666;
  line-height: 1.7;
  margin: 12px 0 16px 0;
  position: relative;
  z-index: 1;
  min-height: 60px;
}

/* 特性详情列表 */
.feature-details[data-v-1b46eae9] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  z-index: 1;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #e0e0e0;
}
.detail-item[data-v-1b46eae9] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  color: #555;
  line-height: 1.4;
}
.detail-item span[data-v-1b46eae9]:first-child {
  color: #0E61D4;
  font-weight: 700;
  font-size: 1rem;
}

/* 关于我们 - 图片卡片 */
.about-image-card[data-v-1b46eae9] {
  background: linear-gradient(135deg, #0E61D4 0%, #0a4ea8 100%);
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  min-height: 320px;
  position: relative;
  box-shadow: 0 8px 24px rgba(14, 97, 212, 0.2);
}
.about-image-placeholder[data-v-1b46eae9] {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #0E61D4 0%, #0a4ea8 100%);
  position: relative;
}
.about-image-placeholder[data-v-1b46eae9]::after {
  content: 'EDU SaaS';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 4px;
}

/* 关于我们 - 内容卡片 */
.about-content-card[data-v-1b46eae9] {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #e8e8e8;
  height: 100%;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-section[data-v-1b46eae9] {
  margin-bottom: 28px;
}
.about-section[data-v-1b46eae9]:last-child {
  margin-bottom: 16px;
}
.about-heading[data-v-1b46eae9] {
  font-size: 1.15rem;
  font-weight: 600;
  color: #1f1f1f;
  margin-bottom: 12px;
  position: relative;
  padding-left: 14px;
}
.about-heading[data-v-1b46eae9]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: #0E61D4;
  border-radius: 2px;
}
.about-text[data-v-1b46eae9] {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.8;
  margin: 0;
}
.advantage-list[data-v-1b46eae9] {
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
}
.advantage-item[data-v-1b46eae9] {
  display: flex;
  align-items: center;
  padding: 8px 0;
  font-size: 0.93rem;
  color: #495057;
}
.check-icon[data-v-1b46eae9] {
  color: #0E61D4;
  margin-right: 12px;
  font-size: 1rem;
}

/* 立即预约咨询部分容器 */
.reservation-section[data-v-1b46eae9] {
  background: #F5F5F5;
  padding: 60px 0;
  position: relative;
}
.container-wrap[data-v-1b46eae9] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* 头部标题区域 */
.section-header[data-v-1b46eae9] {
  text-align: center;
  margin-bottom: 48px;
}
.section-title[data-v-1b46eae9] {
  font-size: 2.5rem;
  font-weight: 700;
  color: #1a2c4e;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.section-subtitle[data-v-1b46eae9] {
  font-size: 1.1rem;
  color: #666;
  font-weight: 400;
  margin: 0;
  line-height: 1.6;
}

/* 通用徽章样式 */
.header-badge[data-v-1b46eae9] {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg, #0E61D4 0%, #0a4ea8 100%);
  color: white;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 12px;
  box-shadow: 0 4px 12px rgba(14, 97, 212, 0.25);
}

/* 全宽预约表单卡片 */
.wide-consultation-card[data-v-1b46eae9] {
  background: #ffffff;
  border-radius: 20px;
  padding: 36px 40px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  max-width: 100%;
}
.wide-consultation-card[data-v-1b46eae9]:hover {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
  border-color: #e8e8e8;
  transform: translateY(0);
}
.form-header[data-v-1b46eae9] {
  margin-bottom: 32px;
  text-align: center;
}
.form-title[data-v-1b46eae9] {
  font-size: 2rem;
  font-weight: 700;
  color: #1a2c4e;
  margin: 8px 0;
  letter-spacing: -0.3px;
}
.form-desc[data-v-1b46eae9] {
  font-size: 1.05rem;
  color: #666;
  margin: 12px 0 0;
  line-height: 1.7;
}

/* 表单统一样式 */
.custom-form .ant-form-item-label > label[data-v-1b46eae9] {
  font-weight: 600;
  color: #1a2c4e;
  font-size: 0.95rem;
  margin-bottom: 6px;
}
.form-input[data-v-1b46eae9],
.form-textarea[data-v-1b46eae9] {
  border-radius: 10px;
  border: 2px solid #e8e8e8;
  padding: 12px 16px;
  transition: all 0.2s ease;
  font-size: 0.95rem;
  background: #fafafa;
}
.form-input[data-v-1b46eae9]:hover,
.form-textarea[data-v-1b46eae9]:hover {
  border-color: #0E61D4;
  background: #ffffff;
}
.form-input[data-v-1b46eae9]:focus,
.form-textarea[data-v-1b46eae9]:focus {
  border-color: #0E61D4;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(14, 97, 212, 0.12) !important;
}
.form-textarea[data-v-1b46eae9] {
  resize: vertical;
  min-height: 140px;
  line-height: 1.6;
}

/* 表单操作区域 */
.form-actions[data-v-1b46eae9] {
  margin-top: 32px;
  text-align: center;
}

/* 提交按钮 */
.submit-btn[data-v-1b46eae9] {
  background: linear-gradient(135deg, #0E61D4 0%, #0a4ea8 100%);
  border: none;
  border-radius: 12px;
  height: 56px;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  box-shadow: 0 6px 20px rgba(14, 97, 212, 0.35);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 12px;
}
.submit-btn[data-v-1b46eae9]:hover {
  background: linear-gradient(135deg, #0a4ea8 0%, #0E61D4 100%);
  box-shadow: 0 8px 28px rgba(14, 97, 212, 0.5);
  transform: translateY(-2px);
}
.submit-btn[data-v-1b46eae9]:active {
  transform: translateY(0) !important;
}
.submit-btn .anticon[data-v-1b46eae9] {
  font-size: 1.2rem;
}

/* 表单通知 */
.form-notice[data-v-1b46eae9] {
  font-size: 0.85rem;
  color: #666;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* 移动端响应式 */
@media (max-width: 1024px) {
  /* 主视觉区域 - iPad */
.hero-content[data-v-1b46eae9] {
    top: -15%;
    padding: 60px 40px;
}
.hero-title[data-v-1b46eae9] {
    font-size: 2.8rem;
}
.hero-action-btn[data-v-1b46eae9] {
    padding: 12px 28px;
    font-size: 1rem;
}
.hero-subtitle[data-v-1b46eae9] {
    font-size: 1.15rem;
}
.reservation-section[data-v-1b46eae9] {
    padding: 48px 0;
}
.section-title[data-v-1b46eae9] {
    font-size: 2rem;
}
.wide-consultation-card[data-v-1b46eae9] {
    padding: 32px;
}
}
@media (max-width: 768px) {
  /* 主视觉区域 - 手机竖屏 */
.hero-blur-bg[data-v-1b46eae9] {
    height: 800px;
    border-radius: 16px;
}
.hero-content[data-v-1b46eae9] {
    top: -10%;
    padding: 40px 20px;
    align-items: flex-start;
}
.hero-text-area[data-v-1b46eae9] {
    margin-bottom: 24px;
}
.hero-title[data-v-1b46eae9] {
    font-size: 2rem;
    letter-spacing: -0.5px;
    line-height: 1.2;
}
.hero-action-btn[data-v-1b46eae9] {
    padding: 12px 26px;
    font-size: 1rem;
    gap: 8px;
}
.hero-subtitle[data-v-1b46eae9] {
    font-size: 1rem;
    line-height: 1.5;
}
.hero-feature-tag[data-v-1b46eae9] {
    font-size: 0.85rem;
    padding: 6px 12px;
}
.reservation-section[data-v-1b46eae9] {
    padding: 36px 0;
}
.section-header[data-v-1b46eae9] {
    margin-bottom: 32px;
}
.section-title[data-v-1b46eae9] {
    font-size: 1.75rem;
}
.form-title[data-v-1b46eae9] {
    font-size: 1.6rem;
}
.form-desc[data-v-1b46eae9] {
    font-size: 0.95rem;
}
.wide-consultation-card[data-v-1b46eae9] {
    padding: 24px;
}
}
@media (max-width: 480px) {
  /* 主视觉区域 - 小手机 */
.hero-blur-bg[data-v-1b46eae9] {
    height: 600px;
    border-radius: 12px;
}
.hero-content[data-v-1b46eae9] {
    top: -5%;
    padding: 28px 16px;
}
.hero-text-area[data-v-1b46eae9] {
    margin-bottom: 20px;
}
.hero-title[data-v-1b46eae9] {
    font-size: 1.7rem;
    margin-bottom: 10px;
}
.hero-action-btn[data-v-1b46eae9] {
    padding: 11px 24px;
    font-size: 0.95rem;
}
.hero-subtitle[data-v-1b46eae9] {
    font-size: 0.9rem;
    margin-bottom: 24px;
}
.hero-features[data-v-1b46eae9] {
    gap: 8px;
}
.hero-feature-tag[data-v-1b46eae9] {
    font-size: 0.8rem;
    padding: 5px 10px;
}
.container-wrap[data-v-1b46eae9] {
    padding: 0 16px;
}
.reservation-section[data-v-1b46eae9] {
    padding: 28px 0;
}
.section-title[data-v-1b46eae9] {
    font-size: 1.5rem;
}
.section-subtitle[data-v-1b46eae9] {
    font-size: 0.9rem;
}
.header-badge[data-v-1b46eae9] {
    font-size: 0.8rem;
    padding: 5px 12px;
}
.wide-consultation-card[data-v-1b46eae9] {
    padding: 20px 16px;
    border-radius: 16px;
}
.form-title[data-v-1b46eae9] {
    font-size: 1.4rem;
}
.submit-btn[data-v-1b46eae9] {
    height: 50px;
    font-size: 1.05rem;
}

  /* 服务系统部分 - 移动端 */
.service-system-section[data-v-1b46eae9] {
    padding: 40px 0;
}
.service-feature-card[data-v-1b46eae9] {
    padding: 24px 20px;
    border-radius: 14px;
}
.feature-icon-box[data-v-1b46eae9] {
    width: 60px;
    height: 60px;
}
.feature-title[data-v-1b46eae9] {
    font-size: 1.15rem;
}
.feature-desc[data-v-1b46eae9] {
    font-size: 0.9rem;
}
.detail-item[data-v-1b46eae9] {
    font-size: 0.85rem;
}

  /* 核心功能模块 - 移动端 */
.courses-section[data-v-1b46eae9] {
    padding: 40px 0;
}
.modular-feature-card[data-v-1b46eae9] {
    border-radius: 14px;
}
.modular-icon-wrapper[data-v-1b46eae9] {
    width: 60px;
    height: 60px;
    margin: 20px;
}
.modular-content[data-v-1b46eae9] {
    padding: 0 20px 20px 20px;
}
.modular-title[data-v-1b46eae9] {
    font-size: 1.2rem;
}
.modular-subtitle[data-v-1b46eae9] {
    font-size: 0.82rem;
}
.modular-desc[data-v-1b46eae9] {
    font-size: 0.88rem;
}
.modular-detail-item[data-v-1b46eae9] {
    font-size: 0.85rem;
}
}

/* 响应式调整 - 移动端 */
@media (max-width: 768px) {
.service-feature-card[data-v-1b46eae9],
  .about-content-card[data-v-1b46eae9] {
    padding: 24px 18px;
    border-radius: 12px;
}
.feature-icon-box[data-v-1b46eae9] {
    width: 56px;
    height: 56px;
}
.about-image-card[data-v-1b46eae9] {
    min-height: 200px;
    margin-bottom: 20px;
}
.about-content-card[data-v-1b46eae9] {
    min-height: auto;
}

  /* 核心功能卡片 */
.modular-feature-card[data-v-1b46eae9] {
    border-radius: 12px;
}
.modular-icon-wrapper[data-v-1b46eae9] {
    width: 52px;
    height: 52px;
    margin: 16px 16px 12px 16px;
}
.modular-content[data-v-1b46eae9] {
    padding: 0 16px 16px 16px;
}
.modular-title[data-v-1b46eae9] {
    font-size: 1.15rem;
}
}

/* 客户使用板块样式 */
.customer-stats-card[data-v-1b46eae9] {
  background: linear-gradient(135deg, #0E61D4 0%, #0a4ea8 100%);
  border-radius: 16px;
  padding: 32px;
  height: 100%;
  min-height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 24px rgba(14, 97, 212, 0.25);
  position: relative;
  overflow: hidden;
}
.customer-stats-card[data-v-1b46eae9]::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: pulse-1b46eae9 4s ease-in-out infinite;
}
.customer-stats-content[data-v-1b46eae9] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.stats-item[data-v-1b46eae9] {
  text-align: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
}
.stats-item[data-v-1b46eae9]:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}
.stats-number[data-v-1b46eae9] {
  font-size: 2rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 4px;
  line-height: 1.2;
}
.stats-label[data-v-1b46eae9] {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
  letter-spacing: 0.5px;
}
.customer-content-card[data-v-1b46eae9] {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #e8e8e8;
  height: 100%;
  min-height: 380px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0 4px 12px rgba(26, 44, 78, 0.05);
}
.customer-section[data-v-1b46eae9] {
  padding-bottom: 16px;
  border-bottom: 1px dashed #e8e8e8;
}
.customer-section[data-v-1b46eae9]:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.customer-heading[data-v-1b46eae9] {
  font-size: 1.15rem;
  font-weight: 600;
  color: #1a2c4e;
  margin: 0 0 12px 0;
  position: relative;
  padding-left: 14px;
}
.customer-heading[data-v-1b46eae9]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: #0E61D4;
  border-radius: 2px;
}
.customer-text[data-v-1b46eae9] {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.8;
  margin: 0;
}
.customer-list[data-v-1b46eae9] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.customer-item[data-v-1b46eae9] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.3s ease;
  border: 1px solid #e8e8e8;
}
.customer-item[data-v-1b46eae9]:hover {
  background: #ffffff;
  border-color: #0E61D4;
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(14, 97, 212, 0.1);
}
.customer-icon[data-v-1b46eae9] {
  font-size: 1.5rem;
  min-width: 32px;
  text-align: center;
}
.customer-info[data-v-1b46eae9] {
  flex: 1;
  font-size: 0.9rem;
  color: #495057;
  line-height: 1.5;
}
.customer-info strong[data-v-1b46eae9] {
  color: #1a2c4e;
  font-weight: 600;
}

/* 动画效果 */
@keyframes pulse-1b46eae9 {
0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.3;
}
50% {
    transform: scale(1.1) rotate(180deg);
    opacity: 0.6;
}
}

/* 响应式调整 - 客户板块 */
@media (max-width: 768px) {
.customer-stats-card[data-v-1b46eae9] {
    padding: 24px;
    min-height: 320px;
}
.customer-stats-content[data-v-1b46eae9] {
    gap: 16px;
}
.stats-number[data-v-1b46eae9] {
    font-size: 1.6rem;
}
.stats-label[data-v-1b46eae9] {
    font-size: 0.8rem;
}
.customer-content-card[data-v-1b46eae9] {
    padding: 24px;
    min-height: 320px;
}
.customer-heading[data-v-1b46eae9] {
    font-size: 1.1rem;
}
.customer-text[data-v-1b46eae9] {
    font-size: 0.9rem;
}
.customer-item[data-v-1b46eae9] {
    padding: 10px;
}
.customer-icon[data-v-1b46eae9] {
    font-size: 1.3rem;
}
.customer-info[data-v-1b46eae9] {
    font-size: 0.85rem;
}
}
@media (max-width: 480px) {
.customer-stats-card[data-v-1b46eae9] {
    min-height: 280px;
}
.customer-stats-content[data-v-1b46eae9] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.stats-item[data-v-1b46eae9] {
    padding: 12px;
}
.stats-number[data-v-1b46eae9] {
    font-size: 1.4rem;
}
.customer-content-card[data-v-1b46eae9] {
    padding: 20px;
    min-height: 280px;
}
.customer-heading[data-v-1b46eae9] {
    font-size: 1rem;
}
.customer-text[data-v-1b46eae9] {
    font-size: 0.85rem;
}
.customer-item[data-v-1b46eae9] {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.customer-icon[data-v-1b46eae9] {
    font-size: 1.2rem;
}
.customer-info[data-v-1b46eae9] {
    font-size: 0.85rem;
}
}

/* 客户Logo轮播板块样式 */
.customer-logo-section[data-v-1b46eae9] {
  background: #F5F5F5;
  padding: 60px 0;
  position: relative;
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
}
.logo-section-header[data-v-1b46eae9] {
  text-align: center;
  margin-bottom: 48px;
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
  color: #F5F5F5;
}

/* Logo轮播容器 - 撑满全宽 */
.logo-carousel-container[data-v-1b46eae9] {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 20px 0;
  background: #F5F5F5;
  border-radius: 0;
  margin: 0 0 40px 0;
  box-sizing: border-box;
}
.logo-carousel-wrapper[data-v-1b46eae9] {
  width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.logo-carousel-track[data-v-1b46eae9] {
  display: flex;
  gap: 40px;
  animation: scrollLeft-1b46eae9 45s linear infinite;
  width: max-content;
  padding: 0 40px;
  box-sizing: border-box;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* Logo项样式 */
.logo-item[data-v-1b46eae9] {
  flex-shrink: 0;
  width: 230px;
  height: 100px;
  background: #ffffff;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  /* border: 1px solid #e0e0e0; */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
  padding: 0;
}
.logo-placeholder[data-v-1b46eae9] {
  font-size: 2rem;
  position: relative;
  z-index: 1;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.logo-text[data-v-1b46eae9] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #666;
  text-align: center;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}


/* 轮播动画 */
@keyframes scrollLeft-1b46eae9 {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}

/* Logo图片样式 - 拉伸撑满容器 */
.logo-image-full[data-v-1b46eae9] {
  /* width: 100%; */
  height: 100%;
  object-fit: fill;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}


/* 响应式调整 */
@media (max-width: 1024px) {
.customer-logo-section[data-v-1b46eae9] {
    padding: 48px 0;
}
.logo-section-header[data-v-1b46eae9] {
    margin-bottom: 36px;
}
.logo-item[data-v-1b46eae9] {
    width: 160px;
    height: 90px;
}
.logo-placeholder[data-v-1b46eae9] {
    font-size: 1.8rem;
}
.logo-text[data-v-1b46eae9] {
    font-size: 0.8rem;
}
.stat-item[data-v-1b46eae9] {
    min-width: 120px;
    padding: 14px 20px;
}
.stat-number[data-v-1b46eae9] {
    font-size: 1.6rem;
}
}
@media (max-width: 768px) {
.customer-logo-section[data-v-1b46eae9] {
    padding: 40px 0;
}
.logo-section-header[data-v-1b46eae9] {
    margin-bottom: 32px;
}
.logo-carousel-container[data-v-1b46eae9] {
    margin-bottom: 32px;
}
.logo-carousel-track[data-v-1b46eae9] {
    gap: 24px;
    animation-duration: 45s;
}
.logo-item[data-v-1b46eae9] {
    width: 140px;
    height: 80px;
    gap: 6px;
}
.logo-placeholder[data-v-1b46eae9] {
    font-size: 1.6rem;
}
.logo-text[data-v-1b46eae9] {
    font-size: 0.75rem;
}
}
@media (max-width: 480px) {
.customer-logo-section[data-v-1b46eae9] {
    padding: 32px 0;
}
.logo-section-header[data-v-1b46eae9] {
    margin-bottom: 24px;
}
.logo-carousel-container[data-v-1b46eae9] {
    margin-bottom: 24px;
    border-radius: 0;
}
.logo-carousel-track[data-v-1b46eae9] {
    gap: 16px;
    animation-duration: 55s;
    padding: 0 24px;
}
.logo-item[data-v-1b46eae9] {
    width: 120px;
    height: 70px;
    border-radius: 10px;
}
.logo-placeholder[data-v-1b46eae9] {
    font-size: 1.4rem;
}
.logo-text[data-v-1b46eae9] {
    font-size: 0.7rem;
}
}

/* 小屏幕额外调整 */
@media (max-width: 480px) {
.modular-subtitle[data-v-1b46eae9] {
    font-size: 0.8rem;
}
.modular-desc[data-v-1b46eae9] {
    font-size: 0.85rem;
}
.service-desc[data-v-1b46eae9],
  .feature-desc[data-v-1b46eae9] {
    font-size: 0.85rem;
}
}
@keyframes plyr-progress {
    to {
        background-position: 25px 0;
    }
}
@keyframes plyr-popup {
    0% {
        opacity: 0.5;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes plyr-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.plyr {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    direction: ltr;
    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica,
        Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow 0.3s ease;
}
.plyr audio,
.plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}
.plyr:focus {
    outline: 0;
}
.plyr--full-ui {
    box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
    box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation;
}
.plyr__badge {
    background: #4a5764;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
    display: none;
}
.plyr__captions {
    animation: plyr-fade-in 0.3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: transform 0.4s ease-in-out;
    width: 100%;
}
.plyr__captions .plyr__caption {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: 0.2em 0.5em;
    white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
    display: inline;
}
.plyr__captions span:empty {
    display: none;
}
@media (min-width: 480px) {
    .plyr__captions {
        font-size: 16px;
        padding: 20px;
    }
}
@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
    }
}
.plyr--captions-active .plyr__captions {
    display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    transform: translateY(-40px);
}
.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    transition: all 0.3s ease;
}
.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px;
}
.plyr__control:focus {
    outline: 0;
}
.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    outline: 0;
}
a.plyr__control {
    text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
    display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
    background: #00b3ff;
    color: #fff;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
    background: #00b3ff;
    color: #fff;
}
.plyr__control--overlaid {
    background: rgba(0, 179, 255, 0.8);
    border: 0;
    border-radius: 100%;
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.plyr__control--overlaid svg {
    left: 2px;
    position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    background: #00b3ff;
}
.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block;
}
.plyr--full-ui ::-webkit-media-controls {
    display: none;
}
.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center;
}
.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0;
}
.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0;
}
.plyr__controls .plyr__controls__item.plyr__volume {
    padding-right: 5px;
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
    padding-right: 0;
}
.plyr__controls:empty {
    display: none;
}
.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4a5764;
    padding: 10px;
}
.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 5px 5px;
    position: absolute;
    right: 0;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    z-index: 3;
}
@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: 35px 10px 10px;
    }
}
.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
}
.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"] {
    display: none;
}
.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
    display: inline-block;
}
.plyr__menu {
    display: flex;
    position: relative;
}
.plyr__menu .plyr__control svg {
    transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded="true"] svg {
    transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
    display: none;
}
.plyr__menu__container {
    animation: plyr-popup 0.2s ease;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #4a5764;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}
.plyr__menu__container > div {
    overflow: hidden;
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, 0.9);
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 0;
}
.plyr__menu__container [role="menu"] {
    padding: 7px;
}
.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
    margin-top: 2px;
}
.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
    margin-top: 0;
}
.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5764;
    display: flex;
    font-size: 14px;
    padding: 4px 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.plyr__menu__container .plyr__control > span {
    align-items: inherit;
    display: flex;
    width: 100%;
}
.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
    border-left-color: rgba(74, 87, 100, 0.8);
    right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
    border-right-color: rgba(74, 87, 100, 0.8);
    left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
    background: #c1c9d1;
    box-shadow: 0 1px 0 #fff;
    content: "";
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
    padding-left: 7px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::after,
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
    border-radius: 100%;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    transition: all 0.3s ease;
    width: 16px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
    width: 6px;
}
.plyr__menu__container
    .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
    background: #00b3ff;
}
.plyr__menu__container
    .plyr__control[role="menuitemradio"][aria-checked="true"]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.plyr__menu__container
    .plyr__control[role="menuitemradio"].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before {
    background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events: none;
}
.plyr--full-ui input[type="range"] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    color: #00b3ff;
    display: block;
    height: 19px;
    margin: 0;
    padding: 0;
    transition: box-shadow 0.3s ease;
    width: 100%;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(
        to right,
        currentColor var(--value, 0),
        transparent var(--value, 0)
    );
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
    height: 13px;
    position: relative;
    transition: all 0.2s ease;
    width: 13px;
    -webkit-appearance: none;
    margin-top: -4px;
}
.plyr--full-ui input[type="range"]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -moz-user-select: none;
    user-select: none;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
    height: 13px;
    position: relative;
    transition: all 0.2s ease;
    width: 13px;
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    height: 5px;
}
.plyr--full-ui input[type="range"]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
    height: 13px;
    position: relative;
    transition: all 0.2s ease;
    width: 13px;
    margin-top: 0;
}
.plyr--full-ui input[type="range"]::-ms-tooltip {
    display: none;
}
.plyr--full-ui input[type="range"]:focus {
    outline: 0;
}
.plyr--full-ui input[type="range"]::-moz-focus-outer {
    border: 0;
}
.plyr--full-ui
    input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
    outline: 0;
}
.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
    background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
    background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2),
        0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2),
        0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2),
        0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
    background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
    background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
    background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2),
        0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2),
        0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2),
        0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease;
    width: 100%;
    z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1;
}
.plyr__time {
    font-size: 14px;
}
.plyr__time + .plyr__time::before {
    content: "\2044";
    margin-right: 10px;
}
@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display: none;
    }
}
.plyr--video .plyr__time {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #4a5764;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
    white-space: nowrap;
    z-index: 2;
}
.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    bottom: -4px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls
    > .plyr__control:first-child
    + .plyr__control
    .plyr__tooltip::before {
    left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls
    > .plyr__control:first-child
    + .plyr__control
    .plyr__tooltip--visible,
.plyr__controls
    > .plyr__control:first-child
    + .plyr__control.plyr__tab-focus
    .plyr__tooltip,
.plyr__controls
    > .plyr__control:first-child
    + .plyr__control:hover
    .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1);
}
.plyr--video {
    background: #000;
    overflow: hidden;
}
.plyr--video.plyr--menu-open {
    overflow: visible;
}
.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%);
}
.plyr__progress {
    left: 6.5px;
    margin-right: 13px;
    position: relative;
}
.plyr__progress input[type="range"],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-right: -6.5px;
    width: calc(100% + 13px);
}
.plyr__progress input[type="range"] {
    position: relative;
    z-index: 2;
}
.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0;
}
.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    left: 0;
    margin-top: -2.5px;
    padding: 0;
    position: absolute;
    top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: rgba(255, 255, 255, 0.25);
}
.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 201, 209, 0.66);
}
.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(
        -45deg,
        rgba(35, 41, 47, 0.6) 25%,
        transparent 25%,
        transparent 50%,
        rgba(35, 41, 47, 0.6) 50%,
        rgba(35, 41, 47, 0.6) 75%,
        transparent 75%,
        transparent
    );
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 201, 209, 0.66);
}
.plyr__volume {
    align-items: center;
    display: flex;
    flex: 1;
    position: relative;
}
.plyr__volume input[type="range"] {
    margin-left: 5px;
    position: relative;
    z-index: 2;
}
@media (min-width: 480px) {
    .plyr__volume {
        max-width: 90px;
    }
}
@media (min-width: 768px) {
    .plyr__volume {
        max-width: 110px;
    }
}
.plyr--is-ios .plyr__volume {
    display: none !important;
}
.plyr--is-ios.plyr--vimeo [data-plyr="mute"] {
    display: none !important;
}
.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}
.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}
.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}
.plyr:-webkit-full-screen video {
    height: 100%;
}
.plyr:-ms-fullscreen video {
    height: 100%;
}
.plyr:fullscreen video {
    height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
    cursor: none;
}
@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
    }
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
    }
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
    }
}
.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}
.plyr:-webkit-full-screen video {
    height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}
@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
    }
}
.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}
.plyr:-moz-full-screen video {
    height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none;
}
@media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
    }
}
.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}
.plyr:-ms-fullscreen video {
    height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}
@media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
    }
}
.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000;
}
.plyr--fullscreen-fallback video {
    height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
    display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none;
}
@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
    }
}
.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}
.plyr__ads::after {
    background: rgba(35, 41, 47, 0.8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3;
}
.plyr__ads::after:empty {
    display: none;
}
.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    left: 0;
    margin: -2.5px 0 0;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3;
}
.plyr__preview-thumb {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
    z-index: 2;
}
.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    bottom: -4px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}
.plyr__preview-thumb__image-container {
    background: #c1c9d1;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%;
}
.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3;
}
.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 3px 6px;
}
.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.3s ease;
    width: 100%;
    z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
    opacity: 1;
}
.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}
.plyr--no-transition {
    transition: none !important;
}
.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.plyr [hidden] {
    display: none !important;
}

/* slick.css 相关样式 */
.slick-dots li {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.slider .slick-dots {
    bottom: -25px;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[;ir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-slide div {
    font-size: 0;
}
.slick-vertical .slick-slide {
    border: none;
}
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 52px;
    height: 52px;
    padding: 0;
    cursor: pointer;
    color: #a1a1a1;
    border: none;
    outline: none;
}
.slick-prev .fa,
.slick-next .fa {
    font-size: 30px;
    margin: 11px 21px;
}
.slick-prev {
    left: 0;
    z-index: 1;
}
.slick-next {
    right: 0;
}
.slick-arrow .fa:before {
    transition: all 0.1s linear;
}
.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 5px;
    height: 5px;
    margin: 7px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    border-radius: 100px;
    background-color: rgba(200, 200, 200, 0.6);
    transition: all 0.1s linear;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    text-align: center;
    opacity: 0.6;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button {
    background: #fff;
}
.slick-slide a {
    outline: none;
}
/* slick.css 相关样式 */

@font-face {
    font-family: "FontAwesome";
    src: url("fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0")
            format("embedded-opentype"),
        url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
        url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
        url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
        url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular")
            format("svg");
    font-weight: normal;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-fw {
    width: 1.28571429em;
    text-align: center;
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.fa-li.fa-lg {
    left: -1.85714286em;
}
.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: solid 0.08em #eeeeee;
    border-radius: 0.1em;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.fa.pull-left {
    margin-right: 0.3em;
}
.fa.pull-right {
    margin-left: 0.3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #ffffff;
}
.fa-glass:before {
    content: "\f000";
}
.fa-music:before {
    content: "\f001";
}
.fa-search:before {
    content: "\f002";
}
.fa-envelope-o:before {
    content: "\f003";
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-star-o:before {
    content: "\f006";
}
.fa-user:before {
    content: "\f007";
}
.fa-film:before {
    content: "\f008";
}
.fa-th-large:before {
    content: "\f009";
}
.fa-th:before {
    content: "\f00a";
}
.fa-th-list:before {
    content: "\f00b";
}
.fa-check:before {
    content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}
.fa-search-plus:before {
    content: "\f00e";
}
.fa-search-minus:before {
    content: "\f010";
}
.fa-power-off:before {
    content: "\f011";
}
.fa-signal:before {
    content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}
.fa-trash-o:before {
    content: "\f014";
}
.fa-home:before {
    content: "\f015";
}
.fa-file-o:before {
    content: "\f016";
}
.fa-clock-o:before {
    content: "\f017";
}
.fa-road:before {
    content: "\f018";
}
.fa-download:before {
    content: "\f019";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-arrow-circle-o-up:before {
    content: "\f01b";
}
.fa-inbox:before {
    content: "\f01c";
}
.fa-play-circle-o:before {
    content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}
.fa-refresh:before {
    content: "\f021";
}
.fa-list-alt:before {
    content: "\f022";
}
.fa-lock:before {
    content: "\f023";
}
.fa-flag:before {
    content: "\f024";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-volume-off:before {
    content: "\f026";
}
.fa-volume-down:before {
    content: "\f027";
}
.fa-volume-up:before {
    content: "\f028";
}
.fa-qrcode:before {
    content: "\f029";
}
.fa-barcode:before {
    content: "\f02a";
}
.fa-tag:before {
    content: "\f02b";
}
.fa-tags:before {
    content: "\f02c";
}
.fa-book:before {
    content: "\f02d";
}
.fa-bookmark:before {
    content: "\f02e";
}
.fa-print:before {
    content: "\f02f";
}
.fa-camera:before {
    content: "\f030";
}
.fa-font:before {
    content: "\f031";
}
.fa-bold:before {
    content: "\f032";
}
.fa-italic:before {
    content: "\f033";
}
.fa-text-height:before {
    content: "\f034";
}
.fa-text-width:before {
    content: "\f035";
}
.fa-align-left:before {
    content: "\f036";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-align-right:before {
    content: "\f038";
}
.fa-align-justify:before {
    content: "\f039";
}
.fa-list:before {
    content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}
.fa-indent:before {
    content: "\f03c";
}
.fa-video-camera:before {
    content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-adjust:before {
    content: "\f042";
}
.fa-tint:before {
    content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}
.fa-share-square-o:before {
    content: "\f045";
}
.fa-check-square-o:before {
    content: "\f046";
}
.fa-arrows:before {
    content: "\f047";
}
.fa-step-backward:before {
    content: "\f048";
}
.fa-fast-backward:before {
    content: "\f049";
}
.fa-backward:before {
    content: "\f04a";
}
.fa-play:before {
    content: "\f04b";
}
.fa-pause:before {
    content: "\f04c";
}
.fa-stop:before {
    content: "\f04d";
}
.fa-forward:before {
    content: "\f04e";
}
.fa-fast-forward:before {
    content: "\f050";
}
.fa-step-forward:before {
    content: "\f051";
}
.fa-eject:before {
    content: "\f052";
}
.fa-chevron-left:before {
    content: "\f053";
}
.fa-chevron-right:before {
    content: "\f054";
}
.fa-plus-circle:before {
    content: "\f055";
}
.fa-minus-circle:before {
    content: "\f056";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-check-circle:before {
    content: "\f058";
}
.fa-question-circle:before {
    content: "\f059";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-crosshairs:before {
    content: "\f05b";
}
.fa-times-circle-o:before {
    content: "\f05c";
}
.fa-check-circle-o:before {
    content: "\f05d";
}
.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-left:before {
    content: "\f060";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-arrow-down:before {
    content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}
.fa-expand:before {
    content: "\f065";
}
.fa-compress:before {
    content: "\f066";
}
.fa-plus:before {
    content: "\f067";
}
.fa-minus:before {
    content: "\f068";
}
.fa-asterisk:before {
    content: "\f069";
}
.fa-exclamation-circle:before {
    content: "\f06a";
}
.fa-gift:before {
    content: "\f06b";
}
.fa-leaf:before {
    content: "\f06c";
}
.fa-fire:before {
    content: "\f06d";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-eye-slash:before {
    content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}
.fa-plane:before {
    content: "\f072";
}
.fa-calendar:before {
    content: "\f073";
}
.fa-random:before {
    content: "\f074";
}
.fa-comment:before {
    content: "\f075";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-chevron-up:before {
    content: "\f077";
}
.fa-chevron-down:before {
    content: "\f078";
}
.fa-retweet:before {
    content: "\f079";
}
.fa-shopping-cart:before {
    content: "\f07a";
}
.fa-folder:before {
    content: "\f07b";
}
.fa-folder-open:before {
    content: "\f07c";
}
.fa-arrows-v:before {
    content: "\f07d";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-camera-retro:before {
    content: "\f083";
}
.fa-key:before {
    content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}
.fa-comments:before {
    content: "\f086";
}
.fa-thumbs-o-up:before {
    content: "\f087";
}
.fa-thumbs-o-down:before {
    content: "\f088";
}
.fa-star-half:before {
    content: "\f089";
}
.fa-heart-o:before {
    content: "\f08a";
}
.fa-sign-out:before {
    content: "\f08b";
}
.fa-linkedin-square:before {
    content: "\f08c";
}
.fa-thumb-tack:before {
    content: "\f08d";
}
.fa-external-link:before {
    content: "\f08e";
}
.fa-sign-in:before {
    content: "\f090";
}
.fa-trophy:before {
    content: "\f091";
}
.fa-github-square:before {
    content: "\f092";
}
.fa-upload:before {
    content: "\f093";
}
.fa-lemon-o:before {
    content: "\f094";
}
.fa-phone:before {
    content: "\f095";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-bookmark-o:before {
    content: "\f097";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}
.fa-github:before {
    content: "\f09b";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-credit-card:before {
    content: "\f09d";
}
.fa-rss:before {
    content: "\f09e";
}
.fa-hdd-o:before {
    content: "\f0a0";
}
.fa-bullhorn:before {
    content: "\f0a1";
}
.fa-bell:before {
    content: "\f0f3";
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-hand-o-right:before {
    content: "\f0a4";
}
.fa-hand-o-left:before {
    content: "\f0a5";
}
.fa-hand-o-up:before {
    content: "\f0a6";
}
.fa-hand-o-down:before {
    content: "\f0a7";
}
.fa-arrow-circle-left:before {
    content: "\f0a8";
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa-arrow-circle-up:before {
    content: "\f0aa";
}
.fa-arrow-circle-down:before {
    content: "\f0ab";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-wrench:before {
    content: "\f0ad";
}
.fa-tasks:before {
    content: "\f0ae";
}
.fa-filter:before {
    content: "\f0b0";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-arrows-alt:before {
    content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}
.fa-cloud:before {
    content: "\f0c2";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}
.fa-list-ul:before {
    content: "\f0ca";
}
.fa-list-ol:before {
    content: "\f0cb";
}
.fa-strikethrough:before {
    content: "\f0cc";
}
.fa-underline:before {
    content: "\f0cd";
}
.fa-table:before {
    content: "\f0ce";
}
.fa-magic:before {
    content: "\f0d0";
}
.fa-truck:before {
    content: "\f0d1";
}
.fa-pinterest:before {
    content: "\f0d2";
}
.fa-pinterest-square:before {
    content: "\f0d3";
}
.fa-google-plus-square:before {
    content: "\f0d4";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.fa-money:before {
    content: "\f0d6";
}
.fa-caret-down:before {
    content: "\f0d7";
}
.fa-caret-up:before {
    content: "\f0d8";
}
.fa-caret-left:before {
    content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-columns:before {
    content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}
.fa-comment-o:before {
    content: "\f0e5";
}
.fa-comments-o:before {
    content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}
.fa-sitemap:before {
    content: "\f0e8";
}
.fa-umbrella:before {
    content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}
.fa-lightbulb-o:before {
    content: "\f0eb";
}
.fa-exchange:before {
    content: "\f0ec";
}
.fa-cloud-download:before {
    content: "\f0ed";
}
.fa-cloud-upload:before {
    content: "\f0ee";
}
.fa-user-md:before {
    content: "\f0f0";
}
.fa-stethoscope:before {
    content: "\f0f1";
}
.fa-suitcase:before {
    content: "\f0f2";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-coffee:before {
    content: "\f0f4";
}
.fa-cutlery:before {
    content: "\f0f5";
}
.fa-file-text-o:before {
    content: "\f0f6";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-hospital-o:before {
    content: "\f0f8";
}
.fa-ambulance:before {
    content: "\f0f9";
}
.fa-medkit:before {
    content: "\f0fa";
}
.fa-fighter-jet:before {
    content: "\f0fb";
}
.fa-beer:before {
    content: "\f0fc";
}
.fa-h-square:before {
    content: "\f0fd";
}
.fa-plus-square:before {
    content: "\f0fe";
}
.fa-angle-double-left:before {
    content: "\f100";
}
.fa-angle-double-right:before {
    content: "\f101";
}
.fa-angle-double-up:before {
    content: "\f102";
}
.fa-angle-double-down:before {
    content: "\f103";
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
.fa-angle-up:before {
    content: "\f106";
}
.fa-angle-down:before {
    content: "\f107";
}
.fa-desktop:before {
    content: "\f108";
}
.fa-laptop:before {
    content: "\f109";
}
.fa-tablet:before {
    content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}
.fa-circle-o:before {
    content: "\f10c";
}
.fa-quote-left:before {
    content: "\f10d";
}
.fa-quote-right:before {
    content: "\f10e";
}
.fa-spinner:before {
    content: "\f110";
}
.fa-circle:before {
    content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}
.fa-github-alt:before {
    content: "\f113";
}
.fa-folder-o:before {
    content: "\f114";
}
.fa-folder-open-o:before {
    content: "\f115";
}
.fa-smile-o:before {
    content: "\f118";
}
.fa-frown-o:before {
    content: "\f119";
}
.fa-meh-o:before {
    content: "\f11a";
}
.fa-gamepad:before {
    content: "\f11b";
}
.fa-keyboard-o:before {
    content: "\f11c";
}
.fa-flag-o:before {
    content: "\f11d";
}
.fa-flag-checkered:before {
    content: "\f11e";
}
.fa-terminal:before {
    content: "\f120";
}
.fa-code:before {
    content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}
.fa-location-arrow:before {
    content: "\f124";
}
.fa-crop:before {
    content: "\f125";
}
.fa-code-fork:before {
    content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-exclamation:before {
    content: "\f12a";
}
.fa-superscript:before {
    content: "\f12b";
}
.fa-subscript:before {
    content: "\f12c";
}
.fa-eraser:before {
    content: "\f12d";
}
.fa-puzzle-piece:before {
    content: "\f12e";
}
.fa-microphone:before {
    content: "\f130";
}
.fa-microphone-slash:before {
    content: "\f131";
}
.fa-shield:before {
    content: "\f132";
}
.fa-calendar-o:before {
    content: "\f133";
}
.fa-fire-extinguisher:before {
    content: "\f134";
}
.fa-rocket:before {
    content: "\f135";
}
.fa-maxcdn:before {
    content: "\f136";
}
.fa-chevron-circle-left:before {
    content: "\f137";
}
.fa-chevron-circle-right:before {
    content: "\f138";
}
.fa-chevron-circle-up:before {
    content: "\f139";
}
.fa-chevron-circle-down:before {
    content: "\f13a";
}
.fa-html5:before {
    content: "\f13b";
}
.fa-css3:before {
    content: "\f13c";
}
.fa-anchor:before {
    content: "\f13d";
}
.fa-unlock-alt:before {
    content: "\f13e";
}
.fa-bullseye:before {
    content: "\f140";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-ellipsis-v:before {
    content: "\f142";
}
.fa-rss-square:before {
    content: "\f143";
}
.fa-play-circle:before {
    content: "\f144";
}
.fa-ticket:before {
    content: "\f145";
}
.fa-minus-square:before {
    content: "\f146";
}
.fa-minus-square-o:before {
    content: "\f147";
}
.fa-level-up:before {
    content: "\f148";
}
.fa-level-down:before {
    content: "\f149";
}
.fa-check-square:before {
    content: "\f14a";
}
.fa-pencil-square:before {
    content: "\f14b";
}
.fa-external-link-square:before {
    content: "\f14c";
}
.fa-share-square:before {
    content: "\f14d";
}
.fa-compass:before {
    content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}
.fa-gbp:before {
    content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}
.fa-won:before,
.fa-krw:before {
    content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}
.fa-file:before {
    content: "\f15b";
}
.fa-file-text:before {
    content: "\f15c";
}
.fa-sort-alpha-asc:before {
    content: "\f15d";
}
.fa-sort-alpha-desc:before {
    content: "\f15e";
}
.fa-sort-amount-asc:before {
    content: "\f160";
}
.fa-sort-amount-desc:before {
    content: "\f161";
}
.fa-sort-numeric-asc:before {
    content: "\f162";
}
.fa-sort-numeric-desc:before {
    content: "\f163";
}
.fa-thumbs-up:before {
    content: "\f164";
}
.fa-thumbs-down:before {
    content: "\f165";
}
.fa-youtube-square:before {
    content: "\f166";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-xing:before {
    content: "\f168";
}
.fa-xing-square:before {
    content: "\f169";
}
.fa-youtube-play:before {
    content: "\f16a";
}
.fa-dropbox:before {
    content: "\f16b";
}
.fa-stack-overflow:before {
    content: "\f16c";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-flickr:before {
    content: "\f16e";
}
.fa-adn:before {
    content: "\f170";
}
.fa-bitbucket:before {
    content: "\f171";
}
.fa-bitbucket-square:before {
    content: "\f172";
}
.fa-tumblr:before {
    content: "\f173";
}
.fa-tumblr-square:before {
    content: "\f174";
}
.fa-long-arrow-down:before {
    content: "\f175";
}
.fa-long-arrow-up:before {
    content: "\f176";
}
.fa-long-arrow-left:before {
    content: "\f177";
}
.fa-long-arrow-right:before {
    content: "\f178";
}
.fa-apple:before {
    content: "\f179";
}
.fa-windows:before {
    content: "\f17a";
}
.fa-android:before {
    content: "\f17b";
}
.fa-linux:before {
    content: "\f17c";
}
.fa-dribbble:before {
    content: "\f17d";
}
.fa-skype:before {
    content: "\f17e";
}
.fa-foursquare:before {
    content: "\f180";
}
.fa-trello:before {
    content: "\f181";
}
.fa-female:before {
    content: "\f182";
}
.fa-male:before {
    content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}
.fa-sun-o:before {
    content: "\f185";
}
.fa-moon-o:before {
    content: "\f186";
}
.fa-archive:before {
    content: "\f187";
}
.fa-bug:before {
    content: "\f188";
}
.fa-vk:before {
    content: "\f189";
}
.fa-weibo:before {
    content: "\f18a";
}
.fa-renren:before {
    content: "\f18b";
}
.fa-pagelines:before {
    content: "\f18c";
}
.fa-stack-exchange:before {
    content: "\f18d";
}
.fa-arrow-circle-o-right:before {
    content: "\f18e";
}
.fa-arrow-circle-o-left:before {
    content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}
.fa-dot-circle-o:before {
    content: "\f192";
}
.fa-wheelchair:before {
    content: "\f193";
}
.fa-vimeo-square:before {
    content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}
.fa-plus-square-o:before {
    content: "\f196";
}
.fa-space-shuttle:before {
    content: "\f197";
}
.fa-slack:before {
    content: "\f198";
}
.fa-envelope-square:before {
    content: "\f199";
}
.fa-wordpress:before {
    content: "\f19a";
}
.fa-openid:before {
    content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}
.fa-yahoo:before {
    content: "\f19e";
}
.fa-google:before {
    content: "\f1a0";
}
.fa-reddit:before {
    content: "\f1a1";
}
.fa-reddit-square:before {
    content: "\f1a2";
}
.fa-stumbleupon-circle:before {
    content: "\f1a3";
}
.fa-stumbleupon:before {
    content: "\f1a4";
}
.fa-delicious:before {
    content: "\f1a5";
}
.fa-digg:before {
    content: "\f1a6";
}
.fa-pied-piper:before {
    content: "\f1a7";
}
.fa-pied-piper-alt:before {
    content: "\f1a8";
}
.fa-drupal:before {
    content: "\f1a9";
}
.fa-joomla:before {
    content: "\f1aa";
}
.fa-language:before {
    content: "\f1ab";
}
.fa-fax:before {
    content: "\f1ac";
}
.fa-building:before {
    content: "\f1ad";
}
.fa-child:before {
    content: "\f1ae";
}
.fa-paw:before {
    content: "\f1b0";
}
.fa-spoon:before {
    content: "\f1b1";
}
.fa-cube:before {
    content: "\f1b2";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-behance:before {
    content: "\f1b4";
}
.fa-behance-square:before {
    content: "\f1b5";
}
.fa-steam:before {
    content: "\f1b6";
}
.fa-steam-square:before {
    content: "\f1b7";
}
.fa-recycle:before {
    content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}
.fa-tree:before {
    content: "\f1bb";
}
.fa-spotify:before {
    content: "\f1bc";
}
.fa-deviantart:before {
    content: "\f1bd";
}
.fa-soundcloud:before {
    content: "\f1be";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-file-word-o:before {
    content: "\f1c2";
}
.fa-file-excel-o:before {
    content: "\f1c3";
}
.fa-file-powerpoint-o:before {
    content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}
.fa-file-code-o:before {
    content: "\f1c9";
}
.fa-vine:before {
    content: "\f1ca";
}
.fa-codepen:before {
    content: "\f1cb";
}
.fa-jsfiddle:before {
    content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}
.fa-circle-o-notch:before {
    content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}
.fa-git-square:before {
    content: "\f1d2";
}
.fa-git:before {
    content: "\f1d3";
}
.fa-hacker-news:before {
    content: "\f1d4";
}
.fa-tencent-weibo:before {
    content: "\f1d5";
}
.fa-qq:before {
    content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}
.fa-history:before {
    content: "\f1da";
}
.fa-genderless:before,
.fa-circle-thin:before {
    content: "\f1db";
}
.fa-header:before {
    content: "\f1dc";
}
.fa-paragraph:before {
    content: "\f1dd";
}
.fa-sliders:before {
    content: "\f1de";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-share-alt-square:before {
    content: "\f1e1";
}
.fa-bomb:before {
    content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}
.fa-tty:before {
    content: "\f1e4";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-plug:before {
    content: "\f1e6";
}
.fa-slideshare:before {
    content: "\f1e7";
}
.fa-twitch:before {
    content: "\f1e8";
}
.fa-yelp:before {
    content: "\f1e9";
}
.fa-newspaper-o:before {
    content: "\f1ea";
}
.fa-wifi:before {
    content: "\f1eb";
}
.fa-calculator:before {
    content: "\f1ec";
}
.fa-paypal:before {
    content: "\f1ed";
}
.fa-google-wallet:before {
    content: "\f1ee";
}
.fa-cc-visa:before {
    content: "\f1f0";
}
.fa-cc-mastercard:before {
    content: "\f1f1";
}
.fa-cc-discover:before {
    content: "\f1f2";
}
.fa-cc-amex:before {
    content: "\f1f3";
}
.fa-cc-paypal:before {
    content: "\f1f4";
}
.fa-cc-stripe:before {
    content: "\f1f5";
}
.fa-bell-slash:before {
    content: "\f1f6";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-at:before {
    content: "\f1fa";
}
.fa-eyedropper:before {
    content: "\f1fb";
}
.fa-paint-brush:before {
    content: "\f1fc";
}
.fa-birthday-cake:before {
    content: "\f1fd";
}
.fa-area-chart:before {
    content: "\f1fe";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-line-chart:before {
    content: "\f201";
}
.fa-lastfm:before {
    content: "\f202";
}
.fa-lastfm-square:before {
    content: "\f203";
}
.fa-toggle-off:before {
    content: "\f204";
}
.fa-toggle-on:before {
    content: "\f205";
}
.fa-bicycle:before {
    content: "\f206";
}
.fa-bus:before {
    content: "\f207";
}
.fa-ioxhost:before {
    content: "\f208";
}
.fa-angellist:before {
    content: "\f209";
}
.fa-cc:before {
    content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}
.fa-meanpath:before {
    content: "\f20c";
}
.fa-buysellads:before {
    content: "\f20d";
}
.fa-connectdevelop:before {
    content: "\f20e";
}
.fa-dashcube:before {
    content: "\f210";
}
.fa-forumbee:before {
    content: "\f211";
}
.fa-leanpub:before {
    content: "\f212";
}
.fa-sellsy:before {
    content: "\f213";
}
.fa-shirtsinbulk:before {
    content: "\f214";
}
.fa-simplybuilt:before {
    content: "\f215";
}
.fa-skyatlas:before {
    content: "\f216";
}
.fa-cart-plus:before {
    content: "\f217";
}
.fa-cart-arrow-down:before {
    content: "\f218";
}
.fa-diamond:before {
    content: "\f219";
}
.fa-ship:before {
    content: "\f21a";
}
.fa-user-secret:before {
    content: "\f21b";
}
.fa-motorcycle:before {
    content: "\f21c";
}
.fa-street-view:before {
    content: "\f21d";
}
.fa-heartbeat:before {
    content: "\f21e";
}
.fa-venus:before {
    content: "\f221";
}
.fa-mars:before {
    content: "\f222";
}
.fa-mercury:before {
    content: "\f223";
}
.fa-transgender:before {
    content: "\f224";
}
.fa-transgender-alt:before {
    content: "\f225";
}
.fa-venus-double:before {
    content: "\f226";
}
.fa-mars-double:before {
    content: "\f227";
}
.fa-venus-mars:before {
    content: "\f228";
}
.fa-mars-stroke:before {
    content: "\f229";
}
.fa-mars-stroke-v:before {
    content: "\f22a";
}
.fa-mars-stroke-h:before {
    content: "\f22b";
}
.fa-neuter:before {
    content: "\f22c";
}
.fa-facebook-official:before {
    content: "\f230";
}
.fa-pinterest-p:before {
    content: "\f231";
}
.fa-whatsapp:before {
    content: "\f232";
}
.fa-server:before {
    content: "\f233";
}
.fa-user-plus:before {
    content: "\f234";
}
.fa-user-times:before {
    content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}
.fa-viacoin:before {
    content: "\f237";
}
.fa-train:before {
    content: "\f238";
}
.fa-subway:before {
    content: "\f239";
}
.fa-medium:before {
    content: "\f23a";
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(
            0.755,
            0.05,
            0.855,
            0.06
        );
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px)
            rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    100% {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(
            0.55,
            0.055,
            0.675,
            0.19
        );
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
.bx-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
.bxslider {
    margin: 0;
    padding: 0;
}
ul.bxslider {
    list-style: none;
}
.bx-viewport {
    -webkit-transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 3;
}
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/loading.gif) center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    outline: 0;
    border-radius: 6px;
    transition: all ease-out 0.3s;
    border: #c8c8c8 1px solid;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    border: #00c0ff 1px solid;
    background-color: #00c0ff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}
.bx-wrapper .bx-prev {
    left: 20px;
}
.bx-wrapper .bx-next {
    right: 20px;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    outline: 0;
    width: 40px;
    height: 40px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    transition: all ease-out 0.3s;
}
.bx-wrapper .bx-controls-direction a i {
    color: #fff;
    font-size: 30px;
    margin-top: 4px;
    margin-left: 14px;
    transition: all ease-out 0.3s;
}
.bx-wrapper .bx-controls-direction a.bx-next i {
    margin-left: 16px;
}
.bx-wrapper .bx-controls-direction a:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: 0.85em;
    padding: 10px;
}
.fa-angle-down {
    margin-left: 10px;
}

/*!
 * # Semantic UI 2.2.12 - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

.ui.form {
    position: relative;
    max-width: 100%;
}
.ui.form > p {
    margin: 1em 0;
}
.ui.form .field {
    clear: both;
    margin: 0 0 1em;
}
.ui.form .field:last-child,
.ui.form .fields:last-child .field {
    margin-bottom: 0;
}
.ui.form .fields .field {
    clear: both;
    margin: 0;
}
.ui.form .field > label {
    display: block;
    margin: 0 0 0.28571429rem 0;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.92857143em;
    font-weight: 700;
    text-transform: none;
}
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="file"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"],
.ui.form textarea {
    width: 100%;
    vertical-align: top;
}
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
    height: 1.21428571em;
}
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="file"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="text"],
.ui.form input[type="time"],
.ui.form input[type="url"] {
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.21428571em;
    padding: 0.67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
}
.ui.form textarea {
    margin: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    padding: 0.78571429em 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, 0.15);
    outline: 0;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
    font-size: 1em;
    line-height: 1.2857;
    resize: vertical;
}
.ui.form textarea:not([rows]) {
    height: 12em;
    min-height: 8em;
    max-height: 24em;
}
.ui.form input[type="checkbox"],
.ui.form textarea {
    vertical-align: top;
}
.ui.form input.attached {
    width: auto;
}
.ui.form select {
    display: block;
    height: auto;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    padding: 0.62em 1em;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
}
.ui.form .field > .selection.dropdown {
    width: 100%;
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
    float: right;
}
.ui.form .inline.field > .selection.dropdown,
.ui.form .inline.fields .field > .selection.dropdown {
    width: auto;
}
.ui.form .inline.field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon {
    float: none;
}
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
    width: 100%;
}
.ui.form .inline.field:not(.wide) .ui.input,
.ui.form .inline.fields .field:not(.wide) .ui.input {
    width: auto;
    vertical-align: middle;
}
.ui.form .field .ui.input input,
.ui.form .fields .field .ui.input input {
    width: auto;
}
.ui.form .eight.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .ten.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 0;
}
.ui.form .error.message,
.ui.form .success.message,
.ui.form .warning.message {
    display: none;
}
.ui.form .message:first-child {
    margin-top: 0;
}
.ui.form .field .prompt.label {
    white-space: normal;
    background: #fff !important;
    border: 1px solid #e0b4b4 !important;
    color: #9f3a38 !important;
}
.ui.form .inline.field .prompt,
.ui.form .inline.fields .field .prompt {
    vertical-align: top;
    margin: -0.25em 0 -0.5em 0.5em;
}
.ui.form .inline.field .prompt:before,
.ui.form .inline.fields .field .prompt:before {
    border-width: 0 0 1px 1px;
    bottom: auto;
    right: auto;
    top: 50%;
    left: 0;
}
.ui.form .field.field input:-webkit-autofill {
    box-shadow: 0 0 0 100px ivory inset !important;
    border-color: #e5dfa1 !important;
}
.ui.form .field.field input:-webkit-autofill:focus {
    box-shadow: 0 0 0 100px ivory inset !important;
    border-color: #d5c315 !important;
}
.ui.form .error.error input:-webkit-autofill {
    box-shadow: 0 0 0 100px #fffaf0 inset !important;
    border-color: #e0b4b4 !important;
}
.ui.form ::-webkit-input-placeholder {
    color: rgba(191, 191, 191, 0.87);
}
.ui.form :-ms-input-placeholder {
    color: rgba(191, 191, 191, 0.87);
}
.ui.form ::-moz-placeholder {
    color: rgba(191, 191, 191, 0.87);
}
.ui.form :focus::-webkit-input-placeholder {
    color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus:-ms-input-placeholder {
    color: rgba(115, 115, 115, 0.87);
}
.ui.form :focus::-moz-placeholder {
    color: rgba(115, 115, 115, 0.87);
}
.ui.form .error ::-webkit-input-placeholder {
    color: #e7bdbc;
}
.ui.form .error :-ms-input-placeholder {
    color: #e7bdbc !important;
}
.ui.form .error ::-moz-placeholder {
    color: #e7bdbc;
}
.ui.form .error :focus::-webkit-input-placeholder {
    color: #da9796;
}
.ui.form .error :focus:-ms-input-placeholder {
    color: #da9796 !important;
}
.ui.form .error :focus::-moz-placeholder {
    color: #da9796;
}
.ui.form input:not([type]):focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="url"]:focus {
    color: rgba(0, 0, 0, 0.95);
    border-color: #85b7d9;
    border-radius: 0.28571429rem;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
}
.ui.form textarea:focus {
    color: rgba(0, 0, 0, 0.95);
    border-color: #85b7d9;
    border-radius: 0.28571429rem;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
    -webkit-appearance: none;
}
.ui.form.success .success.message:not(:empty) {
    display: block;
}
.ui.form.success .compact.success.message:not(:empty) {
    display: inline-block;
}
.ui.form.success .icon.success.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ui.form.warning .warning.message:not(:empty) {
    display: block;
}
.ui.form.warning .compact.warning.message:not(:empty) {
    display: inline-block;
}
.ui.form.warning .icon.warning.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ui.form.error .error.message:not(:empty) {
    display: block;
}
.ui.form.error .compact.error.message:not(:empty) {
    display: inline-block;
}
.ui.form.error .icon.error.message:not(:empty) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ui.form .field.error .input,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .fields.error .field label {
    color: #9f3a38;
}
.ui.form .field.error .corner.label,
.ui.form .fields.error .field .corner.label {
    border-color: #9f3a38;
    color: #fff;
}
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="url"],
.ui.form .field.error select,
.ui.form .field.error textarea,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field select,
.ui.form .fields.error .field textarea {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    border-radius: "";
    box-shadow: none;
}
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="url"]:focus,
.ui.form .field.error select:focus,
.ui.form .field.error textarea:focus {
    background: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    -webkit-appearance: none;
    box-shadow: none;
}
.ui.form .field.error select {
    -webkit-appearance: menulist-button;
}
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .item,
.ui.form .field.error .ui.dropdown .text,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item {
    background: #fff6f6;
    color: #9f3a38;
}
.ui.form .field.error .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown {
    border-color: #e0b4b4 !important;
}
.ui.form .field.error .ui.dropdown:hover,
.ui.form .fields.error .field .ui.dropdown:hover {
    border-color: #e0b4b4 !important;
}
.ui.form .field.error .ui.dropdown:hover .menu,
.ui.form .fields.error .field .ui.dropdown:hover .menu {
    border-color: #e0b4b4;
}
.ui.form .field.error .ui.multiple.selection.dropdown > .label,
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label {
    background-color: #eacbcb;
    color: #9f3a38;
}
.ui.form .field.error .ui.dropdown .menu .item:hover,
.ui.form .fields.error .field .ui.dropdown .menu .item:hover {
    background-color: #fbe7e7;
}
.ui.form .field.error .ui.dropdown .menu .selected.item,
.ui.form .fields.error .field .ui.dropdown .menu .selected.item {
    background-color: #fbe7e7;
}
.ui.form .field.error .ui.dropdown .menu .active.item,
.ui.form .fields.error .field .ui.dropdown .menu .active.item {
    background-color: #fdcfcf !important;
}
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
    color: #9f3a38;
}
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
    background: #fff6f6;
    border-color: #e0b4b4;
}
.ui.form .field.error .checkbox .box:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .fields.error .field .checkbox label:after {
    color: #9f3a38;
}
.ui.form .disabled.field,
.ui.form .disabled.fields .field,
.ui.form .field :disabled {
    pointer-events: none;
    opacity: 0.45;
}
.ui.form .field.disabled > label,
.ui.form .fields.disabled > label {
    opacity: 0.45;
}
.ui.form .field.disabled :disabled {
    opacity: 1;
}
.ui.loading.form {
    position: relative;
    cursor: default;
    pointer-events: none;
}
.ui.loading.form:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    z-index: 100;
}
.ui.loading.form:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -1.5em 0 0 -1.5em;
    width: 3em;
    height: 3em;
    -webkit-animation: form-spin 0.6s linear;
    animation: form-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1)
        rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0 0 0 1px transparent;
    visibility: visible;
    z-index: 101;
}
@-webkit-keyframes form-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes form-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ui.form .required.field > .checkbox:after,
.ui.form .required.field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.fields:not(.grouped) > .field > label:after {
    margin: -0.2em 0 0 0.2em;
    content: "*";
    color: #db2828;
}
.ui.form .required.field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.fields:not(.grouped) > .field > label:after {
    display: inline-block;
    vertical-align: top;
}
.ui.form .required.field > .checkbox:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after {
    position: absolute;
    top: 0;
    left: 100%;
}
.ui.form .inverted.segment .ui.checkbox .box,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment label,
.ui.inverted.form .inline.field > label,
.ui.inverted.form .inline.field > p,
.ui.inverted.form .inline.fields .field > label,
.ui.inverted.form .inline.fields .field > p,
.ui.inverted.form .inline.fields > label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form label {
    color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="file"],
.ui.inverted.form input[type="number"],
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="text"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="url"] {
    background: #fff;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
}
.ui.form .grouped.fields {
    display: block;
    margin: 0 0 1em;
}
.ui.form .grouped.fields:last-child {
    margin-bottom: 0;
}
.ui.form .grouped.fields > label {
    margin: 0 0 0.28571429rem 0;
    color: rgba(0, 0, 0, 0.87);
    font-size: 0.92857143em;
    font-weight: 700;
    text-transform: none;
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
    display: block;
    margin: 0.5em 0;
    padding: 0;
}
.ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -0.5em 1em;
}
.ui.form .fields > .field {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.ui.form .fields > .field:first-child {
    border-left: none;
    box-shadow: none;
}
.ui.form .two.fields > .field,
.ui.form .two.fields > .fields {
    width: 50%;
}
.ui.form .three.fields > .field,
.ui.form .three.fields > .fields {
    width: 33.33333333%;
}
.ui.form .four.fields > .field,
.ui.form .four.fields > .fields {
    width: 25%;
}
.ui.form .five.fields > .field,
.ui.form .five.fields > .fields {
    width: 20%;
}
.ui.form .six.fields > .field,
.ui.form .six.fields > .fields {
    width: 16.66666667%;
}
.ui.form .seven.fields > .field,
.ui.form .seven.fields > .fields {
    width: 14.28571429%;
}
.ui.form .eight.fields > .field,
.ui.form .eight.fields > .fields {
    width: 12.5%;
}
.ui.form .nine.fields > .field,
.ui.form .nine.fields > .fields {
    width: 11.11111111%;
}
.ui.form .ten.fields > .field,
.ui.form .ten.fields > .fields {
    width: 10%;
}
@media only screen and (max-width: 767px) {
    .ui.form .fields {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable)
        [class*="equal width"].fields:not(.unstackable)
        > .field,
    .ui[class*="equal width"].form:not(.unstackable) .fields > .field {
        width: 100% !important;
        margin: 0 0 1em;
    }
}
.ui.form .fields .wide.field {
    width: 6.25%;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.ui.form .one.wide.field {
    width: 6.25% !important;
}
.ui.form .two.wide.field {
    width: 12.5% !important;
}
.ui.form .three.wide.field {
    width: 18.75% !important;
}
.ui.form .four.wide.field {
    width: 25% !important;
}
.ui.form .five.wide.field {
    width: 31.25% !important;
}
.ui.form .six.wide.field {
    width: 37.5% !important;
}
.ui.form .seven.wide.field {
    width: 43.75% !important;
}
.ui.form .eight.wide.field {
    width: 50% !important;
}
.ui.form .nine.wide.field {
    width: 56.25% !important;
}
.ui.form .ten.wide.field {
    width: 62.5% !important;
}
.ui.form .eleven.wide.field {
    width: 68.75% !important;
}
.ui.form .twelve.wide.field {
    width: 75% !important;
}
.ui.form .thirteen.wide.field {
    width: 81.25% !important;
}
.ui.form .fourteen.wide.field {
    width: 87.5% !important;
}
.ui.form .fifteen.wide.field {
    width: 93.75% !important;
}
.ui.form .sixteen.wide.field {
    width: 100% !important;
}
@media only screen and (max-width: 767px) {
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
    .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
    .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields {
        width: 100% !important;
    }
    .ui.form .fields {
        margin-bottom: 0;
    }
}
.ui.form [class*="equal width"].fields > .field,
.ui[class*="equal width"].form .fields > .field {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.ui.form .inline.fields {
    margin: 0 0 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ui.form .inline.fields .field {
    margin: 0;
    padding: 0 1em 0 0;
}
.ui.form .inline.field > label,
.ui.form .inline.field > p,
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.fields > label {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: baseline;
    font-size: 0.92857143em;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    text-transform: none;
}
.ui.form .inline.fields > label {
    margin: 0.035714em 1em 0 0;
}
.ui.form .inline.field > input,
.ui.form .inline.field > select,
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    font-size: 1em;
}
.ui.form .inline.field > :first-child,
.ui.form .inline.fields .field > :first-child {
    margin: 0 0.85714286em 0 0;
}
.ui.form .inline.field > :only-child,
.ui.form .inline.fields .field > :only-child {
    margin: 0;
}
.ui.form .inline.fields .wide.field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select {
    width: 100%;
}
.ui.mini.form {
    font-size: 0.78571429rem;
}
.ui.tiny.form {
    font-size: 0.85714286rem;
}
.ui.small.form {
    font-size: 0.92857143rem;
}
.ui.form {
    font-size: 1rem;
}
.ui.large.form {
    font-size: 1.14285714rem;
}
.ui.big.form {
    font-size: 1.28571429rem;
}
.ui.huge.form {
    font-size: 1.42857143rem;
}
.ui.massive.form {
    font-size: 1.71428571rem;
}
/*!
 * # Semantic UI 2.2.12 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}
.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0 0;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    z-index: 11;
    will-change: transform, opacity;
}
.ui.dropdown .menu > * {
    white-space: nowrap;
}
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
    display: none !important;
}
.ui.dropdown > .dropdown.icon {
    position: relative;
    width: auto;
    font-size: 0.85714286em;
    margin: 0 0 0 1em;
}
.ui.dropdown .menu > .item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em;
}
.ui.dropdown .menu > .item .dropdown.icon + .text {
    margin-right: 1em;
}
.ui.dropdown > .text {
    display: inline-block;
    -webkit-transition: none;
    transition: none;
}
.ui.dropdown .menu > .item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.78571429rem 1.14285714rem !important;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
    border-top-width: 0;
}
.ui.dropdown .menu .item > [class*="right floated"],
.ui.dropdown > .text > [class*="right floated"] {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 1em !important;
}
.ui.dropdown .menu .item > [class*="left floated"],
.ui.dropdown > .text > [class*="left floated"] {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 1em !important;
}
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
    margin-top: 0;
}
.ui.dropdown .menu > .header {
    margin: 1rem 0 0.75rem;
    padding: 0 1.14285714rem;
    color: rgba(0, 0, 0, 0.85);
    font-size: 0.78571429em;
    font-weight: 700;
    text-transform: uppercase;
}
.ui.dropdown .menu > .divider {
    border-top: 1px solid rgba(34, 36, 38, 0.1);
    height: 0;
    margin: 0.5em 0;
}
.ui.dropdown .menu > .input {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.14285714rem 0.78571429rem;
    min-width: 10rem;
}
.ui.dropdown .menu > .header + .input {
    margin-top: 0;
}
.ui.dropdown .menu > .input:not(.transparent) input {
    padding: 0.5em 1em;
}
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.ui.dropdown .menu > .item > .description,
.ui.dropdown > .text > .description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(0, 0, 0, 0.4);
}
.ui.dropdown .menu > .message {
    padding: 0.78571429rem 1.14285714rem;
    font-weight: 400;
}
.ui.dropdown .menu > .message:not(.ui) {
    color: rgba(0, 0, 0, 0.4);
}
.ui.dropdown .menu .menu {
    top: 0 !important;
    left: 100%;
    right: auto;
    margin: 0 0 0 -0.5em !important;
    border-radius: 0.28571429rem !important;
    z-index: 21 !important;
}
.ui.dropdown .menu .menu:after {
    display: none;
}
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .image,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > img {
    margin-top: 0;
}
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > img {
    margin-top: 0;
}
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > img,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .image,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > img {
    margin-left: 0;
    float: none;
    margin-right: 0.78571429rem;
}
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img,
.ui.dropdown > .text > .image,
.ui.dropdown > .text > img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-top: -0.5em;
    margin-bottom: -0.5em;
    max-height: 2em;
}
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
    display: none;
}
.ui.menu .ui.dropdown .menu .active.item {
    border-left: none;
}
.ui.buttons > .ui.dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0;
}
.ui.label.dropdown .menu {
    min-width: 100%;
}
.ui.dropdown.icon.button > .dropdown.icon {
    margin: 0;
}
.ui.button.dropdown .menu {
    min-width: 100%;
}
.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    min-width: 14em;
    min-height: 2.71428571em;
    background: #fff;
    display: inline-block;
    padding: 0.78571429em 2.1em 0.78571429em 1em;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, 0.15);
    border-radius: 0.28571429rem;
    -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
    transition: box-shadow 0.1s ease, width 0.1s ease;
}
.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
    z-index: 10;
}
select.ui.dropdown {
    height: 38px;
    padding: 0.5em;
    border: 1px solid rgba(34, 36, 38, 0.15);
    visibility: visible;
}
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon,
.ui.selection.dropdown > .search.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.21428571em;
    top: 0.78571429em;
    right: 1em;
    z-index: 3;
    margin: -0.78571429em;
    padding: 0.91666667em;
    opacity: 0.8;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
.ui.compact.selection.dropdown {
    min-width: 0;
}
.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0 !important;
    width: auto;
    outline: 0;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0 0 0.28571429rem 0.28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
    display: none;
}
.ui.selection.dropdown .menu > .message {
    padding: 0.78571429rem 1.14285714rem;
}
@media only screen and (max-width: 767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem;
    }
}
@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem;
    }
}
@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem;
    }
}
@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem;
    }
}
.ui.selection.dropdown .menu > .item {
    border-top: 1px solid #fafafa;
    padding: 0.78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal;
}
.ui.selection.dropdown .menu > .hidden.addition.item {
    display: none;
}
.ui.selection.dropdown:hover {
    border-color: rgba(34, 36, 38, 0.35);
    box-shadow: none;
}
.ui.selection.active.dropdown {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.dropdown:focus {
    border-color: #96c8da;
    box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.visible.dropdown > .text:not(.default) {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}
.ui.selection.active.dropdown:hover {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown:hover .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
    opacity: 1;
    z-index: 3;
}
.ui.active.selection.dropdown {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.ui.active.empty.selection.dropdown {
    border-radius: 0.28571429rem !important;
    box-shadow: none !important;
}
.ui.active.empty.selection.dropdown .menu {
    border: none !important;
    box-shadow: none !important;
}
.ui.search.dropdown {
    min-width: "";
}
.ui.search.dropdown > input.search {
    background: none transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: text;
    top: 0;
    left: 1px;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    padding: inherit;
}
.ui.search.dropdown > input.search {
    position: absolute;
    z-index: 2;
}
.ui.search.dropdown > .text {
    cursor: text;
    position: relative;
    left: 1px;
    z-index: 3;
}
.ui.search.selection.dropdown > input.search {
    line-height: 1.21428571em;
    padding: 0.67857143em 2.1em 0.67857143em 1em;
}
.ui.search.selection.dropdown > span.sizer {
    line-height: 1.21428571em;
    padding: 0.67857143em 2.1em 0.67857143em 1em;
    display: none;
    white-space: pre;
}
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
    cursor: auto;
}
.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
    pointer-events: none;
}
.ui.active.search.dropdown input.search:focus + .text .flag,
.ui.active.search.dropdown input.search:focus + .text .icon {
    opacity: 0.45;
}
.ui.active.search.dropdown input.search:focus + .text {
    color: rgba(115, 115, 115, 0.87) !important;
}
.ui.search.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
    .ui.search.dropdown .menu {
        max-height: 8.01428571rem;
    }
}
@media only screen and (min-width: 768px) {
    .ui.search.dropdown .menu {
        max-height: 10.68571429rem;
    }
}
@media only screen and (min-width: 992px) {
    .ui.search.dropdown .menu {
        max-height: 16.02857143rem;
    }
}
@media only screen and (min-width: 1920px) {
    .ui.search.dropdown .menu {
        max-height: 21.37142857rem;
    }
}
.ui.multiple.dropdown {
    padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}
.ui.multiple.dropdown .menu {
    cursor: auto;
}
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
    cursor: text;
}
.ui.multiple.dropdown > .label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: 0.35714286em 0.78571429em;
    margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}
.ui.multiple.dropdown .dropdown.icon {
    margin: "";
    padding: "";
}
.ui.multiple.dropdown > .text {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.45238095em 0 0.45238095em 0.64285714em;
    line-height: 1.21428571em;
}
.ui.multiple.dropdown > .label ~ input.search {
    margin-left: 0.14285714em !important;
}
.ui.multiple.dropdown > .label ~ .text {
    display: none;
}
.ui.multiple.search.dropdown > .text {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: 0.45238095em 0 0.45238095em 0.64285714em;
    line-height: 1.21428571em;
}
.ui.multiple.search.dropdown > .label ~ .text {
    display: none;
}
.ui.multiple.search.dropdown > input.search {
    position: static;
    padding: 0;
    max-width: 100%;
    margin: 0.45238095em 0 0.45238095em 0.64285714em;
    width: 2.2em;
    line-height: 1.21428571em;
}
.ui.inline.dropdown {
    cursor: pointer;
    display: inline-block;
    color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
    margin: 0 0.5em 0 0.21428571em;
    vertical-align: baseline;
}
.ui.inline.dropdown > .text {
    font-weight: 700;
}
.ui.inline.dropdown .menu {
    cursor: auto;
    margin-top: 0.21428571em;
    border-radius: 0.28571429rem;
}
.ui.dropdown .menu .active.item {
    background: 0 0;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.95);
    box-shadow: none;
    z-index: 12;
}
.ui.dropdown .menu > .item:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
    z-index: 13;
}
.ui.loading.dropdown > i.icon {
    height: 1em !important;
}
.ui.loading.selection.dropdown > i.icon {
    padding: 1.5em 1.28571429em !important;
}
.ui.loading.dropdown > i.icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.dropdown > i.icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    box-shadow: 0 0 0 1px transparent;
    margin: -0.64285714em 0 0 -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: dropdown-spin 0.6s linear;
    animation: dropdown-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
}
.ui.loading.dropdown.button > i.icon:after,
.ui.loading.dropdown.button > i.icon:before {
    display: none;
}
@-webkit-keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes dropdown-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ui.default.dropdown:not(.button) > .text,
.ui.dropdown:not(.button) > .default.text {
    color: rgba(191, 191, 191, 0.87);
}
.ui.default.dropdown:not(.button) > input:focus ~ .text,
.ui.dropdown:not(.button) > input:focus ~ .default.text {
    color: rgba(115, 115, 115, 0.87);
}
.ui.loading.dropdown > .text {
    -webkit-transition: none;
    transition: none;
}
.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1;
}
.ui.dropdown > .loading.menu {
    left: 0 !important;
    right: auto !important;
}
.ui.dropdown > .menu .loading.menu {
    left: 100% !important;
    right: auto !important;
}
.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
    background: rgba(0, 0, 0, 0.03);
    color: rgba(0, 0, 0, 0.95);
}
.ui.dropdown > .filtered.text {
    visibility: hidden;
}
.ui.dropdown .filtered.item {
    display: none !important;
}
.ui.dropdown.error,
.ui.dropdown.error > .default.text,
.ui.dropdown.error > .text {
    color: #9f3a38;
}
.ui.selection.dropdown.error {
    background: #fff6f6;
    border-color: #e0b4b4;
}
.ui.selection.dropdown.error:hover {
    border-color: #e0b4b4;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
    border-color: #e0b4b4;
}
.ui.dropdown.error > .menu > .item {
    color: #9f3a38;
}
.ui.multiple.selection.error.dropdown > .label {
    border-color: #e0b4b4;
}
.ui.dropdown.error > .menu > .item:hover {
    background-color: #fff2f2;
}
.ui.dropdown.error > .menu .active.item {
    background-color: #fdcfcf;
}
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: 0.45;
}
.ui.dropdown .menu {
    left: 0;
}
.ui.dropdown .menu .right.menu,
.ui.dropdown .right.menu > .menu {
    left: 100% !important;
    right: auto !important;
    border-radius: 0.28571429rem !important;
}
.ui.dropdown > .left.menu {
    left: auto !important;
    right: 0 !important;
}
.ui.dropdown .menu .left.menu,
.ui.dropdown > .left.menu .menu {
    left: auto;
    right: 100%;
    margin: 0 -0.5em 0 0 !important;
    border-radius: 0.28571429rem !important;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
    margin-left: 1em;
    margin-right: 0;
}
.ui.upward.dropdown > .menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important;
}
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
    border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}
.ui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
}
.ui.active.upward.selection.dropdown {
    border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}
.ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}
.ui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
}
.ui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}
.ui.dropdown .scrolling.menu,
.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
}
.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    min-width: 100% !important;
    width: auto !important;
}
.ui.dropdown .scrolling.menu {
    position: static;
    overflow-y: auto;
    border: none;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: 100% !important;
    width: auto !important;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.dropdown .scrolling.menu > .item.item.item,
.ui.scrolling.dropdown .menu .item.item.item {
    border-top: none;
}
.ui.dropdown .scrolling.menu .item:first-child,
.ui.scrolling.dropdown .menu .item:first-child {
    border-top: none;
}
.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
    display: block;
}
@media all and (-ms-high-contrast: none) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        min-width: calc(100% - 17px);
    }
}
@media only screen and (max-width: 767px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 10.28571429rem;
    }
}
@media only screen and (min-width: 768px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 15.42857143rem;
    }
}
@media only screen and (min-width: 992px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem;
    }
}
@media only screen and (min-width: 1920px) {
    .ui.dropdown .scrolling.menu,
    .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem;
    }
}
.ui.simple.dropdown .menu:after,
.ui.simple.dropdown .menu:before {
    display: none;
}
.ui.simple.dropdown .menu {
    position: absolute;
    display: block;
    overflow: hidden;
    top: -9999px !important;
    opacity: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 100% !important;
    opacity: 1;
}
.ui.simple.dropdown:hover > .menu > .item:hover > .menu,
.ui.simple.dropdown > .menu > .item:active > .menu {
    overflow: visible;
    width: auto;
    height: auto;
    top: 0 !important;
    left: 100% !important;
    opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
    display: none;
    height: 0;
    width: 0;
    overflow: hidden;
}
.ui.simple.visible.dropdown > .menu {
    display: block;
}
.ui.fluid.dropdown {
    display: block;
    width: 100%;
}
.ui.fluid.dropdown > .dropdown.icon {
    float: right;
}
.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12),
        0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
    border-radius: 0.28571429rem !important;
}
.ui.floating.dropdown > .menu {
    margin-top: 0.5em !important;
    border-radius: 0.28571429rem !important;
}
.ui.pointing.dropdown > .menu {
    top: 100%;
    margin-top: 0.78571429rem;
    border-radius: 0.28571429rem;
}
.ui.pointing.dropdown > .menu:after {
    display: block;
    position: absolute;
    pointer-events: none;
    content: "";
    visibility: visible;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0.5em;
    height: 0.5em;
    box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
    background: #fff;
    z-index: 2;
}
.ui.pointing.dropdown > .menu:after {
    top: -0.25em;
    left: 50%;
    margin: 0 0 0 -0.25em;
}
.ui.top.left.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0;
}
.ui.top.left.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    left: 0;
    right: auto;
    margin: 1em 0 0;
}
.ui.top.left.pointing.dropdown > .menu:after {
    top: -0.25em;
    left: 1em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ui.top.right.pointing.dropdown > .menu {
    top: 100%;
    bottom: auto;
    right: 0;
    left: auto;
    margin: 1em 0 0;
}
.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
    top: -0.25em;
    left: auto !important;
    right: 1em !important;
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ui.left.pointing.dropdown > .menu {
    top: 0;
    left: 100%;
    right: auto;
    margin: 0 0 0 1em;
}
.ui.left.pointing.dropdown > .menu:after {
    top: 1em;
    left: -0.25em;
    margin: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
    left: auto !important;
    right: 100% !important;
    margin: 0 1em 0 0;
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
    top: 1em;
    left: auto;
    right: -0.25em;
    margin: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.ui.right.pointing.dropdown > .menu {
    top: 0;
    left: auto;
    right: 100%;
    margin: 0 1em 0 0;
}
.ui.right.pointing.dropdown > .menu:after {
    top: 1em;
    left: auto;
    right: -0.25em;
    margin: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.ui.bottom.pointing.dropdown > .menu {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    margin: 0 0 1em;
}
.ui.bottom.pointing.dropdown > .menu:after {
    top: auto;
    bottom: -0.25em;
    right: auto;
    margin: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.ui.bottom.pointing.dropdown > .menu .menu {
    top: auto !important;
    bottom: 0 !important;
}
.ui.bottom.left.pointing.dropdown > .menu {
    left: 0;
    right: auto;
}
.ui.bottom.left.pointing.dropdown > .menu:after {
    left: 1em;
    right: auto;
}
.ui.bottom.right.pointing.dropdown > .menu {
    right: 0;
    left: auto;
}
.ui.bottom.right.pointing.dropdown > .menu:after {
    left: auto;
    right: 1em;
}
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
    top: auto !important;
    bottom: 100% !important;
    margin: 0 0 0.78571429rem;
    border-radius: 0.28571429rem;
}
.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
    top: 100% !important;
    bottom: auto !important;
    box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
    margin: -0.25em 0 0;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
    top: auto !important;
    bottom: 0 !important;
    margin: 0 1em 0 0;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
    top: auto !important;
    bottom: 0 !important;
    margin: 0 0 1em 0;
    box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
    top: auto !important;
    bottom: 0 !important;
    margin: 0 0 0 1em;
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
    top: auto !important;
    bottom: 0 !important;
    margin: 0 0 1em 0;
    box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
}
@font-face {
    font-family: Dropdown;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=)
            format("truetype"),
        url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
            format("woff");
    font-weight: 400;
    font-style: normal;
}
.ui.dropdown > .dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    width: 1.23em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
}
.ui.dropdown > .dropdown.icon {
    width: auto;
}
.ui.dropdown > .dropdown.icon:before {
    content: "\f0d7";
}
.ui.dropdown .menu .item .dropdown.icon:before {
    content: "\f0da";
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\f0d9";
}
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
    content: "\f0da";
}

/*!
 * # Semantic UI 2.2.12 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important;
}
.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px;
}
.hidden.transition {
    display: none;
    visibility: hidden;
}
.visible.transition {
    display: block !important;
    visibility: visible !important;
}
.disabled.transition {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.looping.transition {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.transition.browse {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.transition.browse.in {
    -webkit-animation-name: browseIn;
    animation-name: browseIn;
}
.transition.browse.left.out,
.transition.browse.out {
    -webkit-animation-name: browseOutLeft;
    animation-name: browseOutLeft;
}
.transition.browse.right.out {
    -webkit-animation-name: browseOutRight;
    animation-name: browseOutRight;
}
@-webkit-keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
        z-index: -1;
    }
    10% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
        z-index: -1;
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999;
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999;
    }
}
@keyframes browseIn {
    0% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
        z-index: -1;
    }
    10% {
        -webkit-transform: scale(0.8) translateZ(0);
        transform: scale(0.8) translateZ(0);
        z-index: -1;
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0);
        opacity: 1;
        z-index: 999;
    }
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        z-index: 999;
    }
}
@-webkit-keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0);
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg)
            translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg)
            translateZ(-10px);
    }
    80% {
        opacity: 1;
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0;
    }
}
@keyframes browseOutLeft {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0);
    }
    50% {
        z-index: -1;
        -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg)
            translateZ(-10px);
        transform: translateX(-105%) rotateY(35deg) rotateX(10deg)
            translateZ(-10px);
    }
    80% {
        opacity: 1;
    }
    100% {
        z-index: -1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0;
    }
}
@-webkit-keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0);
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg)
            translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg)
            translateZ(-10px);
    }
    80% {
        opacity: 1;
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0;
    }
}
@keyframes browseOutRight {
    0% {
        z-index: 999;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0);
        transform: translateX(0) rotateY(0) rotateX(0);
    }
    50% {
        z-index: 1;
        -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg)
            translateZ(-10px);
        transform: translateX(105%) rotateY(35deg) rotateX(10deg)
            translateZ(-10px);
    }
    80% {
        opacity: 1;
    }
    100% {
        z-index: 1;
        -webkit-transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
        opacity: 0;
    }
}
.drop.transition {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
    -webkit-animation-name: dropIn;
    animation-name: dropIn;
}
.drop.transition.out {
    -webkit-animation-name: dropOut;
    animation-name: dropOut;
}
@-webkit-keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes dropIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes dropOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
}
.flip.transition.in,
.flip.transition.out {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}
.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut;
}
@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1;
    }
}
@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1;
    }
}
@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1;
    }
}
@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0);
        transform: perspective(2000px) rotateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}
@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0);
        transform: perspective(2000px) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}
.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}
.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@keyframes scaleOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
.transition.fly {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
    -webkit-animation-name: flyIn;
    animation-name: flyIn;
}
.transition[class*="fly up"].in {
    -webkit-animation-name: flyInUp;
    animation-name: flyInUp;
}
.transition[class*="fly down"].in {
    -webkit-animation-name: flyInDown;
    animation-name: flyInDown;
}
.transition[class*="fly left"].in {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight;
}
.transition.fly.out {
    -webkit-animation-name: flyOut;
    animation-name: flyOut;
}
.transition[class*="fly up"].out {
    -webkit-animation-name: flyOutUp;
    animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
    -webkit-animation-name: flyOutDown;
    animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
    -webkit-animation-name: flyOutLeft;
    animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
    -webkit-animation-name: flyOutRight;
    animation-name: flyOutRight;
}
@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes flyIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes flyInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1500px, 0);
        transform: translate3d(0, 1500px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes flyInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
        transform: translate3d(0, -1500px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(1500px, 0, 0);
        transform: translate3d(1500px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1500px, 0, 0);
        transform: translate3d(-1500px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@keyframes flyOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}
@-webkit-keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@keyframes flyOutUp {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}
@-webkit-keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes flyOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@-webkit-keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes flyOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@-webkit-keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
@keyframes flyOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}
.transition.slide.in,
.transition[class*="slide down"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.transition[class*="slide up"].in {
    -webkit-animation-name: slideInY;
    animation-name: slideInY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}
.transition[class*="slide left"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.transition[class*="slide right"].in {
    -webkit-animation-name: slideInX;
    animation-name: slideInX;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.transition.slide.out,
.transition[class*="slide down"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.transition[class*="slide up"].out {
    -webkit-animation-name: slideOutY;
    animation-name: slideOutY;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}
.transition[class*="slide left"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.transition[class*="slide right"].out {
    -webkit-animation-name: slideOutX;
    animation-name: slideOutX;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
@-webkit-keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@keyframes slideInY {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@-webkit-keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@keyframes slideInX {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}
@-webkit-keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}
@keyframes slideOutY {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}
@-webkit-keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}
@keyframes slideOutX {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
}
.transition.swing {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
}
.transition[class*="swing down"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.transition[class*="swing up"].in {
    -webkit-animation-name: swingInX;
    animation-name: swingInX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}
.transition[class*="swing left"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.transition[class*="swing right"].in {
    -webkit-animation-name: swingInY;
    animation-name: swingInY;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.transition.swing.out,
.transition[class*="swing down"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.transition[class*="swing up"].out {
    -webkit-animation-name: swingOutX;
    animation-name: swingOutX;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}
.transition[class*="swing left"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.transition[class*="swing right"].out {
    -webkit-animation-name: swingOutY;
    animation-name: swingOutY;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg);
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
    }
}
@keyframes swingInX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(15deg);
        transform: perspective(1000px) rotateX(15deg);
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
    }
}
@-webkit-keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg);
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
    }
}
@keyframes swingInY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-17.5deg);
        transform: perspective(1000px) rotateY(-17.5deg);
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
    }
}
@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg);
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(1000px) rotateX(0);
        transform: perspective(1000px) rotateX(0);
    }
    40% {
        -webkit-transform: perspective(1000px) rotateX(-7.5deg);
        transform: perspective(1000px) rotateX(-7.5deg);
    }
    60% {
        -webkit-transform: perspective(1000px) rotateX(17.5deg);
        transform: perspective(1000px) rotateX(17.5deg);
    }
    80% {
        -webkit-transform: perspective(1000px) rotateX(-30deg);
        transform: perspective(1000px) rotateX(-30deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(1000px) rotateX(90deg);
        transform: perspective(1000px) rotateX(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg);
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
}
@keyframes swingOutY {
    0% {
        -webkit-transform: perspective(1000px) rotateY(0);
        transform: perspective(1000px) rotateY(0);
    }
    40% {
        -webkit-transform: perspective(1000px) rotateY(7.5deg);
        transform: perspective(1000px) rotateY(7.5deg);
    }
    60% {
        -webkit-transform: perspective(1000px) rotateY(-10deg);
        transform: perspective(1000px) rotateY(-10deg);
    }
    80% {
        -webkit-transform: perspective(1000px) rotateY(30deg);
        transform: perspective(1000px) rotateY(30deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(1000px) rotateY(-90deg);
        transform: perspective(1000px) rotateY(-90deg);
        opacity: 0;
    }
}
.flash.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: flash;
    animation-name: flash;
}
.shake.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: shake;
    animation-name: shake;
}
.bounce.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
.tada.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: tada;
    animation-name: tada;
}
.pulse.transition {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.jiggle.transition {
    -webkit-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-name: jiggle;
    animation-name: jiggle;
}
@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes jiggle {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
/*!
 * # Semantic UI 2.2.12 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px;
}
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px;
}
.ui.checkbox .box,
.ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    padding-left: 1.85714em;
    outline: 0;
    font-size: 1em;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    content: "";
    background: #fff;
    border-radius: 0.21428571rem;
    -webkit-transition: border 0.1s ease, opacity 0.1s ease,
        box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease,
        -webkit-transform 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease,
        box-shadow 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease,
        box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    border: 1px solid #d4d4d5;
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
    position: absolute;
    font-size: 14px;
    top: 1px;
    left: 1px;
    width: 17px;
    height: 17px;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: border 0.1s ease, opacity 0.1s ease,
        box-shadow 0.1s ease, -webkit-transform 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease,
        -webkit-transform 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease,
        box-shadow 0.1s ease;
    transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease,
        box-shadow 0.1s ease, -webkit-transform 0.1s ease;
}
.ui.checkbox label,
.ui.checkbox + label {
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
}
.ui.checkbox + label {
    vertical-align: middle;
}
.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
    background: #fff;
    border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
    color: rgba(0, 0, 0, 0.8);
}
.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
    background: #f9fafb;
    border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox .box:active::after,
.ui.checkbox label:active::after {
    color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:active ~ label {
    color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
    background: #fff;
    border-color: #96c8da;
}
.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label:after {
    color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:focus ~ label {
    color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
    background: #fff;
    border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
    opacity: 1;
    color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:not([type="radio"]):indeterminate ~ .box:before,
.ui.checkbox input:not([type="radio"]):indeterminate ~ label:before {
    background: #fff;
    border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:not([type="radio"]):indeterminate ~ .box:after,
.ui.checkbox input:not([type="radio"]):indeterminate ~ label:after {
    opacity: 1;
    color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before {
    background: #fff;
    border-color: #96c8da;
}
.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:after,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:after {
    color: rgba(0, 0, 0, 0.95);
}
.ui.read-only.checkbox,
.ui.read-only.checkbox label {
    cursor: default;
}
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label,
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label {
    cursor: default !important;
    opacity: 0.5;
    color: #000;
}
.ui.checkbox input.hidden {
    z-index: -1;
}
.ui.checkbox input.hidden + label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ui.radio.checkbox {
    min-height: 15px;
}
.ui.radio.checkbox .box,
.ui.radio.checkbox label {
    padding-left: 1.85714em;
}
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
    content: "";
    -webkit-transform: none;
    transform: none;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    top: 1px;
    left: 0;
}
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
    border: none;
    content: "" !important;
    width: 15px;
    height: 15px;
    line-height: 15px;
}
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
    top: 2px;
    left: 1px;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    -webkit-transform: scale(0.46666667);
    transform: scale(0.46666667);
    background-color: rgba(0, 0, 0, 0.87);
}
.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
    background-color: #fff;
}
.ui.radio.checkbox input:focus ~ .box:after,
.ui.radio.checkbox input:focus ~ label:after {
    background-color: rgba(0, 0, 0, 0.95);
}
.ui.radio.checkbox input:indeterminate ~ .box:after,
.ui.radio.checkbox input:indeterminate ~ label:after {
    opacity: 0;
}
.ui.radio.checkbox input:checked ~ .box:before,
.ui.radio.checkbox input:checked ~ label:before {
    background-color: #fff;
}
.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
    background-color: rgba(0, 0, 0, 0.95);
}
.ui.radio.checkbox input:focus:checked ~ .box:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
    background-color: #fff;
}
.ui.radio.checkbox input:focus:checked ~ .box:after,
.ui.radio.checkbox input:focus:checked ~ label:after {
    background-color: rgba(0, 0, 0, 0.95);
}
.ui.slider.checkbox {
    min-height: 1.25rem;
}
.ui.slider.checkbox input {
    width: 3.5rem;
    height: 1.25rem;
}
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
    padding-left: 4.5rem;
    line-height: 1rem;
    color: rgba(0, 0, 0, 0.4);
}
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
    display: block;
    position: absolute;
    content: "";
    border: none !important;
    left: 0;
    z-index: 1;
    top: 0.4rem;
    background-color: rgba(0, 0, 0, 0.05);
    width: 3.5rem;
    height: 0.21428571rem;
    -webkit-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
    background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    position: absolute;
    content: "" !important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15),
        0 0 0 1px rgba(34, 36, 38, 0.15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: -0.25rem;
    left: 0;
    -webkit-transform: none;
    transform: none;
    border-radius: 500rem;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
}
.ui.slider.checkbox input:focus ~ .box:before,
.ui.slider.checkbox input:focus ~ label:before {
    background-color: rgba(0, 0, 0, 0.15);
    border: none;
}
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
    color: rgba(0, 0, 0, 0.8);
}
.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
    background: rgba(0, 0, 0, 0.15);
}
.ui.slider.checkbox input:checked ~ .box,
.ui.slider.checkbox input:checked ~ label {
    color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:checked ~ .box:before,
.ui.slider.checkbox input:checked ~ label:before {
    background-color: #545454 !important;
}
.ui.slider.checkbox input:checked ~ .box:after,
.ui.slider.checkbox input:checked ~ label:after {
    left: 2rem;
}
.ui.slider.checkbox input:focus:checked ~ .box,
.ui.slider.checkbox input:focus:checked ~ label {
    color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:focus:checked ~ .box:before,
.ui.slider.checkbox input:focus:checked ~ label:before {
    background-color: #000 !important;
}
.ui.toggle.checkbox {
    min-height: 1.5rem;
}
.ui.toggle.checkbox input {
    width: 3.5rem;
    height: 1.5rem;
}
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
    min-height: 1.5rem;
    padding-left: 4.5rem;
    color: rgba(0, 0, 0, 0.87);
}
.ui.toggle.checkbox label {
    padding-top: 0.15em;
}
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
    display: block;
    position: absolute;
    content: "";
    z-index: 1;
    -webkit-transform: none;
    transform: none;
    border: none;
    top: 0;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: none;
    width: 3.5rem;
    height: 1.5rem;
    border-radius: 500rem;
}
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
    background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    position: absolute;
    content: "" !important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15),
        0 0 0 1px rgba(34, 36, 38, 0.15) inset;
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: 0;
    border-radius: 500rem;
    -webkit-transition: background 0.3s ease, left 0.3s ease;
    transition: background 0.3s ease, left 0.3s ease;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
    left: -0.05rem;
    box-shadow: none;
}
.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ label:before {
    background-color: rgba(0, 0, 0, 0.15);
    border: none;
}
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before {
    background-color: rgba(0, 0, 0, 0.15);
    border: none;
}
.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
    color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
    background-color: #2185d0 !important;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
    left: 2.15rem;
    box-shadow: none;
}
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
    color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
    background-color: #0d71bb !important;
}
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
    padding-left: 0 !important;
}
.ui.fitted.toggle.checkbox {
    width: 3.5rem;
}
.ui.fitted.slider.checkbox {
    width: 3.5rem;
}
@font-face {
    font-family: Checkbox;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
        format("truetype");
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
    font-family: Checkbox;
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
    content: "\e800";
}
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
    font-size: 12px;
    content: "\e801";
}

@font-face {
    font-family: PlusJakartaSans-Medium;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/PlusJakartaSans-Medium.ttf);
}
@font-face {
    font-family: KAUSHANSCRIPT-REGULAR;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/KAUSHANSCRIPT-REGULAR.TTF);
}
@font-face {
    font-family: GOTHAMRND-BOOK;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/GOTHAMRND-BOOK.OTF);
}
@font-face {
    font-family: GothamRnd-Light;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/GothamRnd-Light.otf);
}
@font-face {
    font-family: KUNSTLER;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/KUNSTLER.otf);
}
@font-face {
    font-family: Didot;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/Didot.ttf);
}
@font-face {
    font-family: AVGARDD;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/AVGARDD.TTF);
}
@font-face {
    font-family: PlusJakartaSans-Medium;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/PlusJakartaSans-Medium.ttf);
}
@font-face {
    font-family: LANEUP;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/LANEUP.TTF);
}
@font-face {
    font-family: GOTHAM-BLACKITALIC;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/GOTHAM-BLACKITALIC.OTF);
}
@font-face {
    font-family: GOTHAM-BLACK;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/GOTHAM-BLACK.OTF);
}
@font-face {
    font-family: GOTHAM-BOLD;
    font-weight: 400;
    font-style: normal;

    src: url(./fonts/GOTHAM-BOLD.OTF);
}

/*!
 * # Semantic UI 2.2.12 - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */

/*******************************
           Standard
*******************************/

/*--------------------
        Inputs
---------------------*/

.ui.input {
    position: relative;
    font-weight: normal;
    font-style: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: rgba(0, 0, 0, 0.87);
}
.ui.input input {
    margin: 0em;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-align: left;
    line-height: 1.21428571em;
    font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 0.67857143em 1em;
    background: #ffffff;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
    transition: box-shadow 0.1s ease, border-color 0.1s ease;
    box-shadow: none;
}

/*--------------------
      Placeholder
---------------------*/

/* browsers require these rules separate */
.ui.input input::-webkit-input-placeholder {
    color: rgba(191, 191, 191, 0.87);
}
.ui.input input::-moz-placeholder {
    color: rgba(191, 191, 191, 0.87);
}
.ui.input input:-ms-input-placeholder {
    color: rgba(191, 191, 191, 0.87);
}

/*******************************
            States
*******************************/

/*--------------------
        Disabled
---------------------*/

.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
    opacity: 0.45;
}
.ui.disabled.input input,
.ui.input:not(.disabled) input[disabled] {
    pointer-events: none;
}

/*--------------------
        Active
---------------------*/

.ui.input input:active,
.ui.input.down input {
    border-color: rgba(0, 0, 0, 0.3);
    background: #fafafa;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
}

/*--------------------
       Loading
---------------------*/

.ui.loading.loading.input > i.icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}
.ui.loading.loading.input > i.icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -0.64285714em 0em 0em -0.64285714em;
    width: 1.28571429em;
    height: 1.28571429em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    box-shadow: 0px 0px 0px 1px transparent;
}

/*--------------------
        Focus
---------------------*/

.ui.input.focus input,
.ui.input input:focus {
    border-color: #85b7d9;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.8);
    box-shadow: none;
}
.ui.input.focus input::-webkit-input-placeholder,
.ui.input input:focus::-webkit-input-placeholder {
    color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus input::-moz-placeholder,
.ui.input input:focus::-moz-placeholder {
    color: rgba(115, 115, 115, 0.87);
}
.ui.input.focus input:-ms-input-placeholder,
.ui.input input:focus:-ms-input-placeholder {
    color: rgba(115, 115, 115, 0.87);
}

/*--------------------
        Error
---------------------*/

.ui.input.error input {
    background-color: #fff6f6;
    border-color: #e0b4b4;
    color: #9f3a38;
    box-shadow: none;
}

/* Error Placeholder */
.ui.input.error input::-webkit-input-placeholder {
    color: #e7bdbc;
}
.ui.input.error input::-moz-placeholder {
    color: #e7bdbc;
}
.ui.input.error input:-ms-input-placeholder {
    color: #e7bdbc !important;
}

/* Focused Error Placeholder */
.ui.input.error input:focus::-webkit-input-placeholder {
    color: #da9796;
}
.ui.input.error input:focus::-moz-placeholder {
    color: #da9796;
}
.ui.input.error input:focus:-ms-input-placeholder {
    color: #da9796 !important;
}

/*******************************
           Variations
*******************************/

/*--------------------
      Transparent
---------------------*/

.ui.transparent.input input {
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 0em !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
    width: 1.1em;
}
.ui.transparent.icon.input > input {
    padding-left: 0em !important;
    padding-right: 2em !important;
}
.ui.transparent[class*="left icon"].input > input {
    padding-left: 2em !important;
    padding-right: 0em !important;
}

/* Transparent Inverted */
.ui.transparent.inverted.input {
    color: #ffffff;
}
.ui.transparent.inverted.input input {
    color: inherit;
}
.ui.transparent.inverted.input input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/*--------------------
         Icon
---------------------*/

.ui.icon.input > i.icon {
    cursor: default;
    position: absolute;
    line-height: 1;
    text-align: center;
    top: 0px;
    right: 0px;
    margin: 0em;
    height: 100%;
    width: 2.67142857em;
    opacity: 0.5;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link) {
    pointer-events: none;
}
.ui.icon.input input {
    padding-right: 2.67142857em !important;
}
.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: -0.5em;
}
.ui.icon.input > i.link.icon {
    cursor: pointer;
}
.ui.icon.input > i.circular.icon {
    top: 0.35em;
    right: 0.5em;
}

/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
    right: auto;
    left: 1px;
    border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="left icon"].input > i.circular.icon {
    right: auto;
    left: 0.5em;
}
.ui[class*="left icon"].input > input {
    padding-left: 2.67142857em !important;
    padding-right: 1em !important;
}

/* Focus */
.ui.icon.input > input:focus ~ i.icon {
    opacity: 1;
}

/*--------------------
        Labeled
---------------------*/

/* Adjacent Label */
.ui.labeled.input > .label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    font-size: 1em;
}
.ui.labeled.input > .label:not(.corner) {
    padding-top: 0.78571429em;
    padding-bottom: 0.78571429em;
}

/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left-color: transparent;
}
.ui.labeled.input:not([class*="corner labeled"])
    .label:first-child
    + input:focus {
    border-left-color: #85b7d9;
}

/* Regular Label on Right */
.ui[class*="right labeled"].input input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-color: transparent !important;
}
.ui[class*="right labeled"].input input + .label {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.ui[class*="right labeled"].input input:focus {
    border-right-color: #85b7d9 !important;
}

/* Corner Label */
.ui.labeled.input .corner.label {
    top: 1px;
    right: 1px;
    font-size: 0.64285714em;
    border-radius: 0em 0.28571429rem 0em 0em;
}

/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input
    input {
    padding-right: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])
    > input {
    padding-right: 3.25em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])
    > .icon {
    margin-right: 1.25em;
}

/* Left Labeled */
.ui[class*="left corner labeled"].labeled.input input {
    padding-left: 2.5em !important;
}
.ui[class*="left corner labeled"].icon.input > input {
    padding-left: 3.25em !important;
}
.ui[class*="left corner labeled"].icon.input > .icon {
    margin-left: 1.25em;
}

/* Corner Label Position  */
.ui.input > .ui.corner.label {
    top: 1px;
    right: 1px;
}
.ui.input > .ui.left.corner.label {
    right: auto;
    left: 1px;
}

/*--------------------
        Action
---------------------*/

.ui.action.input > .button,
.ui.action.input > .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.ui.action.input > .button,
.ui.action.input > .buttons > .button {
    padding-top: 0.78571429em;
    padding-bottom: 0.78571429em;
    margin: 0;
}

/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-color: transparent !important;
}
.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"])
    > .buttons:not(:first-child)
    > .button {
    border-radius: 0px;
}
.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
    border-radius: 0px 0.28571429rem 0.28571429rem 0px;
}

/* Input Focus */
.ui.action.input:not([class*="left action"]) input:focus {
    border-right-color: #85b7d9 !important;
}

/* Button on Left */
.ui[class*="left action"].input > input {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left-color: transparent !important;
}
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
    border-radius: 0px;
}
.ui[class*="left action"].input > .dropdown:first-child,
.ui[class*="left action"].input > .button:first-child,
.ui[class*="left action"].input > .buttons:first-child > .button {
    border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}

/* Input Focus */
.ui[class*="left action"].input > input:focus {
    border-left-color: #85b7d9 !important;
}

/*--------------------
       Inverted
---------------------*/

/* Standard */
.ui.inverted.input input {
    border: none;
}

/*--------------------
        Fluid
---------------------*/

.ui.fluid.input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ui.fluid.input > input {
    width: 0px !important;
}

/*--------------------
        Size
---------------------*/

.ui.mini.input {
    font-size: 0.78571429em;
}
.ui.small.input {
    font-size: 0.92857143em;
}
.ui.input {
    font-size: 1em;
}
.ui.large.input {
    font-size: 1.14285714em;
}
.ui.big.input {
    font-size: 1.28571429em;
}
.ui.huge.input {
    font-size: 1.42857143em;
}
.ui.massive.input {
    font-size: 1.71428571em;
}

/*******************************
         Theme Overrides
*******************************/

/*******************************
         Site Overrides
*******************************/

/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 11px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
    background-color: #fff;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #bbb;
}
::-webkit-scrollbar-thumb:window-inactive {
}

#category.hide {
    display: none;
}

/*******************************
         编辑器样式
*******************************/

.post .postbody {
    position: relative;
    z-index: 0;
}

/* slike-slider */

/* 2019.07.02 yyq  */
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0 auto;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* add */

.slick-slide div {
    font-size: 0;
}

.slick-vertical .slick-slide {
    border: none;
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 46px;
    height: 46px;
    padding: 0;

    cursor: pointer;

    color: #fff;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50px;
}

.slick-prev .fa,
.slick-next .fa {
    font-size: 24px;
    margin: 10px 20px;
}

.slick-prev {
    left: 0;
    z-index: 1;
}

.slick-next {
    right: 0;
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: 20px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 6px;
    height: 6px;
    margin: 7px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    border-radius: 100px;
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.6);
    transition: all 0.1s linear;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 6px;
    height: 6px;

    content: "";
    text-align: center;

    opacity: 0.6;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button {
    transform: scale(2);
    box-shadow: inset 0 0 0 1px #fff;
    background: none;
}
/* 2019.07.02 yyq  */

#postMian {
    min-width: auto;
}

/* 新结构 */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        transform: scale3d(0.6, 0.6, 0.6);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
@font-face {
    font-family: PlusJakartaSans-Medium;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/PlusJakartaSans-Medium.ttf");
}
@font-face {
    font-family: KAUSHANSCRIPT-REGULAR;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/KAUSHANSCRIPT-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: GOTHAMRND-BOOK;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/GOTHAMRND-BOOK.OTF");
}
@font-face {
    font-family: GothamRnd-Light;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/GothamRnd-Light.otf");
}
@font-face {
    font-family: KUNSTLER;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/KUNSTLER.otf");
}
@font-face {
    font-family: Didot;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/Didot.ttf") format("truetype");
}
@font-face {
    font-family: AVGARDD;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/AVGARDD.TTF") format("truetype");
}
@font-face {
    font-family: PlusJakartaSans-Medium;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/PlusJakartaSans-Medium.ttf") format("truetype");
}
@font-face {
    font-family: LANEUP;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/LANEUP.TTF") format("truetype");
}
@font-face {
    font-family: GOTHAM-BLACKITALIC;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/GOTHAM-BLACKITALIC.OTF");
}
@font-face {
    font-family: GOTHAM-BLACK;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/GOTHAM-BLACK.OTF");
}
@font-face {
    font-family: GOTHAM-BOLD;
    font-weight: 400;
    font-style: normal;
    src: url("./fonts/GOTHAM-BOLD.OTF");
}

/* 地图问题解决方法 -- 禁止地图缩放 */

.map_content {
    position: relative;
}

.map_content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

/* 2021/07/07 yyq 修改 隐藏侧边栏qq*/
#olx_qq {
    display: none;
}
/* 2021/07/07 yyq 修改 隐藏侧边栏qq*/

/* About Container */
.about-container[data-v-8f739e59] {
  min-height: 100vh;
  background: #f8f9fa;
}

/* Banner Section - Consistent with HomeView */
.banner-section[data-v-8f739e59] {
  height: 450px;
  position: relative;
  background: linear-gradient(135deg, #0E61D4 0%, #1a569e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.banner-overlay[data-v-8f739e59] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 20% 30%, rgba(244, 67, 54, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(33, 150, 243, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(156, 39, 176, 0.1) 0%, transparent 60%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  will-change: backdrop-filter;
}
.banner-content[data-v-8f739e59] {
  position: relative;
  z-index: 1;
  text-align: center;
  animation: fadeInUp-8f739e59 0.8s ease-out;
}
.banner-title[data-v-8f739e59] {
  font-size: 3.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.banner-subtitle[data-v-8f739e59] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 300;
  letter-spacing: 1px;
}

/* Section Layout */
.section[data-v-8f739e59] {
  padding: 80px 0;
  background: #f8f9fa;
}
.section-alt[data-v-8f739e59] {
  padding: 80px 0;
  background: white;
}
.container[data-v-8f739e59] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* Section Header */
.section-header[data-v-8f739e59] {
  text-align: center;
  margin-bottom: 60px;
}
.section-title[data-v-8f739e59] {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 12px;
  position: relative;
  display: inline-block;
}
.section-title[data-v-8f739e59]::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #0E61D4, #1a569e);
  border-radius: 2px;
}
.section-subtitle[data-v-8f739e59] {
  font-size: 1.1rem;
  color: #6b7280;
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* About Content Grid */
.about-content-grid[data-v-8f739e59] {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 48px;
  align-items: start;
}

/* About Text Sections */
.about-text[data-v-8f739e59] {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.intro-section[data-v-8f739e59],
.mission-section[data-v-8f739e59],
.advantages-section[data-v-8f739e59] {
  background: white;
  padding: 28px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.intro-section[data-v-8f739e59]:hover,
.mission-section[data-v-8f739e59]:hover,
.advantages-section[data-v-8f739e59]:hover {
  border-color: #0E61D4;
  box-shadow: 0 8px 24px rgba(14, 97, 212, 0.12);
  transform: translateY(-2px);
}
.section-title-large[data-v-8f739e59] {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 8px;
}
.highlight-bar[data-v-8f739e59] {
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, #0E61D4, #1a569e);
  margin-bottom: 16px;
  border-radius: 2px;
}
.intro-text[data-v-8f739e59],
.mission-text[data-v-8f739e59] {
  font-size: 1rem;
  color: #6b7280;
  line-height: 1.8;
}

/* Advantages List */
.advantages-list[data-v-8f739e59] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.advantage-item[data-v-8f739e59] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.advantage-item[data-v-8f739e59]:hover {
  background: #e8f2fe;
  transform: translateX(4px);
}
.advantage-check[data-v-8f739e59] {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #0E61D4, #1a569e);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
}
.advantage-item span[data-v-8f739e59] {
  font-size: 0.95rem;
  color: #1f2937;
  font-weight: 500;
}

/* About Visual */
.about-visual[data-v-8f739e59] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 100px;
}
.visual-card[data-v-8f739e59] {
  background: white;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #e5e7eb;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  min-height: 140px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.visual-card.blue[data-v-8f739e59] {
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.08), rgba(26, 86, 158, 0.08));
  border-color: #0E61D4;
}
.visual-card[data-v-8f739e59]:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 28px rgba(14, 97, 212, 0.15);
}
.visual-shape[data-v-8f739e59] {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.1), rgba(26, 86, 158, 0.1));
  border-radius: 24px;
  transform: rotate(15deg);
}
.visual-card.blue .visual-shape[data-v-8f739e59] {
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.15), rgba(26, 86, 158, 0.15));
}
.visual-content[data-v-8f739e59] {
  position: relative;
  z-index: 1;
  flex: 1;
}
.visual-icon[data-v-8f739e59] {
  color: #0E61D4;
  margin-bottom: 12px;
  display: block;
}
.visual-card.blue .visual-icon[data-v-8f739e59] {
  color: #1a569e;
}
.visual-content h3[data-v-8f739e59] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 4px;
}
.visual-content p[data-v-8f739e59] {
  font-size: 0.85rem;
  color: #6b7280;
  margin: 0;
}

/* Values Grid */
.values-grid[data-v-8f739e59] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
}
.value-card[data-v-8f739e59] {
  background: white;
  padding: 28px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  text-align: center;
}
.value-card[data-v-8f739e59]:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(14, 97, 212, 0.18);
  border-color: #0E61D4;
}
.value-number[data-v-8f739e59] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0E61D4;
  margin-bottom: 8px;
  font-family: monospace;
}
.value-title[data-v-8f739e59] {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 10px;
}
.value-desc[data-v-8f739e59] {
  font-size: 0.9rem;
  color: #6b7280;
  line-height: 1.6;
}

/* Timeline */
.timeline[data-v-8f739e59] {
  position: relative;
  padding-left: 40px;
  margin-top: 40px;
}
.timeline-line[data-v-8f739e59] {
  position: absolute;
  left: 16px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background: linear-gradient(180deg, #0E61D4, #1a569e, transparent);
}
.timeline-item[data-v-8f739e59] {
  position: relative;
  padding-bottom: 32px;
  animation: fadeInUp-8f739e59 0.6s ease-out backwards;
}
.timeline-item[data-v-8f739e59]:nth-child(1) { animation-delay: 0.1s;
}
.timeline-item[data-v-8f739e59]:nth-child(2) { animation-delay: 0.15s;
}
.timeline-item[data-v-8f739e59]:nth-child(3) { animation-delay: 0.2s;
}
.timeline-item[data-v-8f739e59]:nth-child(4) { animation-delay: 0.25s;
}
.timeline-item[data-v-8f739e59]:last-child {
  padding-bottom: 0;
}
.timeline-dot[data-v-8f739e59] {
  position: absolute;
  left: -32px;
  top: 6px;
  width: 12px;
  height: 12px;
  background: white;
  border: 3px solid #0E61D4;
  border-radius: 50%;
  z-index: 1;
  animation: pulse-8f739e59 2s infinite;
}
.timeline-content[data-v-8f739e59] {
  background: white;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.timeline-content[data-v-8f739e59]:hover {
  box-shadow: 0 6px 16px rgba(14, 97, 212, 0.1);
  border-color: #0E61D4;
  transform: translateX(4px);
}
.timeline-year[data-v-8f739e59] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0E61D4;
  margin-bottom: 6px;
  font-family: monospace;
}
.timeline-title[data-v-8f739e59] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 6px;
}
.timeline-desc[data-v-8f739e59] {
  font-size: 0.9rem;
  color: #6b7280;
  line-height: 1.6;
  margin: 0;
}

/* CTA Card */
.cta-card[data-v-8f739e59] {
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.95), rgba(26, 86, 158, 0.95));
  border-radius: 16px;
  padding: 48px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(14, 97, 212, 0.2);
}
.cta-card[data-v-8f739e59]::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);
}
.cta-card h3[data-v-8f739e59] {
  font-size: 1.8rem;
  font-weight: 700;
  color: white;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}
.cta-card p[data-v-8f739e59] {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 28px;
  position: relative;
  z-index: 1;
}
.cta-actions[data-v-8f739e59] {
  display: flex;
  gap: 16px;
  justify-content: center;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}
.cta-primary[data-v-8f739e59] {
  padding: 14px 32px;
  background: white;
  color: #0E61D4;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.cta-primary[data-v-8f739e59]:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
.cta-secondary[data-v-8f739e59] {
  padding: 14px 32px;
  background: transparent;
  color: white;
  border: 2px solid white;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}
.cta-secondary[data-v-8f739e59]:hover {
  background: white;
  color: #0E61D4;
  transform: translateY(-2px);
}

/* Animations */
@keyframes fadeInUp-8f739e59 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes pulse-8f739e59 {
0%, 100% {
    box-shadow: 0 0 0 0 rgba(14, 97, 212, 0.7);
}
50% {
    box-shadow: 0 0 0 8px rgba(14, 97, 212, 0);
}
}

/* Responsive Design */
@media (max-width: 1024px) {
.about-content-grid[data-v-8f739e59] {
    grid-template-columns: 1fr;
    gap: 32px;
}
.about-visual[data-v-8f739e59] {
    flex-direction: row;
    position: static;
    flex-wrap: wrap;
}
.visual-card[data-v-8f739e59] {
    flex: 1;
    min-width: 200px;
}
.visual-content h3[data-v-8f739e59] {
    font-size: 1rem;
}
.visual-content p[data-v-8f739e59] {
    font-size: 0.8rem;
}
.visual-icon[data-v-8f739e59] {
    width: 48px;
    height: 48px;
}
}
@media (max-width: 768px) {
.banner-section[data-v-8f739e59] {
    height: 320px;
}
.banner-title[data-v-8f739e59] {
    font-size: 2.2rem;
}
.banner-subtitle[data-v-8f739e59] {
    font-size: 1.1rem;
}
.section[data-v-8f739e59] {
    padding: 50px 0;
}
.section-title[data-v-8f739e59] {
    font-size: 2rem;
}
.section-title-large[data-v-8f739e59] {
    font-size: 1.4rem;
}
.about-text[data-v-8f739e59],
  .about-visual[data-v-8f739e59] {
    gap: 24px;
}
.values-grid[data-v-8f739e59] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.timeline[data-v-8f739e59] {
    padding-left: 30px;
}
.timeline-dot[data-v-8f739e59] {
    left: -24px;
}
.cta-card[data-v-8f739e59] {
    padding: 32px 20px;
}
.cta-card h3[data-v-8f739e59] {
    font-size: 1.4rem;
}
.cta-actions[data-v-8f739e59] {
    flex-direction: column;
    gap: 12px;
}
.cta-primary[data-v-8f739e59],
  .cta-secondary[data-v-8f739e59] {
    width: 100%;
}
.container[data-v-8f739e59] {
    padding: 0 20px;
}
}

/* Courses Container */
.courses-container[data-v-cb29a4e6] {
  min-height: 100vh;
  background: #f8f9fa;
}

/* Banner Section - Consistent with HomeView */
.banner-section[data-v-cb29a4e6] {
  height: 450px;
  position: relative;
  background: linear-gradient(135deg, #0E61D4 0%, #1a569e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.banner-overlay[data-v-cb29a4e6] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 20% 30%, rgba(244, 67, 54, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(33, 150, 243, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(156, 39, 176, 0.1) 0%, transparent 60%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  will-change: backdrop-filter;
}
.banner-content[data-v-cb29a4e6] {
  position: relative;
  z-index: 1;
  text-align: center;
  animation: fadeInUp-cb29a4e6 0.8s ease-out;
}
.banner-title[data-v-cb29a4e6] {
  font-size: 3.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.banner-subtitle[data-v-cb29a4e6] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 300;
  letter-spacing: 1px;
}

/* Section Layout */
.section[data-v-cb29a4e6] {
  padding: 80px 0;
  background: #f8f9fa;
}
.section-alt[data-v-cb29a4e6] {
  padding: 80px 0;
  background: white;
}
.container[data-v-cb29a4e6] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* Section Header */
.section-header[data-v-cb29a4e6] {
  text-align: center;
  margin-bottom: 60px;
}
.section-title[data-v-cb29a4e6] {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 12px;
  position: relative;
  display: inline-block;
}
.section-title[data-v-cb29a4e6]::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #0E61D4, #1a569e);
  border-radius: 2px;
}
.section-subtitle[data-v-cb29a4e6] {
  font-size: 1.1rem;
  color: #6b7280;
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Main Feature Section */
.main-feature-section[data-v-cb29a4e6] {
  margin-bottom: 40px;
}
.main-feature-card[data-v-cb29a4e6] {
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.95), rgba(26, 86, 158, 0.95));
  border-radius: 20px;
  padding: 60px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(14, 97, 212, 0.2);
  color: white;
}
.main-feature-card[data-v-cb29a4e6]::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);
}
.main-feature-content[data-v-cb29a4e6] {
  position: relative;
  z-index: 1;
  text-align: center;
}
.feature-icon-large[data-v-cb29a4e6] {
  width: 100px;
  height: 100px;
  margin: 0 auto 24px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  transition: all 0.3s ease;
}
.feature-icon-large[data-v-cb29a4e6]:hover {
  transform: scale(1.05);
  background: rgba(255, 255, 255, 0.25);
}
.feature-icon-large svg[data-v-cb29a4e6] {
  stroke: #ffffff;
  stroke-width: 1.8;
}
.main-feature-title[data-v-cb29a4e6] {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
}
.main-feature-desc[data-v-cb29a4e6] {
  font-size: 1.1rem;
  line-height: 1.8;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.95);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.feature-tags[data-v-cb29a4e6] {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.tag-primary[data-v-cb29a4e6] {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}
.tag-primary[data-v-cb29a4e6]:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

/* Sub Features Grid */
.sub-features-grid[data-v-cb29a4e6] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}
.sub-feature-card[data-v-cb29a4e6] {
  background: white;
  border-radius: 16px;
  padding: 32px;
  border: 1px solid #e5e7eb;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.sub-feature-card[data-v-cb29a4e6]:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(14, 97, 212, 0.18);
  border-color: #0E61D4;
}
.sub-feature-header[data-v-cb29a4e6] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.sub-feature-icon[data-v-cb29a4e6] {
  font-size: 2.5rem;
  transition: all 0.3s ease;
}
.sub-feature-card:hover .sub-feature-icon[data-v-cb29a4e6] {
  transform: scale(1.15) rotate(5deg);
}
.sub-feature-title[data-v-cb29a4e6] {
  font-size: 1.3rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0;
}
.sub-feature-desc[data-v-cb29a4e6] {
  font-size: 0.95rem;
  color: #6b7280;
  line-height: 1.7;
  margin-bottom: 16px;
  min-height: 48px;
}
.sub-feature-details[data-v-cb29a4e6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.detail-item[data-v-cb29a4e6] {
  font-size: 0.85rem;
  color: #4a5568;
  line-height: 1.5;
  padding-left: 20px;
  position: relative;
}
.detail-item[data-v-cb29a4e6]::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #0E61D4;
  font-weight: bold;
}

/* Subscription Plans */
.subscription-plans[data-v-cb29a4e6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}
.plan-card[data-v-cb29a4e6] {
  background: white;
  border-radius: 16px;
  padding: 32px;
  border: 2px solid #e5e7eb;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.plan-card[data-v-cb29a4e6]:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(14, 97, 212, 0.18);
  border-color: #0E61D4;
}
.plan-card.featured[data-v-cb29a4e6] {
  border-color: #0E61D4;
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.03), rgba(26, 86, 158, 0.03));
  transform: scale(1.02);
}
.plan-card.featured[data-v-cb29a4e6]:hover {
  transform: scale(1.02) translateY(-4px);
}
.plan-badge[data-v-cb29a4e6] {
  position: absolute;
  top: 16px;
  right: 16px;
  background: linear-gradient(135deg, #0E61D4, #1a569e);
  color: white;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(14, 97, 212, 0.3);
}
.plan-header[data-v-cb29a4e6] {
  text-align: center;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px dashed #e5e7eb;
}
.plan-name[data-v-cb29a4e6] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 12px 0;
}
.plan-price[data-v-cb29a4e6] {
  font-size: 2.5rem;
  font-weight: 800;
  color: #0E61D4;
  margin: 0;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
}
.price-unit[data-v-cb29a4e6] {
  font-size: 1rem;
  font-weight: 500;
  color: #6b7280;
}
.plan-features[data-v-cb29a4e6] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
  min-height: 180px;
}
.plan-feature-item[data-v-cb29a4e6] {
  font-size: 0.9rem;
  color: #4a5568;
  line-height: 1.6;
  padding-left: 24px;
  position: relative;
}
.plan-feature-item[data-v-cb29a4e6]::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #0E61D4;
  font-weight: bold;
}
.plan-description[data-v-cb29a4e6] {
  font-size: 0.85rem;
  color: #6b7280;
  text-align: center;
  padding-top: 16px;
  border-top: 1px dashed #e5e7eb;
  font-style: italic;
}

/* Service Grid */
.service-grid[data-v-cb29a4e6] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}
.service-card[data-v-cb29a4e6] {
  background: white;
  border-radius: 16px;
  padding: 28px;
  text-align: center;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.service-card[data-v-cb29a4e6]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(14, 97, 212, 0.15);
  border-color: #0E61D4;
}
.service-icon[data-v-cb29a4e6] {
  font-size: 2.5rem;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}
.service-card:hover .service-icon[data-v-cb29a4e6] {
  transform: scale(1.15);
}
.service-title[data-v-cb29a4e6] {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 12px 0;
}
.service-desc[data-v-cb29a4e6] {
  font-size: 0.85rem;
  color: #6b7280;
  line-height: 1.6;
  margin: 0;
}

/* CTA Section */
.cta-section[data-v-cb29a4e6] {
  background: linear-gradient(135deg, rgba(14, 97, 212, 0.95), rgba(26, 86, 158, 0.95));
  border-radius: 16px;
  padding: 48px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(14, 97, 212, 0.2);
}
.cta-section[data-v-cb29a4e6]::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 40%),
    radial-gradient(circle at 90% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);
}
.cta-section h3[data-v-cb29a4e6] {
  font-size: 1.8rem;
  font-weight: 700;
  color: white;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}
.cta-section p[data-v-cb29a4e6] {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}

/* Animations */
@keyframes fadeInUp-cb29a4e6 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Responsive Design */
@media (max-width: 1024px) {
.sub-features-grid[data-v-cb29a4e6] {
    grid-template-columns: 1fr;
}
.subscription-plans[data-v-cb29a4e6] {
    grid-template-columns: 1fr;
    gap: 20px;
}
.plan-card.featured[data-v-cb29a4e6] {
    transform: scale(1);
}
.plan-card.featured[data-v-cb29a4e6]:hover {
    transform: translateY(-4px);
}
.service-grid[data-v-cb29a4e6] {
    grid-template-columns: repeat(2, 1fr);
}
.main-feature-card[data-v-cb29a4e6] {
    padding: 48px 32px;
}
.feature-icon-large[data-v-cb29a4e6] {
    width: 80px;
    height: 80px;
}
.main-feature-title[data-v-cb29a4e6] {
    font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.banner-section[data-v-cb29a4e6] {
    height: 320px;
}
.banner-title[data-v-cb29a4e6] {
    font-size: 2.2rem;
}
.banner-subtitle[data-v-cb29a4e6] {
    font-size: 1.1rem;
}
.section[data-v-cb29a4e6] {
    padding: 50px 0;
}
.section-title[data-v-cb29a4e6] {
    font-size: 2rem;
}
.section-subtitle[data-v-cb29a4e6] {
    font-size: 1rem;
}
.main-feature-card[data-v-cb29a4e6] {
    padding: 36px 24px;
}
.feature-icon-large[data-v-cb29a4e6] {
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
}
.main-feature-title[data-v-cb29a4e6] {
    font-size: 1.5rem;
}
.main-feature-desc[data-v-cb29a4e6] {
    font-size: 1rem;
}
.feature-tags[data-v-cb29a4e6] {
    gap: 8px;
}
.tag-primary[data-v-cb29a4e6] {
    padding: 6px 12px;
    font-size: 0.85rem;
}
.sub-feature-card[data-v-cb29a4e6] {
    padding: 24px;
}
.sub-feature-icon[data-v-cb29a4e6] {
    font-size: 2rem;
}
.sub-feature-title[data-v-cb29a4e6] {
    font-size: 1.15rem;
}
.sub-feature-desc[data-v-cb29a4e6] {
    font-size: 0.9rem;
}
.plan-card[data-v-cb29a4e6] {
    padding: 24px;
}
.plan-name[data-v-cb29a4e6] {
    font-size: 1.3rem;
}
.plan-price[data-v-cb29a4e6] {
    font-size: 2rem;
}
.plan-feature-item[data-v-cb29a4e6] {
    font-size: 0.85rem;
}
.service-grid[data-v-cb29a4e6] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.service-card[data-v-cb29a4e6] {
    padding: 20px;
}
.service-icon[data-v-cb29a4e6] {
    font-size: 2rem;
}
.service-title[data-v-cb29a4e6] {
    font-size: 1rem;
}
.service-desc[data-v-cb29a4e6] {
    font-size: 0.85rem;
}
.cta-section[data-v-cb29a4e6] {
    padding: 32px 20px;
}
.cta-section h3[data-v-cb29a4e6] {
    font-size: 1.4rem;
}
.cta-section p[data-v-cb29a4e6] {
    font-size: 1rem;
}
.container[data-v-cb29a4e6] {
    padding: 0 20px;
}
}
@media (max-width: 480px) {
.banner-section[data-v-cb29a4e6] {
    height: 280px;
}
.banner-title[data-v-cb29a4e6] {
    font-size: 1.8rem;
}
.banner-subtitle[data-v-cb29a4e6] {
    font-size: 1rem;
}
.section[data-v-cb29a4e6] {
    padding: 40px 0;
}
.section-title[data-v-cb29a4e6] {
    font-size: 1.6rem;
}
.main-feature-card[data-v-cb29a4e6] {
    padding: 28px 20px;
}
.feature-icon-large[data-v-cb29a4e6] {
    width: 60px;
    height: 60px;
}
.main-feature-title[data-v-cb29a4e6] {
    font-size: 1.3rem;
}
.main-feature-desc[data-v-cb29a4e6] {
    font-size: 0.95rem;
}
.sub-feature-card[data-v-cb29a4e6] {
    padding: 20px;
}
.sub-feature-icon[data-v-cb29a4e6] {
    font-size: 1.8rem;
}
.sub-feature-title[data-v-cb29a4e6] {
    font-size: 1.1rem;
}
.plan-card[data-v-cb29a4e6] {
    padding: 20px;
}
.plan-name[data-v-cb29a4e6] {
    font-size: 1.2rem;
}
.plan-price[data-v-cb29a4e6] {
    font-size: 1.8rem;
}
.cta-section[data-v-cb29a4e6] {
    padding: 24px 16px;
}
.cta-section h3[data-v-cb29a4e6] {
    font-size: 1.2rem;
}
.cta-section p[data-v-cb29a4e6] {
    font-size: 0.95rem;
}
}

/* Contact Container */
.contact-container[data-v-f192512a] {
  min-height: 100vh;
  background: #f8f9fa;
}

/* Banner Section - Consistent with HomeView */
.banner-section[data-v-f192512a] {
  height: 450px;
  position: relative;
  background: linear-gradient(135deg, #0E61D4 0%, #1a569e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}
.banner-overlay[data-v-f192512a] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 20% 30%, rgba(244, 67, 54, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(33, 150, 243, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(156, 39, 176, 0.1) 0%, transparent 60%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.banner-content[data-v-f192512a] {
  position: relative;
  z-index: 1;
  text-align: center;
  animation: fadeInUp-f192512a 0.8s ease-out;
}
.banner-title[data-v-f192512a] {
  font-size: 3.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
}
.banner-subtitle[data-v-f192512a] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 300;
  letter-spacing: 1px;
}

/* Section Layout */
.section[data-v-f192512a] {
  padding: 80px 0;
  background: #f8f9fa;
}
.map-section[data-v-f192512a] {
  padding: 80px 0;
  background: white;
}
.container[data-v-f192512a] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

/* Section Header */
.section-header[data-v-f192512a] {
  text-align: center;
  margin-bottom: 60px;
}
.section-title[data-v-f192512a] {
  font-size: 2.5rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 12px;
}
.section-subtitle[data-v-f192512a] {
  font-size: 1.1rem;
  color: #6b7280;
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Contact Cards Grid - Three Horizontal Cards */
.contact-cards-grid[data-v-f192512a] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 40px;
}

/* Contact Card */
.contact-card[data-v-f192512a] {
  background: white;
  border-radius: 16px;
  padding: 32px;
  min-height: 200px;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: fadeInUp-f192512a 0.6s ease-out backwards;
}
.contact-card[data-v-f192512a]:nth-child(1) { animation-delay: 0.1s;
}
.contact-card[data-v-f192512a]:nth-child(2) { animation-delay: 0.15s;
}
.contact-card[data-v-f192512a]:nth-child(3) { animation-delay: 0.2s;
}

/* Card Content - Empty */
.card-content-empty[data-v-f192512a] {
  width: 100%;
  height: 100%;
  min-height: 120px;
}

/* Card Content - Text */
.card-content-text[data-v-f192512a] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px 0;
}
.contact-group[data-v-f192512a] {
  text-align: left;
  padding: 12px 0;
  border-bottom: 1px dashed #e5e7eb;
}
.contact-group[data-v-f192512a]:last-child {
  border-bottom: none;
}
.contact-label[data-v-f192512a] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #4a5568;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.6;
}
.contact-email[data-v-f192512a] {
  font-size: 0.9rem;
  color: #1f2937;
  font-weight: 500;
  margin: 0;
  word-break: break-all;
  line-height: 1.8;
}
.contact-text[data-v-f192512a] {
  font-size: 0.85rem;
  color: #1f2937;
  font-weight: 400;
  margin: 0;
  word-break: break-word;
  line-height: 1.8;
}

/* Ensure all content is left-aligned */
.card-content-text[data-v-f192512a] {
  text-align: left;
  align-items: flex-start;
}
.contact-card[data-v-f192512a] {
  text-align: left;
  align-items: flex-start;
}



/* Map Section */
.map-wrapper[data-v-f192512a] {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.map-wrapper iframe[data-v-f192512a] {
  display: block;
  width: 100%;
  min-height: 450px;
}

/* Animations */
@keyframes fadeInUp-f192512a {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Responsive Design */
@media (max-width: 1024px) {
.contact-cards-grid[data-v-f192512a] {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
}
@media (max-width: 768px) {
.banner-section[data-v-f192512a] {
    height: 320px;
}
.banner-title[data-v-f192512a] {
    font-size: 2.2rem;
}
.banner-subtitle[data-v-f192512a] {
    font-size: 1.1rem;
}
.section[data-v-f192512a] {
    padding: 50px 0;
}
.section-title[data-v-f192512a] {
    font-size: 2rem;
}
.section-subtitle[data-v-f192512a] {
    font-size: 1rem;
}
.contact-cards-grid[data-v-f192512a] {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 30px;
}
.contact-card[data-v-f192512a] {
    padding: 24px;
}
.container[data-v-f192512a] {
    padding: 0 20px;
}
.map-wrapper iframe[data-v-f192512a] {
    min-height: 350px;
}

  /* Responsive text styles for middle card */
.contact-label[data-v-f192512a] {
    font-size: 0.8rem;
}
.contact-email[data-v-f192512a] {
    font-size: 0.85rem;
}
}
@media (max-width: 480px) {
.banner-section[data-v-f192512a] {
    height: 280px;
}
.banner-title[data-v-f192512a] {
    font-size: 1.8rem;
}
.banner-subtitle[data-v-f192512a] {
    font-size: 1rem;
}
.section[data-v-f192512a] {
    padding: 40px 0;
}
.section-title[data-v-f192512a] {
    font-size: 1.6rem;
}
.contact-cards-grid[data-v-f192512a] {
    gap: 12px;
}
.contact-card[data-v-f192512a] {
    padding: 16px;
}
.card-content-text[data-v-f192512a] {
    gap: 12px;
    padding: 4px 0;
}
.contact-group[data-v-f192512a] {
    padding: 6px 0;
}
.contact-label[data-v-f192512a] {
    font-size: 0.75rem;
    margin-bottom: 2px;
}
.contact-email[data-v-f192512a] {
    font-size: 0.8rem;
}
.map-wrapper iframe[data-v-f192512a] {
    min-height: 300px;
}
}

/* 社区容器 */
.community-container[data-v-92e9324e] {
  min-height: 100vh;
  background: #f8f9fa;
}

/* 社区Banner - 现代化设计 */
.community-banner[data-v-92e9324e] {
  height: 420px;
  background: linear-gradient(135deg, #0E61D4 0%, #1a569e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
}
.community-banner[data-v-92e9324e]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: 
    radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
  opacity: 0.6;
}
.banner-content[data-v-92e9324e] {
  position: relative;
  z-index: 1;
  text-align: center;
  animation: fadeInUp-92e9324e 0.8s ease-out;
}
.badge[data-v-92e9324e] {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  color: white;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.banner-title[data-v-92e9324e] {
  font-size: 3.2rem;
  font-weight: 700;
  color: white;
  margin: 0 0 12px 0;
  letter-spacing: -0.5px;
}
.banner-subtitle[data-v-92e9324e] {
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 400;
  margin: 0;
}

/* 内容区域 */
.community-content[data-v-92e9324e] {
  padding: 60px 0;
  background: #f8f9fa;
}
.container[data-v-92e9324e] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* 社区特色 */
.features-section[data-v-92e9324e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 60px;
}
.feature-card[data-v-92e9324e] {
  background: white;
  border-radius: 16px;
  padding: 32px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  border: 1px solid #e8e8e8;
}
.feature-card[data-v-92e9324e]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(14, 97, 212, 0.15);
  border-color: #0E61D4;
}
.feature-icon[data-v-92e9324e] {
  font-size: 2.5rem;
  margin-bottom: 16px;
  line-height: 1;
}
.feature-title[data-v-92e9324e] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a2c4e;
  margin: 0 0 12px 0;
}
.feature-desc[data-v-92e9324e] {
  font-size: 0.95rem;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* 社区活动 */
.activities-section[data-v-92e9324e] {
  margin-bottom: 60px;
}
.section-header[data-v-92e9324e] {
  text-align: center;
  margin-bottom: 40px;
}
.section-title[data-v-92e9324e] {
  font-size: 2.2rem;
  font-weight: 700;
  color: #1a2c4e;
  margin: 0 0 12px 0;
}
.section-subtitle[data-v-92e9324e] {
  font-size: 1.05rem;
  color: #666;
  margin: 0;
  font-weight: 400;
}
.activities-grid[data-v-92e9324e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.activity-card[data-v-92e9324e] {
  background: white;
  border-radius: 14px;
  padding: 24px;
  border: 1px solid #e8e8e8;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.activity-card[data-v-92e9324e]:hover {
  border-color: #0E61D4;
  box-shadow: 0 6px 20px rgba(14, 97, 212, 0.12);
  transform: translateY(-2px);
}
.activity-header[data-v-92e9324e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.activity-tag[data-v-92e9324e] {
  background: #0E61D4;
  color: white;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}
.activity-date[data-v-92e9324e] {
  color: #666;
  font-size: 0.8rem;
  font-weight: 500;
}
.activity-title[data-v-92e9324e] {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1a2c4e;
  margin: 0;
}
.activity-desc[data-v-92e9324e] {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.activity-meta[data-v-92e9324e] {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}
.meta-item[data-v-92e9324e] {
  font-size: 0.75rem;
  color: #999;
  font-weight: 500;
}

/* 加入方式 */
.join-section[data-v-92e9324e] {
  margin-bottom: 60px;
}
.join-grid[data-v-92e9324e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.join-card[data-v-92e9324e] {
  background: white;
  border-radius: 16px;
  padding: 28px;
  border: 1px solid #e8e8e8;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.join-card[data-v-92e9324e]:hover {
  border-color: #0E61D4;
  box-shadow: 0 6px 20px rgba(14, 97, 212, 0.12);
}
.join-number[data-v-92e9324e] {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 2rem;
  font-weight: 800;
  color: rgba(14, 97, 212, 0.1);
  line-height: 1;
}
.join-title[data-v-92e9324e] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1a2c4e;
  margin: 8px 0 12px 0;
}
.join-desc[data-v-92e9324e] {
  font-size: 0.9rem;
  color: #666;
  line-height: 1.6;
  margin: 0 0 16px 0;
}
.qr-placeholder[data-v-92e9324e] {
  background: #f8f9fa;
  border: 2px dashed #d0d0d0;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  margin-top: 12px;
}
.qr-icon[data-v-92e9324e] {
  font-size: 2rem;
  margin-bottom: 8px;
}
.qr-text[data-v-92e9324e] {
  font-size: 0.85rem;
  color: #999;
  margin: 0;
  font-weight: 500;
}
.action-btn[data-v-92e9324e] {
  background: #0E61D4;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  margin-top: 12px;
}
.action-btn[data-v-92e9324e]:hover {
  background: #0a4ea8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(14, 97, 212, 0.3);
}

/* 社区动态 */
.community-updates[data-v-92e9324e] {
  margin-bottom: 60px;
}
.updates-list[data-v-92e9324e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.update-item[data-v-92e9324e] {
  background: white;
  border-radius: 12px;
  padding: 20px;
  border-left: 4px solid #0E61D4;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  transition: all 0.3s ease;
  border: 1px solid #e8e8e8;
}
.update-item[data-v-92e9324e]:hover {
  box-shadow: 0 4px 12px rgba(14, 97, 212, 0.1);
  transform: translateX(4px);
}
.update-date[data-v-92e9324e] {
  font-size: 0.85rem;
  color: #0E61D4;
  font-weight: 600;
  white-space: nowrap;
  padding-top: 2px;
}
.update-content[data-v-92e9324e] {
  flex: 1;
}
.update-content h4[data-v-92e9324e] {
  margin: 0 0 6px 0;
  font-size: 1.05rem;
  color: #1a2c4e;
  font-weight: 700;
}
.update-content p[data-v-92e9324e] {
  margin: 0;
  font-size: 0.9rem;
  color: #666;
  line-height: 1.5;
}

/* 联系信息 */
.contact-info[data-v-92e9324e] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.info-card[data-v-92e9324e] {
  background: white;
  border-radius: 16px;
  padding: 28px;
  border: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.3s ease;
}
.info-card[data-v-92e9324e]:hover {
  border-color: #0E61D4;
  box-shadow: 0 4px 12px rgba(14, 97, 212, 0.1);
}
.info-icon[data-v-92e9324e] {
  font-size: 2.5rem;
  line-height: 1;
}
.info-content[data-v-92e9324e] {
  flex: 1;
}
.info-content h3[data-v-92e9324e] {
  margin: 0 0 8px 0;
  font-size: 1.15rem;
  color: #1a2c4e;
  font-weight: 700;
}
.info-content p[data-v-92e9324e] {
  margin: 0;
  font-size: 0.95rem;
  color: #333;
  line-height: 1.5;
  font-weight: 500;
}
.info-hint[data-v-92e9324e] {
  font-size: 0.85rem !important;
  color: #999 !important;
  font-weight: 400 !important;
  margin-top: 4px !important;
}

/* 动画 */
@keyframes fadeInUp-92e9324e {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* 响应式设计 */
@media (max-width: 1024px) {
.features-section[data-v-92e9324e],
  .activities-grid[data-v-92e9324e],
  .join-grid[data-v-92e9324e] {
    grid-template-columns: repeat(2, 1fr);
}
.contact-info[data-v-92e9324e] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.community-banner[data-v-92e9324e] {
    height: 320px;
}
.banner-title[data-v-92e9324e] {
    font-size: 2.2rem;
}
.banner-subtitle[data-v-92e9324e] {
    font-size: 1.1rem;
}
.community-content[data-v-92e9324e] {
    padding: 40px 0;
}
.section-title[data-v-92e9324e] {
    font-size: 1.8rem;
}
.features-section[data-v-92e9324e],
  .activities-grid[data-v-92e9324e],
  .join-grid[data-v-92e9324e] {
    grid-template-columns: 1fr;
    gap: 16px;
}
.feature-card[data-v-92e9324e],
  .activity-card[data-v-92e9324e],
  .join-card[data-v-92e9324e],
  .info-card[data-v-92e9324e] {
    padding: 20px;
}
.update-item[data-v-92e9324e] {
    flex-direction: column;
    gap: 12px;
}
.update-date[data-v-92e9324e] {
    white-space: normal;
}
}
@media (max-width: 480px) {
.community-banner[data-v-92e9324e] {
    height: 280px;
}
.banner-title[data-v-92e9324e] {
    font-size: 1.8rem;
}
.banner-subtitle[data-v-92e9324e] {
    font-size: 1rem;
}
.badge[data-v-92e9324e] {
    font-size: 0.8rem;
    padding: 5px 12px;
}
.section-title[data-v-92e9324e] {
    font-size: 1.6rem;
}
.section-subtitle[data-v-92e9324e] {
    font-size: 0.95rem;
}
.feature-icon[data-v-92e9324e] {
    font-size: 2rem;
}
.activity-tag[data-v-92e9324e] {
    font-size: 0.7rem;
}
.activity-date[data-v-92e9324e] {
    font-size: 0.75rem;
}
.join-number[data-v-92e9324e] {
    font-size: 1.5rem;
}
.info-icon[data-v-92e9324e] {
    font-size: 2rem;
}
}

/* Help Container */
.help-docs-container[data-v-10d0b2f5] {
  min-height: 100vh;
  background: #f8f9fa;
}

/* Banner Section */
.banner-section[data-v-10d0b2f5] {
  height: 400px;
  position: relative;
  background: linear-gradient(135deg, #0E61D4 0%, #1a569e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.banner-overlay[data-v-10d0b2f5] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 20% 30%, rgba(244, 67, 54, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(33, 150, 243, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(156, 39, 176, 0.1) 0%, transparent 60%);
  backdrop-filter: blur(10px);
}
.banner-content[data-v-10d0b2f5] {
  position: relative;
  z-index: 1;
  text-align: center;
  animation: fadeInUp-10d0b2f5 0.8s ease-out;
}
.banner-title[data-v-10d0b2f5] {
  font-size: 3.5rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
}
.banner-subtitle[data-v-10d0b2f5] {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 300;
  letter-spacing: 1px;
}

/* Docs Layout */
.docs-layout[data-v-10d0b2f5] {
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  min-height: calc(100vh - 400px);
  padding: 30px;
}

/* 左侧导航栏 */
.docs-sidebar[data-v-10d0b2f5] {
  width: 280px;
  background: white;
  border: 1px solid #e5e7eb;
  position: sticky;
  top: 0;
  height: calc(100vh - 400px);
  overflow-y: auto;
  flex-shrink: 0;
  border-radius: 12px;
}
.sidebar-header[data-v-10d0b2f5] {
  padding: 24px;
  border-bottom: 1px solid #e5e7eb;
}
.sidebar-header h3[data-v-10d0b2f5] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f2937;
}
.sidebar-menu[data-v-10d0b2f5] {
  padding: 12px;
}
.menu-item[data-v-10d0b2f5] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 4px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #4b5563;
  font-weight: 500;
}
.menu-item[data-v-10d0b2f5]:hover {
  background: #f3f4f6;
  color: #0E61D4;
}
.menu-item.active[data-v-10d0b2f5] {
  background: #eff6ff;
  color: #0E61D4;
  font-weight: 600;
}
.menu-icon[data-v-10d0b2f5] {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.menu-title[data-v-10d0b2f5] {
  flex: 1;
}

/* 右侧内容区 */
.docs-content[data-v-10d0b2f5] {
  flex: 1;
  padding: 2px 60px;
  overflow-y: auto;
}

/* 文档章节 */
.doc-section[data-v-10d0b2f5] {
  margin-bottom: 60px;
  scroll-margin-top: 20px;
}
.section-header[data-v-10d0b2f5] {
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 2px solid #e5e7eb;
}
.section-header h2[data-v-10d0b2f5] {
  margin: 0 0 8px 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1f2937;
}
.section-header p[data-v-10d0b2f5] {
  margin: 0;
  font-size: 1rem;
  color: #6b7280;
  line-height: 1.6;
}
.section-content[data-v-10d0b2f5] {
  color: #374151;
  line-height: 1.8;
}

/* 步骤列表 */
.step-list[data-v-10d0b2f5] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.step-item[data-v-10d0b2f5] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background: white;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}
.step-item[data-v-10d0b2f5]:hover {
  border-color: #0E61D4;
  box-shadow: 0 4px 12px rgba(14, 97, 212, 0.1);
  transform: translateY(-2px);
}
.step-number[data-v-10d0b2f5] {
  width: 36px;
  height: 36px;
  background: #0E61D4;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 2px;
}
.step-content[data-v-10d0b2f5] {
  flex: 1;
}
.step-content h4[data-v-10d0b2f5] {
  margin: 0 0 8px 0;
  font-size: 1.1rem;
  color: #1f2937;
  font-weight: 600;
}
.step-content p[data-v-10d0b2f5] {
  margin: 0 0 8px 0;
  color: #6b7280;
  line-height: 1.6;
}
.step-content p[data-v-10d0b2f5]:last-child {
  margin-bottom: 0;
}

/* 功能网格 */
.feature-grid[data-v-10d0b2f5] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.feature-card[data-v-10d0b2f5] {
  background: white;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  width: 100%;
}
.feature-card[data-v-10d0b2f5]:hover {
  border-color: #0E61D4;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(14, 97, 212, 0.1);
}
.feature-card h4[data-v-10d0b2f5] {
  margin: 0 0 12px 0;
  color: #0E61D4;
  font-size: 1.1rem;
}
.feature-card ul[data-v-10d0b2f5] {
  margin: 0;
  padding-left: 20px;
  color: #6b7280;
}
.feature-card li[data-v-10d0b2f5] {
  margin-bottom: 6px;
  line-height: 1.6;
}

/* FAQ列表 */
.faq-list[data-v-10d0b2f5] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.faq-item[data-v-10d0b2f5] {
  background: white;
  padding: 24px;
  border-radius: 12px;
  border-left: 4px solid #0E61D4;
  transition: all 0.3s ease;
}
.faq-item[data-v-10d0b2f5]:hover {
  box-shadow: 0 4px 12px rgba(14, 97, 212, 0.1);
}
.faq-item h4[data-v-10d0b2f5] {
  margin: 0 0 12px 0;
  color: #1f2937;
  font-size: 1.1rem;
}
.faq-item p[data-v-10d0b2f5] {
  margin: 0 0 8px 0;
  color: #6b7280;
  line-height: 1.6;
}
.faq-item p strong[data-v-10d0b2f5] {
  color: #0E61D4;
  font-weight: 600;
}

/* 联系支持信息 */
.support-info[data-v-10d0b2f5] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.contact-card[data-v-10d0b2f5] {
  background: white;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: all 0.3s ease;
}
.contact-card[data-v-10d0b2f5]:hover {
  border-color: #0E61D4;
  box-shadow: 0 4px 12px rgba(14, 97, 212, 0.1);
}
.contact-icon[data-v-10d0b2f5] {
  font-size: 2rem;
  width: 48px;
  height: 48px;
  background: #eff6ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact-details h4[data-v-10d0b2f5] {
  margin: 0 0 4px 0;
  color: #1f2937;
  font-size: 1.05rem;
}
.contact-details p[data-v-10d0b2f5] {
  margin: 0;
  color: #6b7280;
  font-size: 0.95rem;
}

/* 空状态 */
.empty-state[data-v-10d0b2f5] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}
.empty-content[data-v-10d0b2f5] {
  text-align: center;
  padding: 40px;
  background: white;
  border-radius: 12px;
  border: 2px dashed #e5e7eb;
}
.empty-icon[data-v-10d0b2f5] {
  font-size: 4rem;
  margin-bottom: 16px;
  opacity: 0.6;
}
.empty-content h3[data-v-10d0b2f5] {
  margin: 0 0 8px 0;
  color: #1f2937;
  font-size: 1.5rem;
}
.empty-content p[data-v-10d0b2f5] {
  margin: 0;
  color: #6b7280;
  font-size: 1rem;
}

/* 动画 */
@keyframes fadeInUp-10d0b2f5 {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* 响应式设计 */
@media (max-width: 1024px) {
.docs-layout[data-v-10d0b2f5] {
    flex-direction: column;
}
.docs-sidebar[data-v-10d0b2f5] {
    width: 100%;
    height: auto;
    position: relative;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
}
.docs-content[data-v-10d0b2f5] {
    padding: 30px 20px;
}
.sidebar-menu[data-v-10d0b2f5] {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding: 12px 16px;
}
.menu-item[data-v-10d0b2f5] {
    white-space: nowrap;
    margin-bottom: 0;
}
}
@media (max-width: 768px) {
.banner-section[data-v-10d0b2f5] {
    height: 300px;
}
.banner-title[data-v-10d0b2f5] {
    font-size: 2.2rem;
}
.banner-subtitle[data-v-10d0b2f5] {
    font-size: 1.1rem;
}
.docs-content[data-v-10d0b2f5] {
    padding: 20px 16px;
}
.section-header h2[data-v-10d0b2f5] {
    font-size: 1.5rem;
}
.feature-grid[data-v-10d0b2f5],
  .support-info[data-v-10d0b2f5] {
    grid-template-columns: 1fr;
}
.step-item[data-v-10d0b2f5] {
    flex-direction: column;
    gap: 16px;
    text-align: center;
}
.step-number[data-v-10d0b2f5] {
    margin: 0 auto;
}
.contact-card[data-v-10d0b2f5] {
    flex-direction: column;
    text-align: center;
}
}
@media (max-width: 480px) {
.banner-section[data-v-10d0b2f5] {
    height: 250px;
}
.banner-title[data-v-10d0b2f5] {
    font-size: 1.8rem;
}
.banner-subtitle[data-v-10d0b2f5] {
    font-size: 1rem;
}
.section-header h2[data-v-10d0b2f5] {
    font-size: 1.3rem;
}
.section-header p[data-v-10d0b2f5] {
    font-size: 0.9rem;
}
.step-item[data-v-10d0b2f5],
  .feature-card[data-v-10d0b2f5],
  .faq-item[data-v-10d0b2f5],
  .contact-card[data-v-10d0b2f5] {
    padding: 16px;
}
}