@charset "UTF-8";
/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */
@font-face {
	font-family: "icon";
	src: url('../icons/fonts/icon.eot');
	src: url('../icons/fonts/icon.eot?#iefix') format('eot'),
		url('../icons/fonts/icon.woff') format('woff'),
		url('../icons/fonts/icon.ttf') format('truetype');
}

[class^="icon-"] {
	font-family: "icon" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
:root{
	
	--arrow-double-down: "\E001";
	
	--arrow-double-right: "\E002";
	
	--arrow-left: "\E003";
	
	--arrow-right: "\E004";
	
}

.icon-arrow-double-down:before {
	content: "\E001";
}

.icon-arrow-double-right:before {
	content: "\E002";
}

.icon-arrow-left:before {
	content: "\E003";
}

.icon-arrow-right:before {
	content: "\E004";
}


@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box; }

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
     -moz-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0); }

.swiper-pointer-events {
  touch-action: pan-y; }
  .swiper-pointer-events.swiper-vertical {
    touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -moz-transition-property: transform, height, -moz-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform, -moz-transform; }

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  -moz-backface-visibility: hidden;
       backface-visibility: hidden; }

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -moz-perspective: 1200px;
       perspective: 1200px; }

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  -moz-transform-style: preserve-3d;
       transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
     -moz-box-ordinal-group: 10000;
          order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
     -moz-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center; }

/*--------- Breakpoints ---------*/
[data-ani] {
  opacity: 0; }

.ANI-active {
  opacity: 1; }

.ANI-fadeIn {
  -webkit-animation: ANI-fadeIn 1s both;
     -moz-animation: ANI-fadeIn 1s both;
          animation: ANI-fadeIn 1s both; }

@-webkit-keyframes ANI-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes ANI-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ANI-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ANI-fadeOut {
  -webkit-animation: ANI-fadeOut 1s both;
     -moz-animation: ANI-fadeOut 1s both;
          animation: ANI-fadeOut 1s both; }

@-webkit-keyframes ANI-fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes ANI-fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ANI-fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.ANI-fadeInLeft {
  -webkit-animation: ANI-fadeInLeft 1s both;
     -moz-animation: ANI-fadeInLeft 1s both;
          animation: ANI-fadeInLeft 1s both; }

@-webkit-keyframes ANI-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes ANI-fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-50%, 0, 0);
         transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 1;
    -moz-transform: none;
         transform: none; } }

@keyframes ANI-fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
       -moz-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; } }

.ANI-fadeInRight {
  -webkit-animation: ANI-fadeInRight 1s both;
     -moz-animation: ANI-fadeInRight 1s both;
          animation: ANI-fadeInRight 1s both; }

@-webkit-keyframes ANI-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes ANI-fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(50%, 0, 0);
         transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 1;
    -moz-transform: none;
         transform: none; } }

@keyframes ANI-fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
       -moz-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; } }

.ANI-fadeInRightCenter {
  -webkit-animation: ANI-fadeInRightCenter 1s both;
     -moz-animation: ANI-fadeInRightCenter 1s both;
          animation: ANI-fadeInRightCenter 1s both; }

@-webkit-keyframes ANI-fadeInRightCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -50%, 0);
            transform: translate3d(0%, -50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

@-moz-keyframes ANI-fadeInRightCenter {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0%, -50%, 0);
         transform: translate3d(0%, -50%, 0); }
  100% {
    opacity: 1;
    -moz-transform: translate3d(-50%, -50%, 0);
         transform: translate3d(-50%, -50%, 0); } }

@keyframes ANI-fadeInRightCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0%, -50%, 0);
       -moz-transform: translate3d(0%, -50%, 0);
            transform: translate3d(0%, -50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

.ANI-fadeInUp {
  -webkit-animation: ANI-fadeInUp 1s both;
     -moz-animation: ANI-fadeInUp 1s both;
          animation: ANI-fadeInUp 1s both; }

@-webkit-keyframes ANI-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes ANI-fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 50%, 0);
         transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -moz-transform: none;
         transform: none; } }

@keyframes ANI-fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
       -moz-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; } }

.ANI-fadeOutDown {
  -webkit-animation: ANI-fadeOutDown 1s both;
     -moz-animation: ANI-fadeOutDown 1s both;
          animation: ANI-fadeOutDown 1s both; }

@-webkit-keyframes ANI-fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); } }

@-moz-keyframes ANI-fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: none;
         transform: none; }
  100% {
    opacity: 0;
    -moz-transform: translate3d(0, 50%, 0);
         transform: translate3d(0, 50%, 0); } }

@keyframes ANI-fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
       -moz-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); } }

.ANI-fadeInUpCenter {
  -webkit-animation: ANI-fadeInUpCenter 1s both;
     -moz-animation: ANI-fadeInUpCenter 1s both;
          animation: ANI-fadeInUpCenter 1s both; }

@-webkit-keyframes ANI-fadeInUpCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0%, 0);
            transform: translate3d(-50%, 0%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

@-moz-keyframes ANI-fadeInUpCenter {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-50%, 0%, 0);
         transform: translate3d(-50%, 0%, 0); }
  100% {
    opacity: 1;
    -moz-transform: translate3d(-50%, -50%, 0);
         transform: translate3d(-50%, -50%, 0); } }

@keyframes ANI-fadeInUpCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0%, 0);
       -moz-transform: translate3d(-50%, 0%, 0);
            transform: translate3d(-50%, 0%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

.ANI-fadeInDown {
  -webkit-animation: ANI-fadeInDown 1s both;
     -moz-animation: ANI-fadeInDown 1s both;
          animation: ANI-fadeInDown 1s both; }

@-webkit-keyframes ANI-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes ANI-fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0); }
  100% {
    opacity: 1;
    -moz-transform: none;
         transform: none; } }

@keyframes ANI-fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
       -moz-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; } }

.ANI-fadeZoomIn {
  -webkit-animation: ANI-fadeZoomIn 1s both;
     -moz-animation: ANI-fadeZoomIn 1s both;
          animation: ANI-fadeZoomIn 1s both; }

@-webkit-keyframes ANI-fadeZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-moz-keyframes ANI-fadeZoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale(1.5);
         transform: scale(1.5); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
         transform: scale(1); } }

@keyframes ANI-fadeZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }

