@charset "UTF-8";
@-webkit-keyframes menuOn {
    from {
        top: 0;
        left: 0;
        height: 100vh; }
    to {
        top: 10%;
        left: -40%;
        height: 80vh; }}
@keyframes menuOn {
    from {
        top: 0;
        left: 0;
        height: 100vh; }
    to {
        top: 10%;
        left: -40%;
        height: 80vh; }}
@-webkit-keyframes menuOff {
    from {
        top: 10%;
        left: -40%;
        height: 80vh; }
    to {
        top: 0;
        left: 0;
        height: 100vh;}}
@keyframes menuOff {
    from {
        top: 10%;
        left: -40%;
        height: 80vh; }
    to {
        top: 0;
        left: 0;
        height: 100vh;}}
@-webkit-keyframes line {
  from {
    transform: scaleX(0) }
  to {
    transform: scaleX(1)} }
@keyframes line {
  from {
    transform: scaleX(0) }
  to {
    transform: scaleX(1)} }
@-webkit-keyframes casting {
  0% {
    border: 8px solid #FFB542; }
  25% {
    border: 22px solid #FFB542; }
  50% {
    border: 30px solid #FFB542; }
  75% {
    border: 38px solid #FFB542; }
  85% {
    background: #fff;
    border: 42px solid #FFB542; }
  90% {
    border: 46px solid #FFB542;
    background: #FFB542; } }
@keyframes casting {
  0% {
    border: 8px solid #FFB542; }
  25% {
    border: 22px solid #FFB542; }
  50% {
    border: 30px solid #FFB542; }
  75% {
    border: 38px solid #FFB542; }
  85% {
    background: #fff;
    border: 42px solid #FFB542; }
  90% {
    border: 46px solid #FFB542;
    background: #FFB542; } }
@-webkit-keyframes main {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  3% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  81.4% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  83% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }
@keyframes main {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  3% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  81.4% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  83% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); } }
@-webkit-keyframes main-hover {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);}
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }}
@keyframes main-hover {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);}
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }}
@-webkit-keyframes scaleBottom {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);}
  4% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
  77% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
  78.6% {
    -webkit-transform: scale(0);
    transform: scale(0);}
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }}
@keyframes scaleBottom {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);}
  4% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
  77% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
  78.6% {
    -webkit-transform: scale(0);
    transform: scale(0);}
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }}
@-webkit-keyframes second {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);}
  7% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
  88.8% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
  90.8% {
    -webkit-transform: scale(0);
    transform: scale(0);}
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }}
@keyframes second {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);}
  7% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
  88.8% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
  90.8% {
    -webkit-transform: scale(0);
    transform: scale(0);}
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }}
@-webkit-keyframes second-hover {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);}
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }}
@keyframes second-hover {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}}
@-webkit-keyframes fadeInButtonL {
  0% {
    opacity: 0;}
  17% {
    opacity: 1;}
  85% {
    opacity: 1;}
  87% {
    opacity: 0;}
  100% {
    opacity: 0;} }
@keyframes fadeInButtonL {
  0% {
    opacity: 0;}
  17% {
    opacity: 1;}
  85% {
    opacity: 1;}
  87% {
    opacity: 0;}
  100% {
    opacity: 0;} }
@-webkit-keyframes fadeInButtonR {
  0% {
    opacity: 0;}
  17% {
    opacity: 1;}
  81% {
    opacity: 1;}
  83% {
    opacity: 0;}
  100% {
    opacity: 0;} }
@keyframes fadeInButtonR {
  0% {
    opacity: 0;}
  17% {
    opacity: 1;}
  81% {
    opacity: 1;}
  83% {
    opacity: 0;}
  100% {
    opacity: 0;} }
@-webkit-keyframes fadeIcon {
  0% {
    opacity: 0;}
  6% {
    opacity: 1;}
  88% {
    opacity: 1;}
  89% {
    opacity: 0;}
  100% {
    opacity: 0;}}
@keyframes fadeIcon {
  0% {
    opacity: 0;}
  6% {
    opacity: 1;}
  88% {
    opacity: 1;}
  89% {
    opacity: 0;}
  100% {
    opacity: 0;} }
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;}
  to {
    opacity: 1;
  }}
@keyframes fadeIn {
  from {
    opacity: 0;}
  to {
    opacity: 1;
  }}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;}
@-webkit-keyframes fadeInDownT {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
  9% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  92% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  95% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);} }
@keyframes fadeInDownT {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
  9% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  92% {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  95% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;}
@-webkit-keyframes fadeMainText {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
  6% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  96% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);} }
@keyframes fadeMainText {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);}
  6% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  96% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);} }
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) ;
    transform: translate3d(-100%, 0, 0) ;}
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);}
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;}
@-webkit-keyframes mainbutton {
  from {
    opacity: 0;
    left: 0;
    -webkit-transform:  skew(-20deg);
    transform: skew(-20deg);}
  to {
    opacity: 0.45;
    left: 100%;
    -webkit-transform: translate3d(0, 0, 0) skew(-20deg);
    transform: translate3d(0, 0, 0) skew(-20deg);
  }}
@keyframes mainbutton {
  from {
    opacity: 0;
    left: 5%;
    -webkit-transform: translate3d(-100%, 0, 0) skew(-20deg);
    transform: translate3d(-100%, 0, 0) skew(-20deg);}
  to {
    opacity: 0.45;
    left: 100%;
    -webkit-transform: translate3d(0, 0, 0) skew(-20deg);
    transform: translate3d(0, 0, 0) skew(-20deg);
  }}
