@import url(http://fonts.googleapis.com/css?family=Lato:300:400);



.header00 {
  position:relative;
  text-align:center;
  
  color:white;
}

.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { 
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; 
  min-height:100px;
  max-height:150px;
}





.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever{
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
@media (max-width: 768px){
  
.waves {
    min-height:40px;
  }
 .content {
    height:30vh;
  }
 h1 {
    font-size:24px;
  }
}



.loader {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.loader:hover .loader__mask {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.loader:hover .loader__mask .loader__text--progress2 {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.loader__mask {
  position: absolute;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
  pointer-events: none;
}

.loader__text--preload2 {
color: #333;
    font-size: 46px;
    font-family: syb;
}

.loader__text--progress2 {
    color: var(--main-color);
    font-size: 46px;
    font-family: syb;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}

  .quick li:hover{
  transform: translateY(-10px);
  }
  .quick li:hover h2{
 color:var(--main-color);
  }
  
.quick h2 {
    font-size: 22px;
    font-family: syb;
    margin-bottom: 5px;
  transition: 0.5s;
  
}
 .quick a {
    font-size: 14px;
    font-family: zht;
    transition: 0.5s;
    color: #737373;
}
  .quick li:nth-child(1):hover .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011615375890914/cms/image/f15403fc-ffc7-4262-8220-bc8910789d10.png?d=1681270114422);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
  .quick li:nth-child(2):hover .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011615375890914/cms/image/f15403fc-ffc7-4262-8220-bc8910789d10.png?d=1681270114422);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
    .quick li:nth-child(3):hover .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011615375890914/cms/image/e210eb75-f0c1-4e53-ac25-0a566b6e6791.png?d=1681270133047);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
    .quick li:nth-child(4):hover .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011615375890914/cms/image/130d1a15-b3b9-4765-9f04-f24e44b82e4b.png?d=1681270281398);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
    .quick li:nth-child(5):hover .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011615375890914/cms/image/54ff52e8-228e-4137-b2e3-629f82faf4dc.png?d=1681270299079);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
  
  
.quick li:nth-child(1) .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070112354660010/cms/image/f4e2b104-8b38-42da-9cb5-eb654044a69d.png);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
.quick li:nth-child(2) .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070112354660010/cms/image/88812974-1456-4d68-8702-a0b2428f4ae6.png);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
  
  .quick li:nth-child(3) .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070112354660010/cms/image/3eef4db3-a16f-4e10-b20c-a40cab759753.png);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
  .quick li:nth-child(4) .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070112354660010/cms/image/f3f53ab1-f8c7-4c47-a679-7cd2eed99853.png);
    width: 66px;
    height: 66px;
  transition: 0.5s;
}
  .quick li:nth-child(5) .pic{
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022070112354660010/cms/image/a7eb1d32-f849-4f90-bdfe-35b86f6d4d29.png);
    width: 66px;
  transition: 0.5s;
    height: 66px;
}
  
 .quick li {
    display: flex;
    float: left;
   transition: 0.5s;
    align-items: center;
    width: 19.9%;
}
  ul.quick {
    display: inline-block;
    width: 100%;
}
 .quick .world {
    padding-left: 15px;
}
  
 @media only screen and (max-width: 768px){
   .quick li {
    display: flex;
    float: left;
   transition: 0.5s;
    align-items: center;
  margin-bottom:3%;
    width: 49.9%;
}
    .quick li:nth-child(5) {
    display: none;
    float: left;
   transition: 0.5s;
    align-items: center;
    width: 49.9%;
}
 .quick h2 {
    font-size: 18px;
    font-family: syb;
    margin-bottom: 5px;
  transition: 0.5s;
  
}
 .quick a {
    font-size: 12px;
    font-family: zht;
    transition: 0.5s;
    color: #737373;
}
  .quick .world {
    padding-left: 5px;
}
}