.ANI-fadeScaleIn {
  -webkit-animation: ANI-fadeScaleIn 1s both;
     -moz-animation: ANI-fadeScaleIn 1s both;
          animation: ANI-fadeScaleIn 1s both; }

@-webkit-keyframes ANI-fadeScaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-moz-keyframes ANI-fadeScaleIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
         transform: scale(0.5); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
         transform: scale(1); } }

@keyframes ANI-fadeScaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }

.ANI-fadeScaleInLight {
  -webkit-animation: ANI-fadeScaleInLight 1s both;
     -moz-animation: ANI-fadeScaleInLight 1s both;
          animation: ANI-fadeScaleInLight 1s both; }

@-webkit-keyframes ANI-fadeScaleInLight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    filter: brightness(1); } }

@-moz-keyframes ANI-fadeScaleInLight {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
         transform: scale(0.5); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
         transform: scale(1);
    filter: brightness(1); } }

@keyframes ANI-fadeScaleInLight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
            transform: scale(0.5); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1);
    filter: brightness(1); } }

.ANI-fadeScaleInRotate {
  -webkit-animation: ANI-fadeScaleInRotate 1s both;
     -moz-animation: ANI-fadeScaleInRotate 1s both;
          animation: ANI-fadeScaleInRotate 1s both; }

@-webkit-keyframes ANI-fadeScaleInRotate {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) rotate(90deg);
            transform: scale(0.5) rotate(90deg); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); } }

@-moz-keyframes ANI-fadeScaleInRotate {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5) rotate(90deg);
         transform: scale(0.5) rotate(90deg); }
  100% {
    opacity: 1;
    -moz-transform: scale(1) rotate(0deg);
         transform: scale(1) rotate(0deg); } }

@keyframes ANI-fadeScaleInRotate {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) rotate(90deg);
       -moz-transform: scale(0.5) rotate(90deg);
            transform: scale(0.5) rotate(90deg); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
       -moz-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg); } }

.ANI-fadeScaleInRotateCenter {
  -webkit-animation: ANI-fadeScaleInRotateCenter 1s both;
     -moz-animation: ANI-fadeScaleInRotateCenter 1s both;
          animation: ANI-fadeScaleInRotateCenter 1s both; }

@-webkit-keyframes ANI-fadeScaleInRotateCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.5) rotate(90deg);
            transform: translate(-50%, -50%) scale(0.5) rotate(90deg); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(0deg);
            transform: translate(-50%, -50%) scale(1) rotate(0deg); } }

@-moz-keyframes ANI-fadeScaleInRotateCenter {
  0% {
    opacity: 0;
    -moz-transform: translate(-50%, -50%) scale(0.5) rotate(90deg);
         transform: translate(-50%, -50%) scale(0.5) rotate(90deg); }
  100% {
    opacity: 1;
    -moz-transform: translate(-50%, -50%) scale(1) rotate(0deg);
         transform: translate(-50%, -50%) scale(1) rotate(0deg); } }

@keyframes ANI-fadeScaleInRotateCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.5) rotate(90deg);
       -moz-transform: translate(-50%, -50%) scale(0.5) rotate(90deg);
            transform: translate(-50%, -50%) scale(0.5) rotate(90deg); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(0deg);
       -moz-transform: translate(-50%, -50%) scale(1) rotate(0deg);
            transform: translate(-50%, -50%) scale(1) rotate(0deg); } }

.ANI-fadeScaleInCenter {
  -webkit-animation: ANI-fadeScaleInCenter 1s both;
     -moz-animation: ANI-fadeScaleInCenter 1s both;
          animation: ANI-fadeScaleInCenter 1s both; }

@-webkit-keyframes ANI-fadeScaleInCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); } }

@-moz-keyframes ANI-fadeScaleInCenter {
  0% {
    opacity: 0;
    -moz-transform: translate(-50%, -50%) scale(0.5);
         transform: translate(-50%, -50%) scale(0.5); }
  100% {
    opacity: 1;
    -moz-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1); } }

@keyframes ANI-fadeScaleInCenter {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
       -moz-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
       -moz-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); } }

.ANI-bounceIn {
  -webkit-animation: ANI-bounceIn 1s both;
     -moz-animation: ANI-bounceIn 1s both;
          animation: ANI-bounceIn 1s both; }

@-webkit-keyframes ANI-bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -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); }
  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); } }

@-moz-keyframes ANI-bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
         transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.3, 0.3, 0.3);
         transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -moz-transform: scale3d(1.1, 1.1, 1.1);
         transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -moz-transform: scale3d(0.9, 0.9, 0.9);
         transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -moz-transform: scale3d(1.03, 1.03, 1.03);
         transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -moz-transform: scale3d(0.97, 0.97, 0.97);
         transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1); } }

@keyframes ANI-bounceIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
       -moz-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);
       -moz-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);
       -moz-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);
       -moz-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);
       -moz-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);
       -moz-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); } }

.ANI-rotate360 {
  -webkit-animation: ANI-rotate360 1s both;
     -moz-animation: ANI-rotate360 1s both;
          animation: ANI-rotate360 1s both; }

@-webkit-keyframes ANI-rotate360 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg); } }

@-moz-keyframes ANI-rotate360 {
  0% {
    -moz-transform: translate(-50%, -50%) rotate(0deg);
         transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
         transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes ANI-rotate360 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
       -moz-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
       -moz-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg); } }

.ANI-fadeInLeftLight {
  -webkit-animation: ANI-fadeInLeftLight 1s both;
     -moz-animation: ANI-fadeInLeftLight 1s both;
          animation: ANI-fadeInLeftLight 1s both; }

@-webkit-keyframes ANI-fadeInLeftLight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes ANI-fadeInLeftLight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(-50%, 0, 0);
         transform: translate3d(-50%, 0, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -moz-transform: none;
         transform: none; } }

@keyframes ANI-fadeInLeftLight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
       -moz-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; } }

.ANI-fadeInRightLight {
  -webkit-animation: ANI-fadeInRightLight 1s both;
     -moz-animation: ANI-fadeInRightLight 1s both;
          animation: ANI-fadeInRightLight 1s both; }

@-webkit-keyframes ANI-fadeInRightLight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes ANI-fadeInRightLight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(50%, 0, 0);
         transform: translate3d(50%, 0, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -moz-transform: none;
         transform: none; } }

