/*========== SCALE ==========*/
/*===== DESKTOP ===========================*/
@media screen and (min-width: 1200px) {
  .lc {
    position: absolute !important;
    top: 50%;
    margin-top: 0 !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .ct {
    position: absolute !important;
    left: 50%;
    top: 0;
    margin-top: 0 !important;
    margin-left: 0 !important;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .cc {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .cb {
    position: absolute !important;
    left: 50% !important;
    bottom: 0;
    margin-top: 0 !important;
    margin-left: 0 !important;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  *, div {
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  .fi [class*="caption"], .zi [class*="caption"], .ri [class*="caption"], .li [class*="caption"], .ui [class*="caption"], .di [class*="caption"] {
    opacity: 0; }
  .zi [class*="caption-top"],
  .zi [class*="caption-bottom"] {
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, 0%) scale(0.95) !important;
    -moz-transform: translate(-50%, 0%) scale(0.95) !important;
    -ms-transform: translate(-50%, 0%) scale(0.95) !important;
    -o-transform: translate(-50%, 0%) scale(0.95) !important;
    transform: translate(-50%, 0%) scale(0.95) !important; }
  .zi [class*="caption-center"] {
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translate(-50%, -50%) scale(0.95) !important;
    -moz-transform: translate(-50%, -50%) scale(0.95) !important;
    -ms-transform: translate(-50%, -50%) scale(0.95) !important;
    -o-transform: translate(-50%, -50%) scale(0.95) !important;
    transform: translate(-50%, -50%) scale(0.95) !important; }
  .ri div[class*="caption-top"],
  .ri div[class*="caption-bottom"] {
    -webkit-transform: translate(-65%, 0) !important;
    -moz-transform: translate(-65%, 0) !important;
    -ms-transform: translate(-65%, 0) !important;
    -o-transform: translate(-65%, 0) !important;
    transform: translate(-65%, 0) !important; }
  .ri div[class*="caption-center"] {
    -webkit-transform: translate(-65%, -50%) !important;
    -moz-transform: translate(-65%, -50%) !important;
    -ms-transform: translate(-65%, -50%) !important;
    -o-transform: translate(-65%, -50%) !important;
    transform: translate(-65%, -50%) !important; }
  .li div[class*="caption-top"],
  .li div[class*="caption-bottom"] {
    -webkit-transform: translate(-35%, 0) !important;
    -moz-transform: translate(-35%, 0) !important;
    -ms-transform: translate(-35%, 0) !important;
    -o-transform: translate(-35%, 0) !important;
    transform: translate(-35%, 0) !important; }
  .li div[class*="caption-center"] {
    -webkit-transform: translate(-35%, -50%) !important;
    -moz-transform: translate(-35%, -50%) !important;
    -ms-transform: translate(-35%, -50%) !important;
    -o-transform: translate(-35%, -50%) !important;
    transform: translate(-35%, -50%) !important; }
  .ui [class*="caption-top"],
  .ui [class*="caption-bottom"] {
    -webkit-transform: translate(-50%, 25%) !important;
    -moz-transform: translate(-50%, 25%) !important;
    -ms-transform: translate(-50%, 25%) !important;
    -o-transform: translate(-50%, 25%) !important;
    transform: translate(-50%, 25%) !important; }
  .ui [class*="caption-center"] {
    -webkit-transform: translate(-50%, -25%) !important;
    -moz-transform: translate(-50%, -25%) !important;
    -ms-transform: translate(-50%, -25%) !important;
    -o-transform: translate(-50%, -25%) !important;
    transform: translate(-50%, -25%) !important; }
  .di div[class*="caption-top"],
  .di div[class*="caption-bottom"] {
    -webkit-transform: translate(-50%, -25%) !important;
    -moz-transform: translate(-50%, -25%) !important;
    -ms-transform: translate(-50%, -25%) !important;
    -o-transform: translate(-50%, -25%) !important;
    transform: translate(-50%, -25%) !important; }
  .di div[class*="caption-center"] {
    -webkit-transform: translate(-50%, -75%) !important;
    -moz-transform: translate(-50%, -75%) !important;
    -ms-transform: translate(-50%, -75%) !important;
    -o-transform: translate(-50%, -75%) !important;
    transform: translate(-50%, -75%) !important; }
  [class*="image"] img {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    [class*="image"] img:hover {
      -o-transition: all 0.35s ease;
      -moz-transition: all 0.35s ease;
      -webkit-transition: all 0.35s ease;
      transition: all 0.35s ease; }
  .image-fi div:not([class*="caption"]) {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: .2; }
  .image-fi:hover div:not([class*="caption"]) {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    opacity: 1; }
  .image-down div:not([class*="caption"]) {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    top: 0 !important; }
  .image-down:hover div:not([class*="caption"]) {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    top: 60px !important; }
  .image-zi div:not([class*="caption-"]) img {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -o-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01); }
  .image-zi:hover div:not([class*="caption"]) img {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .image-zo div:not([class*="caption"]) img {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .image-zo:hover div:not([class*="caption"]) img {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .image-zor div:not([class*="caption"]) img {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1.3) rotate(10deg) !important;
    -moz-transform: scale(1.3) rotate(10deg) !important;
    -ms-transform: scale(1.3) rotate(10deg) !important;
    -o-transform: scale(1.3) rotate(10deg) !important;
    transform: scale(1.3) rotate(10deg) !important; }
  .image-zor:hover div:not([class*="caption"]) img {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -o-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(1) rotate(0) !important;
    -moz-transform: scale(1) rotate(0) !important;
    -ms-transform: scale(1) rotate(0) !important;
    -o-transform: scale(1) rotate(0) !important;
    transform: scale(1) rotate(0) !important; }
  .image-up div:not([class*="caption"]) {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    top: 0 !important; }
  .image-up:hover div:not([class*="caption"]) {
    -o-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    top: -60px !important; } }

@media screen and (min-width: 320px) and (max-width: 1119px) {
  .ct {
    position: absolute !important;
    left: 50%;
    top: 0;
    margin-top: 0 !important;
    margin-left: 0 !important;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .cc, .cb {
    position: absolute !important;
    left: 50% !important;
    bottom: 0;
    margin-top: 0 !important;
    margin-left: 0 !important;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }

*:not(.sidebar, ul.AccordionWidget) {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; }

* {
  -o-transform-origin: center center;
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.gs100vh {
  height: 100vh !important; }

.toggle-btn {
  -o-transform-origin: center center;
  -moz-transform-origin: center center;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -o-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer !important; }

.toggle-btn.rotate {
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -o-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.sidebar {
  position: fixed !important;
  height: 100vh !important;
  overflow-x: hidden; }

.transition {
  -o-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }

@media screen and (min-width: 481px) {
  .position-vertical-center-fixed {
    position: absolute !important;
    top: 50%;
    margin-top: 0 !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed !important; }
  .position-vertical-center {
    position: absolute !important;
    top: 50%;
    margin-top: 0 !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); } }

.position-center-fixed {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: teal !important; }

.position-center {
  position: relative !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.position-center-center {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.hide-text .caption {
  display: none; }

.hide {
  display: none; }

@media screen and (min-width: 1045px) {
  .contact-container {
    position: absolute !important;
    top: 50%;
    margin-top: 0 !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed !important; } }

@media screen and (min-width: 801px) {
  .detail-desc-lb {
    left: 0;
    bottom: 0;
    margin-top: 0 !important;
    margin-left: 0 !important;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    position: fixed !important;
    bottom: 60px; }
  .detail-desc-vc {
    position: absolute !important;
    top: 50%;
    margin-top: 0 !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed !important; } }

@media screen and (min-width: 481px) and (max-width: 800px) {
  .detail-desc-vc {
    position: absolute !important;
    left: 50% !important;
    bottom: 0;
    margin-top: 0 !important;
    margin-left: 0 !important;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: fixed !important;
    bottom: 40px; } }

@media screen and (max-width: 480px) {
  .detail-desc-vc {
    width: 100%; } }