.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--progress {
  -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--preload {
    color: #fff;
    font-size: 60px;
    font-family: syb;
}

.loader__text--progress {
    color: #c49252;
    font-size: 60px;
    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);
}
    @media only screen and (max-width: 768px){
  .loader__text--preload {
color: #fff;
    font-size: 26px!important;
    font-family: syb;
}

.loader__text--progress {
    color: #c49252;
    font-size: 26px!important;
    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);
}
}