@keyframes ANI-fadeInRightLight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
       -moz-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; } }

.ANI-fadeInUpLight {
  -webkit-animation: ANI-fadeInUpLight 1s both;
     -moz-animation: ANI-fadeInUpLight 1s both;
          animation: ANI-fadeInUpLight 1s both; }

@-webkit-keyframes ANI-fadeInUpLight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -webkit-transform: none;
            transform: none; } }

@-moz-keyframes ANI-fadeInUpLight {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 50%, 0);
         transform: translate3d(0, 50%, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -moz-transform: none;
         transform: none; } }

@keyframes ANI-fadeInUpLight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
       -moz-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
            transform: none; } }

.ANI-fadeInLight {
  -webkit-animation: ANI-fadeInLight 1s both;
     -moz-animation: ANI-fadeInLight 1s both;
          animation: ANI-fadeInLight 1s both; }

@-webkit-keyframes ANI-fadeInLight {
  0% {
    opacity: 0; }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1); } }

@-moz-keyframes ANI-fadeInLight {
  0% {
    opacity: 0; }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1); } }

@keyframes ANI-fadeInLight {
  0% {
    opacity: 0; }
  50% {
    filter: brightness(2); }
  100% {
    opacity: 1;
    filter: brightness(1); } }

@-webkit-keyframes bright {
  4%, 6%, 20%, 100% {
    filter: brightness(1); }
  0%, 10%, 16% {
    filter: brightness(0.5); } }

@-moz-keyframes bright {
  4%, 6%, 20%, 100% {
    filter: brightness(1); }
  0%, 10%, 16% {
    filter: brightness(0.5); } }

@keyframes bright {
  4%, 6%, 20%, 100% {
    filter: brightness(1); }
  0%, 10%, 16% {
    filter: brightness(0.5); } }

@-webkit-keyframes hue-rotate {
  0%, 100% {
    filter: hue-rotate(0); }
  50% {
    filter: hue-rotate(45deg); } }

@-moz-keyframes hue-rotate {
  0%, 100% {
    filter: hue-rotate(0); }
  50% {
    filter: hue-rotate(45deg); } }

@keyframes hue-rotate {
  0%, 100% {
    filter: hue-rotate(0); }
  50% {
    filter: hue-rotate(45deg); } }

@-webkit-keyframes shark {
  0%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); } }

@-moz-keyframes shark {
  0%, 100% {
    -moz-transform: rotate(0);
         transform: rotate(0); }
  50% {
    -moz-transform: rotate(10deg);
         transform: rotate(10deg); } }

@keyframes shark {
  0%, 100% {
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
            transform: rotate(10deg); } }

@-webkit-keyframes gradient {
  0% {
    background-position: 100% 100%; }
  10%, 100% {
    background-position: 0% 0%; } }

@-moz-keyframes gradient {
  0% {
    background-position: 100% 100%; }
  10%, 100% {
    background-position: 0% 0%; } }

@keyframes gradient {
  0% {
    background-position: 100% 100%; }
  10%, 100% {
    background-position: 0% 0%; } }

/*--------- Layout Set ---------*/
/*--------- Ratio Set ---------*/
/* path */
/* Color */
/*--------- Font Base Set ---------*/
/*--------- Font Family ---------*/
/*--------- Media ---------*/
/*--------- CSS Set by Media ---------*/
.col-1 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 8.33333%;
  max-width: 8.33333%;
  padding: 0; }

.col-2 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
  padding: 0; }

.col-3 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 25%;
  max-width: 25%;
  padding: 0; }

.col-4 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding: 0; }

.col-5 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 41.66667%;
  max-width: 41.66667%;
  padding: 0; }

.col-6 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 0; }

.col-7 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 58.33333%;
  max-width: 58.33333%;
  padding: 0; }

.col-8 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 66.66667%;
  max-width: 66.66667%;
  padding: 0; }

.col-9 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 75%;
  max-width: 75%;
  padding: 0; }

.col-10 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 83.33333%;
  max-width: 83.33333%;
  padding: 0; }

.col-11 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 91.66667%;
  max-width: 91.66667%;
  padding: 0; }

.col-12 {
  -webkit-box-flex: 0;
     -moz-box-flex: 0;
          flex: 0 0 100%;
  max-width: 100%;
  padding: 0; }

@media (min-width: 576px) {
  .col-sm-1 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding: 0; }
  .col-sm-2 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 0; }
  .col-sm-3 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0; }
  .col-sm-4 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0; }
  .col-sm-5 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0; }
  .col-sm-6 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0; }
  .col-sm-7 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding: 0; }
  .col-sm-8 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 0; }
  .col-sm-9 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
    padding: 0; }
  .col-sm-10 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding: 0; }
  .col-sm-11 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding: 0; }
  .col-sm-12 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0; } }

@media (min-width: 768px) {
  .col-md-1 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding: 0; }
  .col-md-2 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 0; }
  .col-md-3 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0; }
  .col-md-4 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0; }
  .col-md-5 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0; }
  .col-md-6 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0; }
  .col-md-7 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding: 0; }
  .col-md-8 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 0; }
  .col-md-9 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
    padding: 0; }
  .col-md-10 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding: 0; }
  .col-md-11 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding: 0; }
  .col-md-12 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0; } }

@media (min-width: 992px) {
  .col-lg-1 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding: 0; }
  .col-lg-2 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 0; }
  .col-lg-3 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0; }
  .col-lg-4 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0; }
  .col-lg-5 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0; }
  .col-lg-6 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0; }
  .col-lg-7 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding: 0; }
  .col-lg-8 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 0; }
  .col-lg-9 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
    padding: 0; }
  .col-lg-10 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding: 0; }
  .col-lg-11 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding: 0; }
  .col-lg-12 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0; } }

@media (min-width: 1200px) {
  .col-xl-1 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
    padding: 0; }
  .col-xl-2 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 0; }
  .col-xl-3 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 0; }
  .col-xl-4 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0; }
  .col-xl-5 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
    padding: 0; }
  .col-xl-6 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0; }
  .col-xl-7 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
    padding: 0; }
  .col-xl-8 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
    padding: 0; }
  .col-xl-9 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 75%;
    max-width: 75%;
    padding: 0; }
  .col-xl-10 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
    padding: 0; }
  .col-xl-11 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
    padding: 0; }
  .col-xl-12 {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0; } }