.mainbutton {
  -webkit-animation-name: mainbutton;
  animation-name: mainbutton;}
@-webkit-keyframes fadeInLeftB {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skew(-20deg);
    transform: translate3d(-100%, 0, 0) skew(-20deg);}
  to {
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0) skew(-20deg);
    transform: translate3d(0, 0, 0) skew(-20deg);
  }}
@keyframes fadeInLeftB {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skew(-20deg);
    transform: translate3d(-100%, 0, 0) skew(-20deg);}
  to {
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0) skew(-20deg);
    transform: translate3d(0, 0, 0) skew(-20deg);
  }}
.fadeInLeftB {
  -webkit-animation-name: fadeInLeftB;
  animation-name: fadeInLeftB;}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);}
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);}
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;}
@-webkit-keyframes fadeInRightB {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skew(-15deg);
    transform: translate3d(100%, 0, 0) skew(-15deg);}
  to {
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0) skew(-15deg);
    transform: translate3d(0, 0, 0) skew(-15deg);
  }}
@keyframes fadeInRightB {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skew(-15deg);
    transform: translate3d(100%, 0, 0) skew(-15deg);}
  to {
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0) skew(-15deg);
    transform: translate3d(0, 0, 0) skew(-15deg);}}
.fadeInRightB {
  -webkit-animation-name: fadeInRightB;
  animation-name: fadeInRightB;}
@-webkit-keyframes flipInX {
  from {
    -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);}
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }}
@keyframes flipInX {
  from {
    -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);}
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }}
.flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);}
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);}}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;}
  to {
    opacity: 0;}}
@keyframes fadeOut {
  from {
    opacity: 1;}
  to {
    opacity: 0;}}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;}
@media screen and (max-width: 768px) {
  @-webkit-keyframes casting {
    0% {
      border: 8px solid #fff;}
    25% {
      border: 22px solid #fff;}
    50% {
      border: 30px solid #fff;}
    75% {
      border: 38px solid #fff;}
    85% {
      background: #fff;
      border: 42px solid #fff;}
    90% {
      border: 46px solid #fff;
      background: #fff;} }
  @keyframes casting {
    0% {
      border: 8px solid #fff;}
    25% {
      border: 22px solid #fff;}
    50% {
      border: 30px solid #fff;}
    75% {
      border: 38px solid #fff;}
    85% {
      background: #fff;
      border: 42px solid #fff;}
    90% {
      border: 46px solid #fff;
      background: #fff;} }
  @-webkit-keyframes menuOn {
    from {
      top: 0;
      left: 0;
      height: 100vh; }
    to {
      top: 5%;
      left: -50%;
      height: 90vh; }}
  @keyframes menuOn {
    from {
      top: 0;
      left: 0;
      height: 100vh; }
    to {
      top: 5%;
      left: -50%;
      height: 90vh; }}
  @-webkit-keyframes menuOff {
    from {
      top: 5%;
      left: -50%;
      height: 90vh;}
    to {
      top: 0;
      left: 0;
      height: 100vh;}}
  @keyframes menuOff {
    from {
      top: 5%;
      left: -50%;
      height: 90vh; }
    to {
      top: 0;
      left: 0;
      height: 100vh;}}}
@media screen and (max-width: 576px) {
  @-webkit-keyframes menuOn {
    from {
      top: 0;
      left: 0;
      height: 100vh; }
    to {
      top: 5%;
      left: -60%;
      height: 90vh; }}
  @keyframes menuOn {
    from {
      top: 0;
      left: 0;
      height: 100vh; }
    to {
      top: 5%;
      left: -60%;
      height: 90vh; }}
  @-webkit-keyframes menuOff {
    from {
      top: 5%;
      left: -60%;
      height: 90vh;}
    to {
      top: 0;
      left: 0;
      height: 100vh;}}
  @keyframes menuOff {
    from {
      top: 5%;
      left: -60%;
      height: 90vh; }
    to {
      top: 0;
      left: 0;
      height: 100vh;}}}
@media screen and (max-width: 425px) {
  @-webkit-keyframes menuOn {
    from {
      top: 0;
      left: 0;
      height: 100vh; }
    to {
      top: 5%;
      left: -70%;
      height: 90vh; }}
  @keyframes menuOn {
    from {
      top: 0;
      left: 0;
      height: 100vh; }
    to {
      top: 5%;
      left: -70%;
      height: 90vh; }}
  @-webkit-keyframes menuOff {
    from {
      top: 5%;
      left: -70%;
      height: 90vh;}
    to {
      top: 0;
      left: 0;
      height: 100vh;}}
  @keyframes menuOff {
    from {
      top: 5%;
      left: -70%;
      height: 90vh; }
    to {
      top: 0;
      left: 0;
      height: 100vh;}}}
@media screen and (max-width: 1024px) and (min-height: 1360px) and (max-height: 1366px) {
  @-webkit-keyframes menuOn {
    from {
      top: 0;
      left: 0;
      height: 100vh; }
    to {
      top: 5%;
      left: -50%;
      height: 90vh; }}
  @keyframes menuOn {
    from {
      top: 0;
      left: 0;
      height: 100vh; }
    to {
      top: 5%;
      left: -50%;
      height: 90vh; }}
  @-webkit-keyframes menuOff {
    from {
      top: 5%;
      left: -50%;
      height: 90vh;}
    to {
      top: 0;
      left: 0;
      height: 100vh;}}
  @keyframes menuOff {
    from {
      top: 5%;
      left: -50%;
      height: 90vh; }
    to {
      top: 0;
      left: 0;
      height: 100vh;}}}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}