/* Has Scroll */
@keyframes menuSlideInDown {0% {opacity: 0;visibility: hidden;transform: translateY(-100%);}100% {opacity: 1;visibility: visible;transform: translateY(0);}}
  /* Simply Animation */
  @keyframes arrowBounceRight {0%, 100% {transform: translateX(0);}50% {transform: translateX(5px);}}
  @keyframes spinCircle {0% {transform: rotateZ(0deg);}100% {transform: rotateZ(360deg);}}
  /* Blink */
  @-webkit-keyframes blink {0% {-webkit-opacity: 1;}50% {-webkit-opacity: 0;}100% {-webkit-opacity: 1;}}
  @-moz-keyframes blink {0% {-moz-opacity: 1;}50% {-moz-opacity: 0;}100% {-moz-opacity: 1;}}
  @-ms-keyframes blink {0% {-ms-opacity: 1;}50% {-ms-opacity: 0;}100% {-ms-opacity: 1;}}
  @-o-keyframes blink {0% {-o-opacity: 1;}50% {-o-opacity: 0;}100% {-o-opacity: 1;}}
  @keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
  /* Shake Anim */
  @-webkit-keyframes shake-anim {0%, 100% {-webkit-keyframes: rotate(0deg);transform-origin: 50% 50%;}10% {-webkit-keyframes: rotate(8deg);}20%, 40%, 60% {-webkit-keyframes: rotate(-10deg);}30%, 50%, 70% {-webkit-keyframes: rotate(10deg);}80% {-webkit-keyframes: rotate(-8deg);}90% {-webkit-keyframes: rotate(8deg);}}
  @-moz-keyframes shake-anim {0%, 100% {-moz-keyframes: rotate(0deg);transform-origin: 50% 50%;}10% {-moz-keyframes: rotate(8deg);}20%, 40%, 60% {-moz-keyframes: rotate(-10deg);}30%, 50%, 70% {-moz-keyframes: rotate(10deg);}80% {-moz-keyframes: rotate(-8deg);}90% {-moz-keyframes: rotate(8deg);}}
  @-ms-keyframes shake-anim {0%, 100% {-ms-keyframes: rotate(0deg);transform-origin: 50% 50%;}10% {-ms-keyframes: rotate(8deg);}20%, 40%, 60% {-ms-keyframes: rotate(-10deg);}30%, 50%, 70% {-ms-keyframes: rotate(10deg);}80% {-ms-keyframes: rotate(-8deg);}90% {-ms-keyframes: rotate(8deg);}}
  @-o-keyframes shake-anim {0%, 100% {-o-transform: rotate(0deg);transform-origin: 50% 50%;}10% {-o-transform: rotate(8deg);}20%, 40%, 60% {-o-transform: rotate(-10deg);}30%, 50%, 70% {-o-transform: rotate(10deg);}80% {-o-transform: rotate(-8deg);}90% {-o-transform: rotate(8deg);}}
  @keyframes shake-anim {0%, 100% {transform: rotate(0deg);transform-origin: 50% 50%;}10% {transform: rotate(8deg);}20%, 40%, 60% {transform: rotate(-10deg);}30%, 50%, 70% {transform: rotate(10deg);}80% {transform: rotate(-8deg);}90% {transform: rotate(8deg);}}
  @keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
  @-webkit-keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
  @keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
  @-webkit-keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
 
  /* Scale Img */
  @-webkit-keyframes mover {0% {transform: translateY(0);}50% {transform: translateY(-10px);}100% {transform: translateY(0px);}}
  @keyframes mover {0% {transform: translateY(0);}50% {transform: translateY(-10px);}100% {transform: translateY(0px);}}
  @-moz-keyframes mover {0% {-moz-transform: translateY(0);}50% {-moz-transform: translateY(-10px);}100% {-moz-transform: translateY(0px);}}
  @-ms-keyframes mover {0% {-ms-transform: translateY(0);}50% {-ms-transform: translateY(-10px);}100% {-ms-transform: translateY(0px);}}
  @-o-keyframes mover {0% {-o-transform: translateY(0);}50% {-o-transform: translateY(-10px);}100% {-o-transform: translateY(0px);}}
  @-webkit-keyframes tracking-in-expand-fwd {0% {letter-spacing: -0.5em;-webkit-transform: translateZ(-700px);transform: translateZ(-700px);opacity: 0;}40% {opacity: 0.6;}100% {-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 1;}}
  @keyframes tracking-in-expand-fwd {0% {letter-spacing: -0.5em;-webkit-transform: translateZ(-700px);transform: translateZ(-700px);opacity: 0;}40% {opacity: 0.6;}100% {-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 1;}}
  /* Chrome, Safari, Opera */
  @-webkit-keyframes xoayvong {from {-webkit-transform: translate(-50%, -50%) rotate(0deg);-moz-transform: translate(-50%, -50%) rotate(0deg);-o-transform: translate(-50%, -50%) rotate(0deg);}to {-webkit-transform: translate(-50%, -50%) rotate(360deg);-moz-transform: translate(-50%, -50%) rotate(360deg);-o-transform: translate(-50%, -50%) rotate(360deg);}}
  /* Standard syntax */
  @keyframes xoayvong {from {-webkit-transform: translate(-50%, -50%) rotate(0deg);-moz-transform: translate(-50%, -50%) rotate(0deg);-o-transform: translate(-50%, -50%) rotate(0deg);}to {-webkit-transform: translate(-50%, -50%) rotate(360deg);-moz-transform: translate(-50%, -50%) rotate(360deg);-o-transform: translate(-50%, -50%) rotate(360deg);}}
  @keyframes top {0% {top: 0;transform: rotate(0);}50% {top: 6px;transform: rotate(0);}100% {top: 6px;transform: rotate(45deg);}}
  @keyframes top-2 {0% {top: 6px;transform: rotate(45deg);}50% {top: 6px;transform: rotate(0deg);}100% {top: 0;transform: rotate(0deg);}}
  @keyframes bottom {0% {bottom: 0;transform: rotate(0);}50% {bottom: 8px;transform: rotate(0);}100% {bottom: 8px;transform: rotate(135deg);}}
  @keyframes bottom-2 {0% {bottom: 8px;transform: rotate(135deg);}50% {bottom: 8px;transform: rotate(0);}100% {bottom: 0;transform: rotate(0);}}
  @keyframes scaled {50% {transform: scale(0);}100% {transform: scale(0);}}
  @keyframes scaled-2 {0% {transform: scale(0);}50% {transform: scale(0);}100% {transform: scale(1);}}
  @-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
  @keyframes rotating {from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
  @-webkit-keyframes anime {0% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0);}50% {color: #ffc107;letter-spacing: 5px;text-shadow: 5px 10px 1px #000;transform: translateY(-10px);}100% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0);}}
  @keyframes anime {0% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0);}50% {color: #ffc107;letter-spacing: 5px;text-shadow: 5px 10px 1px #000;transform: translateY(-10px);}100% {color: grey;letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0);}}
  @-webkit-keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0;}to {-webkit-mask-position: 100% 0;mask-position: 100% 0;}}
  @keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0;}to {-webkit-mask-position: 100% 0;mask-position: 100% 0;}}
  @keyframes fadeInUp {0% {opacity: 0;transform: translate3d(0, 100px, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}}
  @keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0, -100px, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}}
  @keyframes scaleLarge {0% {opacity: 0;transform: scale(2);}100% {opacity: 1;transform: scale(1);}}
  @keyframes Start {from {visibility: hidden;}to {visibility: visible;}}
  @keyframes Preloader {100% {transform: rotate(360deg);}}
  @keyframes Play {from {background-position: 0;}to {background-position: -360px;}}
  @keyframes Ani {0% {box-shadow: 0 0 0 rgba(220, 220, 220, 0);border: 1px solid rgba(220, 220, 220, 0);transform: scale(0);}70% {box-shadow: 0 0 50px gainsboro;border: 1px solid gainsboro;transform: scale(1);}100% {box-shadow: 0 0 60px rgba(220, 220, 220, 0);border: 0 solid rgba(220, 220, 220, 0);transform: scale(2);}}
  @keyframes BgColor {from {background-color: #004835;}to {background-color: #b05c1e;}}
  @keyframes Leftpage {from {left: -100%;}to {left: 100%;}}
  @keyframes Rotate {from {transform: rotate(0) translateZ(0);}to {transform: rotate(360deg) translateZ(0);}}
  @keyframes empty {0% {opacity: 1;}}
  @keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
  @keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
  @keyframes fadeInUp {0% {opacity: 0;transform: translate3d(0, 100px, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}}
  @keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0, -100px, 0);}100% {opacity: 1;transform: translate3d(0, 0, 0);}}
  @keyframes flipInX {0% {transform: perspective(400px) rotateX(90deg) scale(0.5);opacity: 0;}100% {transform: perspective(400px) rotateX(0) scale(1);opacity: 1;}}
  @keyframes flipOutX {0% {transform: perspective(400px) rotateX(0) scale(1);opacity: 1;}100% {transform: perspective(400px) rotateX(90deg) scale(0.5);opacity: 0;}}
  @keyframes scaleSmall {0% {opacity: 0;transform: scale(1.1);}100% {opacity: 1;transform: scale(1);}}
  @keyframes scaleLarge {0% {opacity: 0;transform: scale(2);}100% {opacity: 1;transform: scale(1);}}
  @keyframes scaleLarge2 {0% {opacity: 0;transform: scale(1.1);}100% {opacity: 1;transform: scale(1);}}
  @keyframes trackBallSlide {0%, 100%, 30%, 60% {opacity: 1;transform: translateY(-12px);}15%, 50% {opacity: 0;transform: translateY(8px);}}
  @keyframes goHeight {from {transform: scale3d(1, 0, 1);}to {transform: scale3d(1, 1, 1);}}
  @keyframes goWidth {from {transform: scale3d(0, 1, 1);}to {transform: scale3d(1, 1, 1);}}
  @keyframes aniHeight {from {transform: scale3d(1, 1, 1);}to {transform: scale3d(1, 0, 1);}}
  @keyframes aniWidth {from {transform: scale3d(1, 1, 1);}to {transform: scale3d(0, 1, 1);}}
  @keyframes moveLeft {100% {transform: translateX(-100%);}}
  @keyframes moveRight {100% {transform: translateX(100%);}}
  @keyframes toRight {0% {opacity: 0;right: -100px;}100% {opacity: 1;right: 0;}}
  @keyframes toLeft {0% {opacity: 0;left: -100px;}100% {opacity: 1;left: 0;}}
  @keyframes goRight {0% {opacity: 0;transform: translate3d(-100%, 0, 0);}100% {opacity: 1;transform: none;}}
  @keyframes goLeft {0% {opacity: 0;transform: translate3d(100%, 0, 0);}100% {opacity: 1;transform: none;}}
  @keyframes DrawStroke {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
  @keyframes DrawStroke1 {0% {stroke-dashoffset: 2500;}100% {stroke-dashoffset: 0;}}
  @keyframes goBg {0% {transform: translate3d(-50%, 0, 0);}100% {transform: none;}}
  @keyframes bounceInDown {60%, 75%, 90%, from, to {animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0% {opacity: 0;transform: translate3d(0, -3000px, 0);}60% {opacity: 1;transform: translate3d(0, 25px, 0);}75% {transform: translate3d(0, -10px, 0);}90% {transform: translate3d(0, 5px, 0);}to {opacity: 1;}}
  @keyframes Color2 {0%, 60% {background-color: #00431c;}20% {background-color: #b08a30;}}
  @keyframes Border {0%, 60% {border-top-color: #ffdd80;}20% {border-top-color: #117090;}}
  @keyframes Border1 {0%, 60% {border-color: #ffdd80;}20% {border-color: #117090;}}
  @keyframes Shake {from, to {transform: translate3d(0, 0, 0) rotate(0);}0%, 50% {transform: translate3d(-10px, 0, 0) rotate(15deg);}25% {transform: translate3d(10px, 0, 0) rotate(-15deg);}}
  @keyframes Bounce {0% {transform: translate3d(0, 0, 0) rotate(0);}50% {transform: translate3d(50px, 20px, 0) rotate(125deg);}100% {transform: translate3d(0, 0, 0) rotate(360deg);}}
  @keyframes StrokeLine {0% {stroke-dashoffset: 0;}100% {stroke-dashoffset: -200;}}
  @keyframes StrokeLine1 {0% {stroke-dashoffset: 0;}100% {stroke-dashoffset: 200;}}
  @keyframes StrokeLine2 {0% {stroke-dashoffset: 0;}100% {stroke-dashoffset: 300;}}
  @keyframes BorderBox {0%, 100% {background-position: 0 0;}50% {background-position: 100% 100%;}}
  @keyframes MaskPlay {from {mask-position: 0 0;}to {mask-position: 100% 0;}}
  @keyframes DrawStroke1 {0% {stroke-dashoffset: 8000;}100% {stroke-dashoffset: 0;}}
  @keyframes circleFloat {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
  @keyframes sizingLarge {0% {transform: scale(0.8);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
  @keyframes sizingSmall {0% {transform: scale(0.8);}50% {transform: scale(1);}100% {transform: scale(0.9);}}
  @keyframes circleFloat {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
  @keyframes sizingLarge {0% {transform: scale(0.8);}50% {transform: scale(1.05);}100% {transform: scale(1);}}
  @keyframes sizingSmall {0% {transform: scale(0.8);}50% {transform: scale(1);}100% {transform: scale(0.9);}}
  /*Hiệu ứng menu*/
  @-webkit-keyframes slideInDown1 {0% {-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);visibility: visible;}100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
  @keyframes slideInDown1 {0% {-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);visibility: visible;}100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
  /**/
  /*Hieu ung*/
  @keyframes sh02 {from {opacity: 0;left: 0%;}50% {opacity: 1;}to {opacity: 0;left: 100%;}}
  /*Phone anima*/
  /* Loading */
  @-webkit-keyframes animborder {0% {-webkit-transform: translateX(0);transform: translateX(0);}100% {-webkit-transform: translateX(113px);transform: translateX(113px);}}
  @keyframes animborder {0% {-webkit-transform: translateX(0);transform: translateX(0);}100% {-webkit-transform: translateX(113px);transform: translateX(113px);}}
  @keyframes xoay {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
  .has-scroll {position: fixed !important;top: 0;right: 0;left: 0;box-shadow: 0px 2px 5px 0px #00000080;animation: menuSlideInDown 0.5s ease-out;}
  .blink {-webkit-animation: blink 1s infinite linear;-moz-animation: blink 1s infinite linear;-ms-animation: blink 1s infinite linear;-o-animation: blink 1s infinite linear;animation: blink 1s infinite linear;}
  .shake-anim {-webkit-animation: shake-anim 1s infinite ease-in-out;-moz-animation: shake-anim 1s infinite ease-in-out;-ms-animation: shake-anim 1s infinite ease-in-out;-o-animation: shake-anim 1s infinite ease-in-out;animation: shake-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
  .hvr-underline {display: inline;background: linear-gradient(90deg, transparent, transparent), linear-gradient(90deg, #1F1C17, #1F1C17);background-size: 100% 1px, 0 1px;background-position: 100% calc(100% - 3px), 0 calc(100% - 3px);background-repeat: no-repeat;transition: background-size 0.3s;}
  .hvr-underline:hover {background-size: 0 1px, 100% 1px;}
  .hvr-double-shape {overflow: hidden;position: relative;display: block;}
  .hvr-double-shape:before {opacity: 0.25;content: '';position: absolute;left: 0;right: 0;display: inline-block;background: #fff;transform: scaleX(0);transition: transform 0.5s ease;top: 0;bottom: 50%;transform-origin: 100% 0%;}
  .hvr-double-shape:after {opacity: 0.25;content: '';position: absolute;left: 0;right: 0;display: inline-block;background: #fff;transform: scaleX(0);transition: transform 0.5s ease;top: 50%;bottom: 0;transform-origin: 0% 100%;}
  .hvr-double-shape:hover:before {transform: scaleX(1);transform-origin: 0% 100%;}
  .hvr-double-shape:hover:after {transform: scaleX(1);transform-origin: 100% 0%;}
  .hvr-double-box {overflow: hidden;position: relative;display: block;}
  .hvr-double-box:before {-webkit-opacity: 1;-khtml-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;-o-opacity: 1;opacity: 1;content: "";position: absolute;bottom: 0;left: 0;z-index: 3;width: 0;height: 0;background: rgba(255, 255, 255, 0.5);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
  .hvr-double-box:after {-webkit-opacity: 1;-khtml-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;-o-opacity: 1;opacity: 1;content: "";position: absolute;top: 0;right: 0;z-index: 2;width: 0;height: 0;background: rgba(255, 255, 255, 0.5);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
  .hvr-double-box:hover:before {-webkit-opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;-o-opacity: 0;opacity: 0;height: 100%;width: 100%;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;}
  .hvr-double-box:hover:after {-webkit-opacity: 0;-khtml-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;-o-opacity: 0;opacity: 0;height: 100%;width: 100%;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;}
  .hvr-float-shadow {position: relative;display: inline-block;vertical-align: middle;box-shadow: 0 0 1px transparent;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
  .hvr-float-shadow:before {opacity: 0;position: absolute;content: '';top: 100%;left: 5%;z-index: -1;width: 90%;height: 10px;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);-webkit-transition-property: transform, opacity;transition-property: transform, opacity;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;pointer-events: none;pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
  .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
  .hvr-float-shadow:active:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
  .hvr-float-shadow:focus {-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
  .hvr-float-shadow:focus:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
  .hvr-float-shadow:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
  .hvr-float-shadow:hover:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
  .hvr-flash-shape {overflow: hidden;position: relative;}
  .hvr-flash-shape:before {content: '';position: absolute;top: 0;left: -85%;z-index: 10;display: block;width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
  .hvr-flash-shape:hover:before {transition: 1s;left: 130%;}
  .hrv-flash-box {overflow: hidden;position: relative;display: block;}
  .hrv-flash-box:hover:before {top: 0;left: 0;}
  .hrv-flash-box:hover img {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
  .hrv-flash-box:hover:after {right: 0;bottom: 0;}
  .hrv-flash-box:before {top: -100%;left: -100%;display: block;content: "";position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
  .hrv-flash-box:after {right: -100%;bottom: -100%;display: block;content: "";position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
  .hrv-flash-box img {transition: 0.7s;}
  .scale-img {overflow: hidden;display: block;}
  .scale-img img {-webkit-transition: 0.3s ease-out !important;-moz-transition: 0.3s ease-out !important;-ms-transition: 0.3s ease-out !important;-o-transition: 0.3s ease-out !important;transition: 0.3s ease-out !important;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
  .scale-img:hover > img {-webkit-transition: 0.3s ease-out !important;-moz-transition: 0.3s ease-out !important;-ms-transition: 0.3s ease-out !important;-o-transition: 0.3s ease-out !important;transition: 0.3s ease-out !important;-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
  .mover {-webkit-animation: mover 1s infinite ease-in-out;-moz-animation: mover 1s infinite ease-in-out;-ms-animation: mover 1s infinite ease-in-out;-o-animation: mover 1s infinite ease-in-out;animation: mover 1s infinite ease-in-out;}
  .tada {-webkit-animation: tada 1s infinite ease-in-out;-moz-animation: tada 1s infinite ease-in-out;-ms-animation: tada 1s infinite ease-in-out;-o-animation: tada 1s infinite ease-in-out;animation: tada 1s infinite ease-in-out;}
  .rung {animation: code-pro-rung-lac 2s ease infinite;}
  .fadein {animation-duration: 1s;animation-name: fadeIn;animation-fill-mode: forwards;}
  .fadeout {animation-duration: 1s;animation-name: fadeOut;animation-fill-mode: forwards;}
  .flipinx {animation-duration: 0.8s;animation-fill-mode: forwards;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipInX;}
  .flipoutx {animation-duration: 0.8s;animation-fill-mode: forwards;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipOutX;}
  .fadeindown {animation-duration: 1s;animation-name: fadeInDown;animation-fill-mode: forwards;}
  .fadeinup {animation-duration: 1s;animation-name: fadeInUp;animation-fill-mode: forwards;}
  .fadeoff {animation-duration: 1s;animation-name: fadeOff;animation-fill-mode: forwards;}
  .fadeon {animation-duration: 1s;animation-name: fadeOn;animation-fill-mode: forwards;}
  .goleft {animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: goLeft;}
  .goright {animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: goRight;}
  .scalelarge {animation: scaleLarge;animation-duration: 1s;animation-fill-mode: forwards;}
  .moveleft {pointer-events: none;animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: moveLeft;}
  .moveright {pointer-events: none;animation-duration: 0.8s;animation-fill-mode: forwards;animation-name: moveRight;}
  .contact-form {animation: Start 1s steps(1, end) 0s 1 normal both;}
  .container {animation: Start 1s steps(1, end) 0s 1 normal both;}
  .footer {animation: Start .5s steps(1, end) 0s 1 normal both;}
  .go-top {animation: Start 1s steps(1, end) 0s 1 normal both;} 
  .register-form {animation: Start 1s steps(1, end) 0s 1 normal both;}
  .slide-fade-out {animation: fadeOut;animation-duration: 1s;animation-fill-mode: forwards;}
  .slide-fade-in {animation: fadeIn;animation-duration: 1s;animation-fill-mode: forwards;}
  .interior-hero-callout {animation: circleFloat 5s linear forwards infinite;}
  .is-selected {animation-name: sizingSmall;animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: forwards;transform: scale(1);animation-name: sizingSmall;animation-duration: 1s;animation-iteration-count: 1;animation-fill-mode: forwards;transform: scale(1);}
  .flickity-button {width: 49px;height: 49px;background-color: #f4c271;overflow: hidden;transition: transform 0.2s ease-in-out;}
  .centery {-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
  .centery-after:after {-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
  .centery-before:before {-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
  .ease-in-200 {-webkit-transition: all 500ms ease-in;-moz-transition: all 500ms ease-in;-ms-transition: all 500ms ease-in;-o-transition: all 500ms ease-in;transition: all 500ms ease-in;}
  .slideInDown1 {-webkit-animation-name: slideInDown1;animation-name: slideInDown1;}
  .fixed {position: fixed !important;left: 0;right: 0;top: 0;z-index: 999;animation: slideInDown1 1s 0s;}
  .hvr-sweep-to-top {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
  .hvr-sweep-to-top:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #3a0304;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  .hvr-sweep-to-top:active {color: #fff;}
  .hvr-sweep-to-top:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
  .hvr-sweep-to-top:focus {color: #fff;}
  .hvr-sweep-to-top:focus:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
  .hvr-sweep-to-top:hover {color: #fff;}
  .hvr-sweep-to-top:hover:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
  .hvr-sweep-to-right {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
  .hvr-sweep-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #33cbcc;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
  .hvr-sweep-to-right:active {color: #fff;}
  .hvr-sweep-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
  .hvr-sweep-to-right:focus {color: #fff;}
  .hvr-sweep-to-right:focus:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
  .hvr-sweep-to-right:hover {color: #fff;}
  .hvr-sweep-to-right:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
  .btn-hover {position: relative;padding: 10px 20px;border-radius: 7px;border: 1px solid #3d6aff;font-size: 14px;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;background: transparent;color: #fff;overflow: hidden;box-shadow: 0 0 0 0 transparent;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
  .btn-hover:hover {background: #3d6aff;box-shadow: 0 0 30px 5px rgba(0, 142, 236, 0.815);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
  .btn-hover:hover::before {-webkit-animation: sh02 0.5s 0s linear;-moz-animation: sh02 0.5s 0s linear;animation: sh02 0.5s 0s linear;}
  .btn-hover::before {content: '';display: block;width: 0px;height: 86%;position: absolute;top: 7%;left: 0%;opacity: 0;background: #fff;box-shadow: 0 0 50px 30px #fff;-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);-ms-transform: skewX(-20deg);-o-transform: skewX(-20deg);transform: skewX(-20deg);}
  .btn-hover:active {box-shadow: 0 0 0 0 transparent;-webkit-transition: box-shadow 0.2s ease-in;-moz-transition: box-shadow 0.2s ease-in;transition: box-shadow 0.2s ease-in;}
  .codepen-button {display: block;cursor: pointer;color: #fff;margin: 0 auto;position: relative;text-decoration: none;font-weight: 600;border-radius: 6px;overflow: hidden;padding: 3px;isolation: isolate;}
  .codepen-button::before {content: "";position: absolute;top: 0;left: 0;width: 400%;height: 100%;background: linear-gradient(115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b);background-size: 25% 100%;animation: an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop 0.75s linear infinite;animation-play-state: paused;translate: -5% 0;transition: translate 0.25s ease-out;}
  .codepen-button:hover::before {animation-play-state: running;transition-duration: 0.75s;translate: 0 0;}
  .codepen-button span {position: relative;display: block;padding: 1rem 1.5rem;font-size: 1.1rem;background: #000;border-radius: 3px;height: 100%;}
  .box {position: relative;transition: 0.5s;-webkit-transition: 0.5s;}
  .box::before {width: 100%;height: 100%;z-index: 1;content: '';position: absolute;top: 0;left: 0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.5s;}
  .box::after {width: 100%;height: 100%;z-index: 1;content: '';position: absolute;top: 0;left: 0;box-sizing: border-box;-webkit-transform: scale(0);transition: 0.5s;}
  .box:hover::after {-webkit-transform: scale(1);}
  .box:hover::before {-webkit-transform: scale(1);}
  .foo::before {border-bottom: 3px solid #e00c09;border-left: 3px solid #e00c09;-webkit-transform-origin: 0 100%;}
  .foo::after {border-top: 3px solid #e00c09;border-right: 3px solid #e00c09;-webkit-transform-origin: 100% 0%;}
  .hover_sang2 {position: relative;overflow: hidden;}
  .hover_sang2:before {position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
  .hover_sang2:hover:before {transition: 1s;left: 100%;}
  .hover_sang {display: block;position: relative;overflow: hidden;}
  .hover_sang:hover:before {left: 0;top: 0;}
  .hover_sang:hover img {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
  .hover_sang:hover:after {right: 0;bottom: 0;}
  .hover_sang:before {left: -100%;top: -100%;display: block;background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;content: "";height: 100%;position: absolute;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;width: 100%;z-index: 8;}
  .hover_sang:after {bottom: -100%;right: -100%;display: block;background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;content: "";height: 100%;position: absolute;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;width: 100%;z-index: 8;}
  .hover_sang img {transition: 0.7s;}
  .hover_xam {position: relative;overflow: hidden;}
  .hover_xam::before {content: "";background: rgba(255, 255, 255, 0.5);bottom: 0;left: 0;position: absolute;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);-khtml-opacity: 1;-o-opacity: 1;-ms-opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;width: 0;height: 0;z-index: 2;}
  .hover_xam::after {content: "";background: rgba(255, 255, 255, 0.5);top: 0;right: 0;position: absolute;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);-khtml-opacity: 1;-o-opacity: 1;-ms-opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;opacity: 1;width: 0;height: 0;z-index: 2;}
  .hover_xam:hover::before {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;-khtml-opacity: 0;-o-opacity: 0;-ms-opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;height: 100%;width: 100%;}
  .hover_xam:hover::after {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;-khtml-opacity: 0;-o-opacity: 0;-ms-opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;height: 100%;width: 100%;}
  .animate__animated.animate__infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
  .animate__tada {-webkit-animation-name: tada;animation-name: tada;}
  .animate__animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both;}
  .mask {width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 999999999;overflow: hidden;}
  .mask span {width: 100%;position: absolute;right: 0;background: -webkit-linear-gradient(90deg, #fff 0, #fff 100%);background: linear-gradient(90deg, #fff 0, #fff 100%);-webkit-transition: width 0.9s ease-in-out;transition: width 0.9s ease-in-out;}
  .mask span:nth-child(1) {height: 30vh;top: 0;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
  .mask span:nth-child(2) {height: 40vh;top: 30vh;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
  .mask span:nth-child(3) {height: 30vh;top: 70vh;-webkit-transition-delay: 0.6s;transition-delay: 0.6s;}
  .mask.hideg {pointer-events: none;}
  .mask.hideg span {width: 0;}
  .loadicon {position: fixed;top: 50%;left: 50%;width: 200px;height: 140px;margin: -70px 0 0 -100px;z-index: 110000;}
  #loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999999;}
  #loading .logo_2 {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all ease 0.5s;}
  #loading .logo_2 span {display: block;border-radius: 50%;border: 3px solid rgba(255, 255, 255, 0.5);-ms-border-radius: 50%;-o-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);-webkit-animation: Ani 2s infinite;animation: Ani 2s infinite;width: 120px;height: 120px;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;z-index: 2;z-index: 9999999999;}
  #loading .logo_2 img {position: relative;max-width: 80px;z-index: 4;}
  #loading.finish {z-index: -9999;}
  #loading.finish .logo_2 span {display: none;}
  #loading.finish .logo_2 img {display: none;}
  .animate-border {position: relative;display: block;width: 100px;height: 3px;background: var(--color-main);overflow: hidden;}
  .animate-border:after {position: absolute;content: "";width: 30px;height: 3px;left: 15px;bottom: 0;border-left: 10px solid #fff;border-right: 10px solid #fff;-webkit-animation: animborder 2s linear infinite;animation: animborder 2s linear infinite;}