.hr_dashed--5 {
  opacity: 1;
  height: auto !important;
  border-top: 0.52083vw dashed;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dashed--5 {
      border-top: 0.19531vw dashed; } }

.hr_dashed--6 {
  opacity: 1;
  height: auto !important;
  border-top: 0.625vw dashed;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dashed--6 {
      border-top: 0.23438vw dashed; } }

.hr_dashed--7 {
  opacity: 1;
  height: auto !important;
  border-top: 0.72917vw dashed;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dashed--7 {
      border-top: 0.27344vw dashed; } }

.hr_dashed--8 {
  opacity: 1;
  height: auto !important;
  border-top: 0.83333vw dashed;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dashed--8 {
      border-top: 0.3125vw dashed; } }

.hr_dashed--9 {
  opacity: 1;
  height: auto !important;
  border-top: 0.9375vw dashed;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dashed--9 {
      border-top: 0.35156vw dashed; } }

.hr_dashed--10 {
  opacity: 1;
  height: auto !important;
  border-top: 1.04167vw dashed;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dashed--10 {
      border-top: 0.39062vw dashed; } }

.hr_solid--5 {
  opacity: 1;
  height: auto !important;
  border-top: 0.52083vw solid;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_solid--5 {
      border-top: 0.19531vw solid; } }

.hr_solid--6 {
  opacity: 1;
  height: auto !important;
  border-top: 0.625vw solid;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_solid--6 {
      border-top: 0.23438vw solid; } }

.hr_solid--7 {
  opacity: 1;
  height: auto !important;
  border-top: 0.72917vw solid;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_solid--7 {
      border-top: 0.27344vw solid; } }

.hr_solid--8 {
  opacity: 1;
  height: auto !important;
  border-top: 0.83333vw solid;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_solid--8 {
      border-top: 0.3125vw solid; } }

.hr_solid--9 {
  opacity: 1;
  height: auto !important;
  border-top: 0.9375vw solid;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_solid--9 {
      border-top: 0.35156vw solid; } }

.hr_solid--10 {
  opacity: 1;
  height: auto !important;
  border-top: 1.04167vw solid;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_solid--10 {
      border-top: 0.39062vw solid; } }

.hr_dotted--5 {
  opacity: 1;
  height: auto !important;
  border-top: 0.52083vw dotted;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dotted--5 {
      border-top: 0.19531vw dotted; } }

.hr_dotted--6 {
  opacity: 1;
  height: auto !important;
  border-top: 0.625vw dotted;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dotted--6 {
      border-top: 0.23438vw dotted; } }

.hr_dotted--7 {
  opacity: 1;
  height: auto !important;
  border-top: 0.72917vw dotted;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dotted--7 {
      border-top: 0.27344vw dotted; } }

.hr_dotted--8 {
  opacity: 1;
  height: auto !important;
  border-top: 0.83333vw dotted;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dotted--8 {
      border-top: 0.3125vw dotted; } }

.hr_dotted--9 {
  opacity: 1;
  height: auto !important;
  border-top: 0.9375vw dotted;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dotted--9 {
      border-top: 0.35156vw dotted; } }

.hr_dotted--10 {
  opacity: 1;
  height: auto !important;
  border-top: 1.04167vw dotted;
  background: transparent;
  margin: 0.25em 0; }
  @media only screen and (min-width: 1200px) {
    .hr_dotted--10 {
      border-top: 0.39062vw dotted; } }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
 * ========================================================================== */
/* Default self style */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
  -webkit-text-size-adjust: 100%;
  /* 1 */ }

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers. */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE. */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari. */
h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0;
  padding: 0; }

/* List style */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* Grouping content
 * ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE. */
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10. */
a {
  background-color: transparent;
  text-decoration: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -moz-text-decoration: underline dotted;
       text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers. */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers. */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
 * ========================================================================== */
/**
 * Remove the border on images inside links in IE 10. */
img {
  border-style: none; }

/* Forms
 * ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge. */
button, input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox. */
button, select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox. */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers. */
legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+. */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari. */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
 * Remove the inner padding in Chrome and Safari on macOS. */
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
 * ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details {
  display: block; }

/* Add the correct display in all browsers. */
summary {
  display: list-item; }

/* Misc
 * ========================================================================== */
/**
 * Add the correct display in IE 10+. */
template, [hidden] {
  display: none; }

/**
 * Add the correct display in IE 10. */
[hidden] {
  display: none; }

/*--------- Layout Set ---------*/
/*--------- Ratio Set ---------*/
/* path */
/* Color */
/*--------- Font Base Set ---------*/
/*--------- Font Family ---------*/
* {
  -webkit-tap-highlight-color: transparent;
  /* for removing the highlight */ }

body.active {
  overflow: hidden; }

#fla-body * {
  font-family: "Noto Sans TC", "微軟正黑體", Microsoft JhengHei, PingFang T, Arial, sans-serif;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }

#fla-body .swiper * {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms; }

.fla-wrapper {
  font-size: 2.70833vw;
  color: #222;
  text-align: justify;
  background: url("../images/common/bg-wrap.jpg") 0 0 repeat-y;
  background-size: 100% auto;
  padding: 0.1px 0;
  position: relative;
  z-index: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 87, 148, 0.5);
          box-shadow: 0 0 10px rgba(0, 87, 148, 0.5); }
  @media only screen and (min-width: 1200px) {
    .fla-wrapper {
      font-size: 1.01562vw; } }
  .fla-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("../images/common/bg-icon.png?v=202210272127") 0 100% no-repeat;
    background-size: 100% auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    z-index: -1; }

.fla-sec {
  position: relative;
  color: #fff; }

.sec-icon-1 {
  position: relative; }
  .sec-icon-1:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 0;
    -webkit-transform: translateY(20%);
       -moz-transform: translateY(20%);
            transform: translateY(20%);
    padding-top: 24%;
    background: url("../images/common/sec-1-icon.png") 0 100% no-repeat;
    background-size: 100% auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    z-index: -1; }

.sec-icon-2 {
  position: relative; }
  .sec-icon-2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 0;
    -webkit-transform: translateY(20%);
       -moz-transform: translateY(20%);
            transform: translateY(20%);
    padding-top: 24%;
    background: url("../images/common/sec-2-icon.png") 0 100% no-repeat;
    background-size: 100% auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    z-index: -1; }

.sec-icon-3 {
  position: relative; }
  .sec-icon-3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 0;
    -webkit-transform: translateY(20%);
       -moz-transform: translateY(20%);
            transform: translateY(20%);
    padding-top: 24%;
    background: url("../images/common/sec-3-icon.png") 0 100% no-repeat;
    background-size: 100% auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    z-index: -1; }

.sec-icon-4 {
  position: relative; }
  .sec-icon-4:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 0;
    -webkit-transform: translateY(20%);
       -moz-transform: translateY(20%);
            transform: translateY(20%);
    padding-top: 24%;
    background: url("../images/common/sec-4-icon.png") 0 100% no-repeat;
    background-size: 100% auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    z-index: -1; }

.sec-icon-5 {
  position: relative; }
  .sec-icon-5:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 0;
    -webkit-transform: translateY(20%);
       -moz-transform: translateY(20%);
            transform: translateY(20%);
    padding-top: 24%;
    background: url("../images/common/sec-5-icon.png") 0 100% no-repeat;
    background-size: 100% auto;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    z-index: -1; }

.sec-icon-1 {
  padding: 0.1px 0;
  margin-top: 7.29167vw; }
  @media only screen and (min-width: 1200px) {
    .sec-icon-1 {
      margin-top: 2.73438vw; } }

.title_label {
  color: #fff;
  text-shadow: 0 0.1em 0.15em #0075c7, 0 0 0.3em white;
  font-size: 7.29167vw;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  white-space: nowrap;
  margin: -0.6em -0.1rem 0;
  font-weight: bold; }
  @media only screen and (min-width: 1200px) {
    .title_label {
      font-size: 2.73438vw; } }
  .title_label:before, .title_label:after {
    content: "";
    display: block;
    width: 100%;
    border-top: 0.52083vw solid #fff;
    -webkit-box-shadow: 0 0 1rem 0.75rem rgba(0, 234, 255, 0.5);
            box-shadow: 0 0 1rem 0.75rem rgba(0, 234, 255, 0.5); }
    @media only screen and (min-width: 1200px) {
      .title_label:before, .title_label:after {
        border-top: 0.19531vw solid #fff; } }
  .title_label:before {
    margin-right: 0.5rem; }
  .title_label:after {
    margin-left: 0.5rem; }
  .title_label--tag {
    position: relative;
    display: inline-block;
    margin-left: 1.5em;
    padding: 0.45em .75em 0.45em 1.5em;
    vertical-align: text-top; }
    .title_label--tag:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      -webkit-transform: skewX(-12deg) translateY(-5%);
         -moz-transform: skewX(-12deg) translateY(-5%);
              transform: skewX(-12deg) translateY(-5%);
      border: 0.52083vw solid #fff;
      border-left: none;
      border-radius: 0.52083vw; }
      @media only screen and (min-width: 1200px) {
        .title_label--tag:before {
          border: 0.19531vw solid #fff;
          border-left: none;
          border-radius: 0.19531vw; } }
    .title_label--tag_number {
      font-size: 14.58333vw;
      font-family: "Roboto", sans-serif !important;
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 0;
      -webkit-transform: translate(-55%, 25%);
         -moz-transform: translate(-55%, 25%);
              transform: translate(-55%, 25%);
      text-shadow: none;
      filter: drop-shadow(0 0 0.5rem #fff);
      /* 文字顏色設定透明 */
      color: transparent;
      /* 設定漸層角度及顏色 */
      background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0, #3d9dfa), color-stop(25%, #3d9dfa), color-stop(50%, #01c0fa), color-stop(75%, #3d9dfa), to(#3d9dfa));
      background-image: -moz-linear-gradient(0, #3d9dfa 0, #3d9dfa 25%, #01c0fa 50%, #3d9dfa 75%, #3d9dfa 100%);
      background-image: linear-gradient(0, #3d9dfa 0, #3d9dfa 25%, #01c0fa 50%, #3d9dfa 75%, #3d9dfa 100%);
      /* 背景裁剪成文字的前景色 */
      -webkit-background-clip: text;
      background-clip: text; }
      @media only screen and (min-width: 1200px) {
        .title_label--tag_number {
          font-size: 5.46875vw; } }
      .title_label--tag_number::before {
        content: attr(attr-title);
        position: absolute;
        -webkit-text-stroke: 0.03em #fff;
        z-index: -1; }
    .title_label--tag_text {
      font-size: 4.58333vw;
      color: #fff;
      letter-spacing: 0.1em;
      text-shadow: 0 0 0.5em #00eaff;
      filter: drop-shadow(0 0 1rem #00eaff); }
      @media only screen and (min-width: 1200px) {
        .title_label--tag_text {
          font-size: 1.71875vw; } }

.brand {
  background-image: -moz-linear-gradient(135deg, #c8e6fb 0, #fff 50%, #c8e6fb 100%);
  background-image: linear-gradient(-45deg, #c8e6fb 0, #fff 50%, #c8e6fb 100%);
  overflow: hidden; }

.dash_text {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center; }
  .dash_text:before, .dash_text:after {
    content: "";
    width: 100%;
    border-top: 0.52083vw solid; }
    @media only screen and (min-width: 1200px) {
      .dash_text:before, .dash_text:after {
        border-top: 0.19531vw solid; } }
  .dash_text:before {
    margin-right: 1rem; }
  .dash_text:after {
    margin-left: 1rem; }

/*--------- Font Size Class ---------*/
.d_fz--22 {
  font-size: 2.29167vw; }
  @media only screen and (min-width: 1200px) {
    .d_fz--22 {
      font-size: 0.85938vw; } }

.d_fz--34 {
  font-size: 3.54167vw; }
  @media only screen and (min-width: 1200px) {
    .d_fz--34 {
      font-size: 1.32812vw; } }

.d_fz--36 {
  font-size: 3.75vw; }
  @media only screen and (min-width: 1200px) {
    .d_fz--36 {
      font-size: 1.40625vw; } }

.d_fz--45 {
  font-size: 4.6875vw; }
  @media only screen and (min-width: 1200px) {
    .d_fz--45 {
      font-size: 1.75781vw; } }

.d_fz--60 {
  font-size: 6.25vw; }
  @media only screen and (min-width: 1200px) {
    .d_fz--60 {
      font-size: 2.34375vw; } }

.d_fz--70 {
  font-size: 7.29167vw; }
  @media only screen and (min-width: 1200px) {
    .d_fz--70 {
      font-size: 2.73438vw; } }

.d_fz--76 {
  font-size: 7.91667vw; }
  @media only screen and (min-width: 1200px) {
    .d_fz--76 {
      font-size: 2.96875vw; } }

nav:after {
  border-bottom: none; }

.cus-btn {
  color: #fff;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#20a3ff), to(#43ccff));
  background: -moz-linear-gradient(top, #20a3ff 0%, #43ccff 100%);
  background: linear-gradient(to bottom, #20a3ff 0%, #43ccff 100%);
  -webkit-box-shadow: 0.15rem 0.15rem 1rem #2284d5;
          box-shadow: 0.15rem 0.15rem 1rem #2284d5;
  background-color: #43ccff;
  display: inline-block;
  white-space: nowrap; }
  .cus-btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 200%;
    background-position: 0 100%;
    -webkit-transition: background-position 0.5s ease-in-out;
    -moz-transition: background-position 0.5s ease-in-out;
    transition: background-position 0.5s ease-in-out; }
  .cus-btn:hover:before {
    -webkit-transition: background-position 0.5s ease-in-out;
    -moz-transition: background-position 0.5s ease-in-out;
    transition: background-position 0.5s ease-in-out;
    background-position: 110% 0; }
  .cus-btn + .cus-btn {
    border-left: 1px solid #fff; }
  .btn-block .cus-btn {
    width: 100%; }

.disc {
  margin-left: 1.5em; }
  .disc li {
    list-style-type: disc;
    position: relative;
    margin-bottom: .75em; }

.decimal {
  margin-left: 1.5em;
  counter-reset: num; }
  .decimal li {
    counter-increment: num;
    margin-bottom: .75em;
    position: relative; }
    .decimal li:before {
      content: counter(num) ".";
      position: absolute;
      right: 100%;
      margin-right: .25em; }

.welt_1, .welt_2, .welt_3, .welt_4, .welt_5, .welt_6, .welt_7 {
  position: absolute;
  background: 0 0 no-repeat;
  background-size: contain; }

.welt_1 {
  width: 18.125vw;
  height: 20.20833vw;
  top: 2em;
  left: -2em;
  background-image: url("../images/common/ribbon-1.png"); }
  @media only screen and (min-width: 1200px) {
    .welt_1 {
      width: 6.79688vw;
      height: 7.57812vw; } }

.welt_2 {
  width: 29.6875vw;
  height: 20.83333vw;
  bottom: -0.75em;
  right: 0;
  background-image: url("../images/common/ribbon-2.png"); }
  @media only screen and (min-width: 1200px) {
    .welt_2 {
      width: 11.13281vw;
      height: 7.8125vw; } }

.welt_3 {
  width: 18.125vw;
  height: 20.20833vw;
  top: -3em;
  left: -1.5em;
  background-image: url("../images/common/ribbon-1.png");
  -webkit-transform: rotate(62deg);
     -moz-transform: rotate(62deg);
          transform: rotate(62deg); }
  @media only screen and (min-width: 1200px) {
    .welt_3 {
      width: 6.79688vw;
      height: 7.57812vw; } }

.welt_4 {
  width: 15.10417vw;
  height: 13.54167vw;
  top: -3.25em;
  right: -2em;
  background-image: url("../images/common/heart-white.png"); }
  @media only screen and (min-width: 1200px) {
    .welt_4 {
      width: 5.66406vw;
      height: 5.07812vw; } }

.welt_5 {
  width: 11.14583vw;
  height: 10.72917vw;
  position: relative;
  background-image: url("../images/common/heart-pink.png"); }
  @media only screen and (min-width: 1200px) {
    .welt_5 {
      width: 4.17969vw;
      height: 4.02344vw; } }

.welt_6 {
  width: 18.125vw;
  height: 20.20833vw;
  top: 38%;
  right: -2em;
  background-image: url("../images/common/ribbon-1.png");
  -webkit-transform: rotate(170deg);
     -moz-transform: rotate(170deg);
          transform: rotate(170deg); }
  @media only screen and (min-width: 1200px) {
    .welt_6 {
      width: 6.79688vw;
      height: 7.57812vw; } }

.welt_7 {
  width: 13.54167vw;
  height: 15vw;
  top: 64%;
  left: -2.5em;
  background-image: url("../images/common/ribbon-1.png"); }
  @media only screen and (min-width: 1200px) {
    .welt_7 {
      width: 5.07812vw;
      height: 5.625vw; } }

.border_light {
  padding: 0.1px 0;
  margin-left: auto;
  margin-right: auto;
  width: 83.33333%;
  border: 0.52083vw solid #fff;
  border-top: none;
  -webkit-box-shadow: 0.75rem 0.75rem 0.75rem 0 rgba(0, 234, 255, 0.5), -0.75rem 0.75rem 0.75rem 0 rgba(0, 234, 255, 0.5), inset -0.75rem -0.75rem 0.75rem -0.3rem rgba(0, 234, 255, 0.5), inset 0.75rem -0.75rem 0.75rem -0.3rem rgba(0, 234, 255, 0.5);
          box-shadow: 0.75rem 0.75rem 0.75rem 0 rgba(0, 234, 255, 0.5), -0.75rem 0.75rem 0.75rem 0 rgba(0, 234, 255, 0.5), inset -0.75rem -0.75rem 0.75rem -0.3rem rgba(0, 234, 255, 0.5), inset 0.75rem -0.75rem 0.75rem -0.3rem rgba(0, 234, 255, 0.5); }
  @media only screen and (min-width: 1200px) {
    .border_light {
      border: 0.19531vw solid #fff;
      border-top: none; } }
  .border_light--whole {
    border: 0.52083vw solid #fff;
    -webkit-box-shadow: 0 0 0.75rem 0.75rem rgba(0, 234, 255, 0.5), inset 0 0 0.75rem 0.75rem rgba(0, 234, 255, 0.5);
            box-shadow: 0 0 0.75rem 0.75rem rgba(0, 234, 255, 0.5), inset 0 0 0.75rem 0.75rem rgba(0, 234, 255, 0.5); }
    @media only screen and (min-width: 1200px) {
      .border_light--whole {
        border: 0.19531vw solid #fff; } }

.slide_block {
  position: relative;
  padding: 26.875vw 7.70833vw 6.25vw; }
  @media only screen and (min-width: 1200px) {
    .slide_block {
      padding: 10.07812vw 2.89062vw 2.34375vw; } }
  .slide_block:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/sec-2/sider_bg-patten.png") 0 0 no-repeat;
    background-size: 100% auto;
    z-index: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none; }
  .sec-2 .slide_block {
    background: url("../images/sec-2/sider_bg.png") 0 0 no-repeat;
    background-size: 100% auto; }
  .slide_block--item {
    margin-bottom: 3.75vw; }
    @media only screen and (min-width: 1200px) {
      .slide_block--item {
        margin-bottom: 1.40625vw; } }
  .slide_block--btn {
    display: inline-block;
    margin-top: 1.5rem; }

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 5.20833vw;
  color: #fff;
  text-shadow: 0 0 0.25em rgba(255, 255, 255, 0.8);
  z-index: 10; }
  @media only screen and (min-width: 1200px) {
    .swiper-button-prev, .swiper-button-next {
      font-size: 1.95312vw; } }
  .swiper-button-prev:hover, .swiper-button-next:hover {
    cursor: pointer; }

.swiper-pagination {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center; }
  .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 .5em;
    border-radius: 100%;
    opacity: 0.36;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out; }
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #fff;
      opacity: 1; }

.swiper-button-prev {
  left: 0; }
  .swiper-button-prev:before {
    /* 

// $num ==> content 編碼

// $font-face ==> 字型

// ==> icon use example

@include fa-icon('\e001', $icon_1); 

@include fa-icon('\e001', $icon_2); 

// gulp 套件生成 icon，$num 請寫入 svg檔名/class名稱 就可
@include fa-icon('arrow-left', $icon_3);

*/
    font-family: "icon";
    content: var(--arrow-left);
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale; }

.swiper-button-next {
  right: 0; }
  .swiper-button-next:before {
    /* 

// $num ==> content 編碼

// $font-face ==> 字型

// ==> icon use example

@include fa-icon('\e001', $icon_1); 

@include fa-icon('\e001', $icon_2); 

// gulp 套件生成 icon，$num 請寫入 svg檔名/class名稱 就可
@include fa-icon('arrow-left', $icon_3);

*/
    font-family: "icon";
    content: var(--arrow-right);
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale; }

#cursor-mouse {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50vw;
  height: 50vw;
  border-radius: 50%;
  pointer-events: none;
  background-color: rgba(168, 224, 254, 0.5);
  z-index: 999999999999;
  opacity: 0;
  -webkit-transition: width 0.5s, height 0.5s, opacity 0.5s, background-color 0.5s !important;
  -moz-transition: width 0.5s, height 0.5s, opacity 0.5s, background-color 0.5s !important;
  transition: width 0.5s, height 0.5s, opacity 0.5s, background-color 0.5s !important; }
  #cursor-mouse.init {
    width: 30px;
    height: 30px;
    opacity: 1; }
  #cursor-mouse.active {
    width: 60px;
    height: 60px; }

body.active {
  overflow: hidden; }

#fla-lightbox {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }
  #fla-lightbox.active {
    opacity: 1;
    pointer-events: initial; }
    #fla-lightbox.active .lightbox-frame {
      -webkit-transform: none;
         -moz-transform: none;
              transform: none; }
  #fla-lightbox .lightbox-frame {
    position: relative;
    background-color: #fff;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
            transform: translateY(100%); }
  #fla-lightbox .lightbox-block {
    display: none;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s; }
    #fla-lightbox .lightbox-block.active {
      display: block;
      opacity: 1;
      pointer-events: initial; }

#lightbox-close {
  position: absolute;
  cursor: pointer;
  top: 2.08333vw;
  right: 2.08333vw;
  width: 6.25vw;
  height: 6.25vw; }
  @media only screen and (min-width: 1200px) {
    #lightbox-close {
      top: 0.78125vw;
      right: 0.78125vw;
      width: 2.34375vw;
      height: 2.34375vw; } }
  #lightbox-close span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 0.41667vw;
    background-color: #656565; }
    @media only screen and (min-width: 1200px) {
      #lightbox-close span {
        height: 0.15625vw; } }
    #lightbox-close span:nth-of-type(1) {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
         -moz-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg); }
    #lightbox-close span:nth-of-type(2) {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
         -moz-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg); }

.youtube-block {
  position: relative;
  width: 100vw;
  height: 56.25vw; }
  @media only screen and (min-width: 1200px) {
    .youtube-block {
      width: 37.5vw;
      height: 21.09375vw; } }

.youtube-video {
  width: 100%;
  height: 100%; }

.youtube-mask {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  background-image: url("../images/youtube-mask.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
  cursor: pointer; }
  .youtube-mask.active {
    pointer-events: none;
    opacity: 0;
    visibility: none; }
  .youtube-mask .youtube-mask-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    .youtube-mask .youtube-mask-play:hover {
      background-color: rgba(0, 0, 0, 0.45); }
      .youtube-mask .youtube-mask-play:hover .icon-play {
        background-color: #ffffff; }
        .youtube-mask .youtube-mask-play:hover .icon-play::after {
          border-color: transparent transparent transparent black; }
    .youtube-mask .youtube-mask-play .icon-play {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 67.5px;
      height: 67.5px;
      border-radius: 50%;
      border: 4px solid white;
      background-color: rgba(0, 0, 0, 0.5);
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out; }
      .youtube-mask .youtube-mask-play .icon-play:hover {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
           -moz-transform: translate(-50%, -50%) scale(1.2);
                transform: translate(-50%, -50%) scale(1.2); }
      @media (min-width: 768px) {
        .youtube-mask .youtube-mask-play .icon-play {
          width: 135px;
          height: 135px; } }
      .youtube-mask .youtube-mask-play .icon-play::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        left: 55%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 14.5px 0 14.5px 26px;
        border-color: transparent transparent transparent #ffffff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out; }
        @media (min-width: 768px) {
          .youtube-mask .youtube-mask-play .icon-play::after {
            border-width: 29px 0 29px 52px; } }

.sec-KV {
  position: relative;
  width: 100%;
  height: 125.41667vw;
  background: url("../images/kv/bg-mb.jpg?v=202211021538") 50% 50% no-repeat;
  background-size: contain;
  z-index: 2; }
  @media (min-width: 992px) {
    .sec-KV {
      height: 36.61458vw;
      background-image: url("../images/kv/bg-pc.jpg?v=202211021538"); } }

.kv_blur {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  backdrop-filter: blur(5px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 1; }

.kv_hat {
  position: absolute;
  width: 18.4375%;
  top: 26.57807%;
  left: 75.41667%;
  -webkit-transform-origin: 20% 80%;
     -moz-transform-origin: 20% 80%;
          transform-origin: 20% 80%;
  -webkit-animation: shark 1s ease-in-out infinite,bright 6s ease-in-out infinite;
     -moz-animation: shark 1s ease-in-out infinite,bright 6s ease-in-out infinite;
          animation: shark 1s ease-in-out infinite,bright 6s ease-in-out infinite; }
  @media (min-width: 992px) {
    .kv_hat {
      width: 8.75%;
      top: 0.85349%;
      left: 85.88542%; } }

.kv_pro-01 {
  position: absolute;
  width: 4.6875%;
  top: 4.26743%;
  left: 21.04167%; }
  @media (max-width: 992px) {
    .kv_pro-01 {
      display: none; } }

.kv_pro-02 {
  position: absolute;
  width: 10.57292%;
  top: 35.41963%;
  left: 30.72917%; }
  @media (max-width: 992px) {
    .kv_pro-02 {
      display: none; } }

.kv_pro-03 {
  position: absolute;
  width: 4.0625%;
  top: 23.89758%;
  left: 12.34375%; }
  @media (max-width: 992px) {
    .kv_pro-03 {
      display: none; } }

.kv_pro-04 {
  position: absolute;
  width: 14.27083%;
  top: 40.1138%;
  left: 18.22917%; }
  @media (max-width: 992px) {
    .kv_pro-04 {
      display: none; } }

.kv_slogan {
  position: absolute;
  width: 62.5%;
  top: 8.30565%;
  left: 18.75%;
  -webkit-animation: bright 6s ease-in-out infinite;
     -moz-animation: bright 6s ease-in-out infinite;
          animation: bright 6s ease-in-out infinite; }
  @media (min-width: 992px) {
    .kv_slogan {
      width: 34.89583%;
      top: 18.20768%;
      left: 38.85417%; } }

.kv_brand {
  overflow: hidden;
  background: url("../images/kv/brand_mb.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  width: 67.29167%;
  height: 21.51163%;
  top: 69.76744%;
  left: 0; }
  @media (min-width: 992px) {
    .kv_brand {
      background-image: url("../images/kv/brand_pc.png");
      width: 28.75%;
      height: 32.71693%;
      top: 67.28307%;
      left: 45.10417%; } }
  .kv_brand:before {
    content: "";
    position: absolute;
    width: 96%;
    height: 68%;
    left: -8%;
    top: 16%;
    -webkit-transform: skewX(-23deg);
       -moz-transform: skewX(-23deg);
            transform: skewX(-23deg);
    background: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 60%);
    background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 60%);
    background-size: 300% 300%; }
    @media (min-width: 992px) {
      .kv_brand:before {
        height: 100%;
        left: 2%;
        -webkit-transform: skewY(-6deg);
           -moz-transform: skewY(-6deg);
                transform: skewY(-6deg); } }
  .kv_brand.effect:before {
    -webkit-animation: gradient 10s ease-in-out infinite;
       -moz-animation: gradient 10s ease-in-out infinite;
            animation: gradient 10s ease-in-out infinite; }

.continue {
  display: block;
  text-align: center;
  width: 100%;
  bottom: 0;
  position: absolute;
  color: #00b0f0;
  font-weight: bold;
  text-shadow: 0 0 0.35em #fff,.3em 0 0.35em #fff,0 .3em 0.35em #fff,-.3em 0 0.35em #fff,0 -.3em 0.35em #fff;
  font-size: 4.16667vw; }
  @media only screen and (min-width: 1200px) {
    .continue {
      font-size: 1.5625vw; } }
  @media (min-width: 992px) {
    .continue {
      display: none; } }
  .continue i {
    display: block;
    font-size: 1.25em; }

.dg.ac {
  z-index: 999 !important; }

.fla-body {
  position: relative;
  width: 100%;
  overflow: hidden; }

.fla-wrapper {
  position: relative;
  margin: auto;
  width: 100vw; }
  @media only screen and (min-width: 1200px) {
    .fla-wrapper {
      width: 37.5vw; } }

#fla-nav-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  z-index: 9; }
  #fla-nav-top.fixed {
    position: fixed; }

#fla-nav-bot {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
     -moz-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
  z-index: 9; }
  #fla-nav-bot.fixed {
    position: fixed; }

.nav-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  margin: auto;
  border: 1px solid gray;
  width: 100vw; }
  @media only screen and (min-width: 1200px) {
    .nav-wrapper {
      width: 37.5vw; } }
  .nav-wrapper > a {
    position: relative;
    width: 100%;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;
    background-color: white;
    font-size: 1.875vw;
    line-height: 4.16667vw; }
    @media only screen and (min-width: 1200px) {
      .nav-wrapper > a {
        font-size: 0.70312vw;
        line-height: 1.5625vw; } }
    .nav-wrapper > a:not(:last-child) {
      border-right: 1px solid gray; }
  .nav-wrapper .btn-block {
    position: relative;
    width: 100%;
    background-color: #fff; }
    .nav-wrapper .btn-block:not(:last-child) {
      border-right: 1px solid gray; }
    .nav-wrapper .btn-block a {
      display: block;
      text-align: center; }

.purchase-block {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }
  .purchase-block.active {
    opacity: 1;
    pointer-events: initial; }
  .purchase-block a {
    width: 100%;
    background-color: gray;
    color: orange; }
    .purchase-block a:not(:last-child) {
      border-bottom: 1px solid black; }