@charset "UTF-8";
/*!
Theme Name: Ashira Pres
Theme URI:
Description: A custom theme for the Ashira project presentation
Author: Avsha Agasi
Author URI: http://the-two.co
Version: 1.0
Tags: clean, advanced, responsive, great
*/
/* reset */
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-weight: 400;
  width: 100%;
  height: 100%;
  position: relative;
}

.height-100 {
  height: 100vh;
  position: relative;
}

.overflow {
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.outer-container {
  position: relative;
  height: calc(100vh - 1.44vw);
  overflow: hidden;
  border-top-left-radius: 14vw;
  border-bottom-right-radius: 4vw;
  background: #eeece6;
}

.container {
  position: relative;
  height: calc(100vh - 1.44vw);
  overflow: hidden;
  background: #eeece6;
}
.container .wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.grey-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.15);
}

.section {
  position: relative;
}

.bg {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.video-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.video-2 {
  position: absolute;
  top: -25%;
  left: 0;
  min-width: 100%;
  min-height: 150%;
  width: auto;
  height: auto;
}

.vimeo-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  background: #0A1B2F;
}
.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.vimeo-wrapper video {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.overlay {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.overlay.special-grad {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.overlay.grad {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.53))) !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.53)) !important;
}
.overlay.grad-to-right {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.43))) !important;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.43)) !important;
}
.overlay.grad-to-right-new {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#0a1c2f)) !important;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #0a1c2f) !important;
}
.overlay.grad-to-top-left-new {
  background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(80%, rgb(10, 27, 47))) !important;
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgb(10, 27, 47) 80%) !important;
}
.overlay.grad-to-top-left-new-black {
  background: -webkit-gradient(linear, right bottom, left top, from(rgba(0, 0, 0, 0)), to(rgb(0, 0, 0))) !important;
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%) !important;
}
.overlay.grad-to-bottom-right-new {
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 0, 0, 0)), to(rgb(10, 27, 47))) !important;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 0%, rgb(10, 27, 47) 100%) !important;
}
.overlay.grad-to-bottom-right-new-black {
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 0, 0, 0)), color-stop(120%, rgb(0, 0, 0))) !important;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 120%) !important;
}
.overlay.slider-grad {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(400%, rgb(0, 0, 0))) !important;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 400%) !important;
}

.overlay.darkk {
  background: rgba(0, 0, 0, 0.65);
}

.overlay.light {
  background: rgba(0, 0, 0, 0.25);
}

.placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: black;
}

.center-wrapper-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.center-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: table;
}

.center-wrapper .center {
  display: table-cell;
  vertical-align: middle;
}

.ta-c {
  text-align: center;
}

.ta-l {
  text-align: left;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-t-100 {
  margin-top: 100px;
}

.m-t-200 {
  margin-top: 200px;
}

.p-t-100 {
  padding-top: 100px;
}

.p-50 {
  padding: 0 50px;
}

.p-80 {
  padding: 0 80px;
}

.clear {
  clear: both;
}

.c-white {
  color: white;
}

.b-blue {
  background: #0A1B2F;
}

.image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

strong {
  font-family: "atlas-bold";
}

::-webkit-input-placeholder {
  color: #0A1B2F !important;
  font-family: "atlas-bold";
}

::-moz-placeholder {
  color: #0A1B2F !important;
  font-family: "atlas-bold";
}

:-ms-input-placeholder {
  color: #0A1B2F !important;
  font-family: "atlas-bold";
}

:-moz-placeholder {
  color: #0A1B2F !important;
  font-family: "atlas-bold";
}

.ww::-webkit-input-placeholder {
  color: white !important;
  font-family: "atlas-bold";
}

.ww::-moz-placeholder {
  color: white !important;
  font-family: "atlas-bold";
}

.ww:-ms-input-placeholder {
  color: white !important;
  font-family: "atlas-bold";
}

.ww:-moz-placeholder {
  color: white !important;
  font-family: "atlas-bold";
}

.slick-slide {
  outline: 0 !important;
}

.ofc {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.ofc img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.ofcn {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.ofcn img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

@font-face {
  font-family: "atlas-light";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/atlas-light-aaa.eot");
  src: url("fonts/atlas-light-aaa.eot?#iefix") format("embedded-opentype"), url("fonts/atlas-light-aaa.woff2") format("woff2"), url("fonts/atlas-light-aaa.woff") format("woff");
}
@font-face {
  font-family: "atlas-regular";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/atlas-regular-aaa.eot");
  src: url("fonts/atlas-regular-aaa.eot?#iefix") format("embedded-opentype"), url("fonts/atlas-regular-aaa.woff2") format("woff2"), url("fonts/atlas-regular-aaa.woff") format("woff");
}
@font-face {
  font-family: "atlas-bold";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/atlas-bold-aaa.eot");
  src: url("fonts/atlas-bold-aaa.eot?#iefix") format("embedded-opentype"), url("fonts/atlas-bold-aaa.woff2") format("woff2"), url("fonts/atlas-bold-aaa.woff") format("woff");
}
@font-face {
  font-family: "recline";
  font-weight: normal;
  font-style: normal;
  src: url("fonts/recline.woff") format("woff");
}
/* weather font */
@font-face {
  font-family: "weathericons";
  src: url("fonts/weathericons-regular-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
/* @if $slick-font-family == "slick" {
    @font-face {
        font-family: "slick";
        src: slick-font-url("slick.eot");
        src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg");
        font-weight: normal;
        font-style: normal;
    }
} */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-product-viewer-wrapper {
  text-align: center;
}

.cd-product-viewer-wrapper > div {
  display: inline-block;
}

.cd-product-viewer-wrapper .product-viewer {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  width: 32vw;
  margin: auto;
}

.cd-product-viewer-wrapper img {
  /* this is the image visible before the image sprite is loaded */
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
}

.figure-wrapper {
  position: relative;
  border-radius: 50%;
  border: 4px solid white;
  overflow: hidden;
}
.figure-wrapper:after {
  position: absolute;
  display: block;
  content: "";
  top: -180px;
  width: 100%;
  height: 501px;
  z-index: 10;
  background: url(images/clouds-1.png) repeat-x;
  -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: moveCloud1 30s linear infinite;
  animation: moveCloud1 30s linear infinite;
}

.cd-product-viewer-wrapper .product-sprite {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  /* our image sprite is composed by 16 frames */
  width: 20100%;
  background: url(images/buildings/building-sprite-square-2.png) no-repeat center center;
  background-size: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cd-product-viewer-wrapper.loaded .product-sprite {
  /* image sprite has been loaded */
  opacity: 1;
  cursor: ew-resize;
}

.cd-product-viewer-handle {
  position: relative;
  z-index: 2;
  width: 400px;
  border-radius: 0;
  margin: 30px auto;
  height: 4px;
  background: #96daf0;
}

.cd-product-viewer-handle .fill {
  /* this is used to create the loading fill effect */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background: white;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.no-csstransitions .cd-product-viewer-handle .fill {
  display: none;
}

.loaded .cd-product-viewer-handle .fill {
  /* image sprite has been loaded */
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s;
  -webkit-transition: opacity 0.2s 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.2s 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.2s 0.3s;
  transition: transform 0.3s, opacity 0.2s 0.3s, -webkit-transform 0.3s;
}

.cd-product-viewer-handle .handle {
  position: absolute;
  z-index: 2;
  display: inline-block;
  height: 22px;
  width: 22px;
  left: 0;
  top: -9px;
  background: white;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 6px rgba(26, 47, 66, 0.3), 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 6px rgba(26, 47, 66, 0.3), 0 0 20px rgba(0, 0, 0, 0.2);
  /* replace text with image */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  -webkit-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  -webkit-transition: box-shadow 0.2s;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.cd-product-viewer-handle .handle:active {
  -webkit-box-shadow: 0 0 0 0 rgba(26, 47, 66, 0), 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 0 rgba(26, 47, 66, 0), 0 0 20px rgba(0, 0, 0, 0.2);
}

.loaded .cd-product-viewer-handle .handle {
  /* image sprite has been loaded */
  -webkit-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  -webkit-animation: cd-bounce 0.3s 0.3s;
  animation: cd-bounce 0.3s 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  cursor: ew-resize;
}

@-webkit-keyframes cd-bounce {
  0% {
    -webkit-transform: translateX(-50%) scale(0);
  }
  60% {
    -webkit-transform: translateX(-50%) scale(1.1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
  }
}
@keyframes cd-bounce {
  0% {
    -webkit-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
  }
  60% {
    -webkit-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
  }
  100% {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
}
@-webkit-keyframes moveCloud1 {
  0% {
    opacity: 1;
    background-position: 0 0;
  }
  30% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    background-position: 817px 0;
  }
}
@keyframes moveCloud1 {
  0% {
    opacity: 1;
    background-position: 0 0;
  }
  30% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    background-position: 817px 0;
  }
}
@-webkit-keyframes moveCloud2 {
  0% {
    opacity: 1;
    background-position: 408px 0;
  }
  30% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    background-position: 1225px 0;
  }
}
@keyframes moveCloud2 {
  0% {
    opacity: 1;
    background-position: 408px 0;
  }
  30% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    background-position: 1225px 0;
  }
}
/*!
 *  Weather Icons 2.0.8
 *  Updated September 19, 2015
 *  Weather themed icons for Bootstrap
 *  Author - Erik Flowers - erik@helloerik.com
 *  Email: erik@helloerik.com
 *  Twitter: http://twitter.com/Erik_UX
 *  ------------------------------------------------------------------------------
 *  Maintained at http://erikflowers.github.io/weather-icons
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - Font licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - CSS, SCSS and LESS are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Inspired by and works great as a companion with Font Awesome
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 */
.wi {
  display: inline-block;
  font-family: "weathericons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wi-fw {
  text-align: center;
  width: 1.4em;
}

.wi-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.wi-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.wi-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.wi-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.wi-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.wi-day-sunny:before {
  content: "\f00d";
}

.wi-day-cloudy:before {
  content: "\f002";
}

.wi-day-cloudy-gusts:before {
  content: "\f000";
}

.wi-day-cloudy-windy:before {
  content: "\f001";
}

.wi-day-fog:before {
  content: "\f003";
}

.wi-day-hail:before {
  content: "\f004";
}

.wi-day-haze:before {
  content: "\f0b6";
}

.wi-day-lightning:before {
  content: "\f005";
}

.wi-day-rain:before {
  content: "\f008";
}

.wi-day-rain-mix:before {
  content: "\f006";
}

.wi-day-rain-wind:before {
  content: "\f007";
}

.wi-day-showers:before {
  content: "\f009";
}

.wi-day-sleet:before {
  content: "\f0b2";
}

.wi-day-sleet-storm:before {
  content: "\f068";
}

.wi-day-snow:before {
  content: "\f00a";
}

.wi-day-snow-thunderstorm:before {
  content: "\f06b";
}

.wi-day-snow-wind:before {
  content: "\f065";
}

.wi-day-sprinkle:before {
  content: "\f00b";
}

.wi-day-storm-showers:before {
  content: "\f00e";
}

.wi-day-sunny-overcast:before {
  content: "\f00c";
}

.wi-day-thunderstorm:before {
  content: "\f010";
}

.wi-day-windy:before {
  content: "\f085";
}

.wi-solar-eclipse:before {
  content: "\f06e";
}

.wi-hot:before {
  content: "\f072";
}

.wi-day-cloudy-high:before {
  content: "\f07d";
}

.wi-day-light-wind:before {
  content: "\f0c4";
}

.wi-night-clear:before {
  content: "\f02e";
}

.wi-night-alt-cloudy:before {
  content: "\f086";
}

.wi-night-alt-cloudy-gusts:before {
  content: "\f022";
}

.wi-night-alt-cloudy-windy:before {
  content: "\f023";
}

.wi-night-alt-hail:before {
  content: "\f024";
}

.wi-night-alt-lightning:before {
  content: "\f025";
}

.wi-night-alt-rain:before {
  content: "\f028";
}

.wi-night-alt-rain-mix:before {
  content: "\f026";
}

.wi-night-alt-rain-wind:before {
  content: "\f027";
}

.wi-night-alt-showers:before {
  content: "\f029";
}

.wi-night-alt-sleet:before {
  content: "\f0b4";
}

.wi-night-alt-sleet-storm:before {
  content: "\f06a";
}

.wi-night-alt-snow:before {
  content: "\f02a";
}

.wi-night-alt-snow-thunderstorm:before {
  content: "\f06d";
}

.wi-night-alt-snow-wind:before {
  content: "\f067";
}

.wi-night-alt-sprinkle:before {
  content: "\f02b";
}

.wi-night-alt-storm-showers:before {
  content: "\f02c";
}

.wi-night-alt-thunderstorm:before {
  content: "\f02d";
}

.wi-night-cloudy:before {
  content: "\f031";
}

.wi-night-cloudy-gusts:before {
  content: "\f02f";
}

.wi-night-cloudy-windy:before {
  content: "\f030";
}

.wi-night-fog:before {
  content: "\f04a";
}

.wi-night-hail:before {
  content: "\f032";
}

.wi-night-lightning:before {
  content: "\f033";
}

.wi-night-partly-cloudy:before {
  content: "\f083";
}

.wi-night-rain:before {
  content: "\f036";
}

.wi-night-rain-mix:before {
  content: "\f034";
}

.wi-night-rain-wind:before {
  content: "\f035";
}

.wi-night-showers:before {
  content: "\f037";
}

.wi-night-sleet:before {
  content: "\f0b3";
}

.wi-night-sleet-storm:before {
  content: "\f069";
}

.wi-night-snow:before {
  content: "\f038";
}

.wi-night-snow-thunderstorm:before {
  content: "\f06c";
}

.wi-night-snow-wind:before {
  content: "\f066";
}

.wi-night-sprinkle:before {
  content: "\f039";
}

.wi-night-storm-showers:before {
  content: "\f03a";
}

.wi-night-thunderstorm:before {
  content: "\f03b";
}

.wi-lunar-eclipse:before {
  content: "\f070";
}

.wi-stars:before {
  content: "\f077";
}

.wi-storm-showers:before {
  content: "\f01d";
}

.wi-thunderstorm:before {
  content: "\f01e";
}

.wi-night-alt-cloudy-high:before {
  content: "\f07e";
}

.wi-night-cloudy-high:before {
  content: "\f080";
}

.wi-night-alt-partly-cloudy:before {
  content: "\f081";
}

.wi-cloud:before {
  content: "\f041";
}

.wi-cloudy:before {
  content: "\f013";
}

.wi-cloudy-gusts:before {
  content: "\f011";
}

.wi-cloudy-windy:before {
  content: "\f012";
}

.wi-fog:before {
  content: "\f014";
}

.wi-hail:before {
  content: "\f015";
}

.wi-rain:before {
  content: "\f019";
}

.wi-rain-mix:before {
  content: "\f017";
}

.wi-rain-wind:before {
  content: "\f018";
}

.wi-showers:before {
  content: "\f01a";
}

.wi-sleet:before {
  content: "\f0b5";
}

.wi-snow:before {
  content: "\f01b";
}

.wi-sprinkle:before {
  content: "\f01c";
}

.wi-storm-showers:before {
  content: "\f01d";
}

.wi-thunderstorm:before {
  content: "\f01e";
}

.wi-snow-wind:before {
  content: "\f064";
}

.wi-snow:before {
  content: "\f01b";
}

.wi-smog:before {
  content: "\f074";
}

.wi-smoke:before {
  content: "\f062";
}

.wi-lightning:before {
  content: "\f016";
}

.wi-raindrops:before {
  content: "\f04e";
}

.wi-raindrop:before {
  content: "\f078";
}

.wi-dust:before {
  content: "\f063";
}

.wi-snowflake-cold:before {
  content: "\f076";
}

.wi-windy:before {
  content: "\f021";
}

.wi-strong-wind:before {
  content: "\f050";
}

.wi-sandstorm:before {
  content: "\f082";
}

.wi-earthquake:before {
  content: "\f0c6";
}

.wi-fire:before {
  content: "\f0c7";
}

.wi-flood:before {
  content: "\f07c";
}

.wi-meteor:before {
  content: "\f071";
}

.wi-tsunami:before {
  content: "\f0c5";
}

.wi-volcano:before {
  content: "\f0c8";
}

.wi-hurricane:before {
  content: "\f073";
}

.wi-tornado:before {
  content: "\f056";
}

.wi-small-craft-advisory:before {
  content: "\f0cc";
}

.wi-gale-warning:before {
  content: "\f0cd";
}

.wi-storm-warning:before {
  content: "\f0ce";
}

.wi-hurricane-warning:before {
  content: "\f0cf";
}

.wi-wind-direction:before {
  content: "\f0b1";
}

.wi-alien:before {
  content: "\f075";
}

.wi-celsius:before {
  content: "\f03c";
}

.wi-fahrenheit:before {
  content: "\f045";
}

.wi-degrees:before {
  content: "\f042";
}

.wi-thermometer:before {
  content: "\f055";
}

.wi-thermometer-exterior:before {
  content: "\f053";
}

.wi-thermometer-internal:before {
  content: "\f054";
}

.wi-cloud-down:before {
  content: "\f03d";
}

.wi-cloud-up:before {
  content: "\f040";
}

.wi-cloud-refresh:before {
  content: "\f03e";
}

.wi-horizon:before {
  content: "\f047";
}

.wi-horizon-alt:before {
  content: "\f046";
}

.wi-sunrise:before {
  content: "\f051";
}

.wi-sunset:before {
  content: "\f052";
}

.wi-moonrise:before {
  content: "\f0c9";
}

.wi-moonset:before {
  content: "\f0ca";
}

.wi-refresh:before {
  content: "\f04c";
}

.wi-refresh-alt:before {
  content: "\f04b";
}

.wi-umbrella:before {
  content: "\f084";
}

.wi-barometer:before {
  content: "\f079";
}

.wi-humidity:before {
  content: "\f07a";
}

.wi-na:before {
  content: "\f07b";
}

.wi-train:before {
  content: "\f0cb";
}

.wi-moon-new:before {
  content: "\f095";
}

.wi-moon-waxing-crescent-1:before {
  content: "\f096";
}

.wi-moon-waxing-crescent-2:before {
  content: "\f097";
}

.wi-moon-waxing-crescent-3:before {
  content: "\f098";
}

.wi-moon-waxing-crescent-4:before {
  content: "\f099";
}

.wi-moon-waxing-crescent-5:before {
  content: "\f09a";
}

.wi-moon-waxing-crescent-6:before {
  content: "\f09b";
}

.wi-moon-first-quarter:before {
  content: "\f09c";
}

.wi-moon-waxing-gibbous-1:before {
  content: "\f09d";
}

.wi-moon-waxing-gibbous-2:before {
  content: "\f09e";
}

.wi-moon-waxing-gibbous-3:before {
  content: "\f09f";
}

.wi-moon-waxing-gibbous-4:before {
  content: "\f0a0";
}

.wi-moon-waxing-gibbous-5:before {
  content: "\f0a1";
}

.wi-moon-waxing-gibbous-6:before {
  content: "\f0a2";
}

.wi-moon-full:before {
  content: "\f0a3";
}

.wi-moon-waning-gibbous-1:before {
  content: "\f0a4";
}

.wi-moon-waning-gibbous-2:before {
  content: "\f0a5";
}

.wi-moon-waning-gibbous-3:before {
  content: "\f0a6";
}

.wi-moon-waning-gibbous-4:before {
  content: "\f0a7";
}

.wi-moon-waning-gibbous-5:before {
  content: "\f0a8";
}

.wi-moon-waning-gibbous-6:before {
  content: "\f0a9";
}

.wi-moon-third-quarter:before {
  content: "\f0aa";
}

.wi-moon-waning-crescent-1:before {
  content: "\f0ab";
}

.wi-moon-waning-crescent-2:before {
  content: "\f0ac";
}

.wi-moon-waning-crescent-3:before {
  content: "\f0ad";
}

.wi-moon-waning-crescent-4:before {
  content: "\f0ae";
}

.wi-moon-waning-crescent-5:before {
  content: "\f0af";
}

.wi-moon-waning-crescent-6:before {
  content: "\f0b0";
}

.wi-moon-alt-new:before {
  content: "\f0eb";
}

.wi-moon-alt-waxing-crescent-1:before {
  content: "\f0d0";
}

.wi-moon-alt-waxing-crescent-2:before {
  content: "\f0d1";
}

.wi-moon-alt-waxing-crescent-3:before {
  content: "\f0d2";
}

.wi-moon-alt-waxing-crescent-4:before {
  content: "\f0d3";
}

.wi-moon-alt-waxing-crescent-5:before {
  content: "\f0d4";
}

.wi-moon-alt-waxing-crescent-6:before {
  content: "\f0d5";
}

.wi-moon-alt-first-quarter:before {
  content: "\f0d6";
}

.wi-moon-alt-waxing-gibbous-1:before {
  content: "\f0d7";
}

.wi-moon-alt-waxing-gibbous-2:before {
  content: "\f0d8";
}

.wi-moon-alt-waxing-gibbous-3:before {
  content: "\f0d9";
}

.wi-moon-alt-waxing-gibbous-4:before {
  content: "\f0da";
}

.wi-moon-alt-waxing-gibbous-5:before {
  content: "\f0db";
}

.wi-moon-alt-waxing-gibbous-6:before {
  content: "\f0dc";
}

.wi-moon-alt-full:before {
  content: "\f0dd";
}

.wi-moon-alt-waning-gibbous-1:before {
  content: "\f0de";
}

.wi-moon-alt-waning-gibbous-2:before {
  content: "\f0df";
}

.wi-moon-alt-waning-gibbous-3:before {
  content: "\f0e0";
}

.wi-moon-alt-waning-gibbous-4:before {
  content: "\f0e1";
}

.wi-moon-alt-waning-gibbous-5:before {
  content: "\f0e2";
}

.wi-moon-alt-waning-gibbous-6:before {
  content: "\f0e3";
}

.wi-moon-alt-third-quarter:before {
  content: "\f0e4";
}

.wi-moon-alt-waning-crescent-1:before {
  content: "\f0e5";
}

.wi-moon-alt-waning-crescent-2:before {
  content: "\f0e6";
}

.wi-moon-alt-waning-crescent-3:before {
  content: "\f0e7";
}

.wi-moon-alt-waning-crescent-4:before {
  content: "\f0e8";
}

.wi-moon-alt-waning-crescent-5:before {
  content: "\f0e9";
}

.wi-moon-alt-waning-crescent-6:before {
  content: "\f0ea";
}

.wi-moon-0:before {
  content: "\f095";
}

.wi-moon-1:before {
  content: "\f096";
}

.wi-moon-2:before {
  content: "\f097";
}

.wi-moon-3:before {
  content: "\f098";
}

.wi-moon-4:before {
  content: "\f099";
}

.wi-moon-5:before {
  content: "\f09a";
}

.wi-moon-6:before {
  content: "\f09b";
}

.wi-moon-7:before {
  content: "\f09c";
}

.wi-moon-8:before {
  content: "\f09d";
}

.wi-moon-9:before {
  content: "\f09e";
}

.wi-moon-10:before {
  content: "\f09f";
}

.wi-moon-11:before {
  content: "\f0a0";
}

.wi-moon-12:before {
  content: "\f0a1";
}

.wi-moon-13:before {
  content: "\f0a2";
}

.wi-moon-14:before {
  content: "\f0a3";
}

.wi-moon-15:before {
  content: "\f0a4";
}

.wi-moon-16:before {
  content: "\f0a5";
}

.wi-moon-17:before {
  content: "\f0a6";
}

.wi-moon-18:before {
  content: "\f0a7";
}

.wi-moon-19:before {
  content: "\f0a8";
}

.wi-moon-20:before {
  content: "\f0a9";
}

.wi-moon-21:before {
  content: "\f0aa";
}

.wi-moon-22:before {
  content: "\f0ab";
}

.wi-moon-23:before {
  content: "\f0ac";
}

.wi-moon-24:before {
  content: "\f0ad";
}

.wi-moon-25:before {
  content: "\f0ae";
}

.wi-moon-26:before {
  content: "\f0af";
}

.wi-moon-27:before {
  content: "\f0b0";
}

.wi-time-1:before {
  content: "\f08a";
}

.wi-time-2:before {
  content: "\f08b";
}

.wi-time-3:before {
  content: "\f08c";
}

.wi-time-4:before {
  content: "\f08d";
}

.wi-time-5:before {
  content: "\f08e";
}

.wi-time-6:before {
  content: "\f08f";
}

.wi-time-7:before {
  content: "\f090";
}

.wi-time-8:before {
  content: "\f091";
}

.wi-time-9:before {
  content: "\f092";
}

.wi-time-10:before {
  content: "\f093";
}

.wi-time-11:before {
  content: "\f094";
}

.wi-time-12:before {
  content: "\f089";
}

.wi-direction-up:before {
  content: "\f058";
}

.wi-direction-up-right:before {
  content: "\f057";
}

.wi-direction-right:before {
  content: "\f04d";
}

.wi-direction-down-right:before {
  content: "\f088";
}

.wi-direction-down:before {
  content: "\f044";
}

.wi-direction-down-left:before {
  content: "\f043";
}

.wi-direction-left:before {
  content: "\f048";
}

.wi-direction-up-left:before {
  content: "\f087";
}

.wi-wind-beaufort-0:before {
  content: "\f0b7";
}

.wi-wind-beaufort-1:before {
  content: "\f0b8";
}

.wi-wind-beaufort-2:before {
  content: "\f0b9";
}

.wi-wind-beaufort-3:before {
  content: "\f0ba";
}

.wi-wind-beaufort-4:before {
  content: "\f0bb";
}

.wi-wind-beaufort-5:before {
  content: "\f0bc";
}

.wi-wind-beaufort-6:before {
  content: "\f0bd";
}

.wi-wind-beaufort-7:before {
  content: "\f0be";
}

.wi-wind-beaufort-8:before {
  content: "\f0bf";
}

.wi-wind-beaufort-9:before {
  content: "\f0c0";
}

.wi-wind-beaufort-10:before {
  content: "\f0c1";
}

.wi-wind-beaufort-11:before {
  content: "\f0c2";
}

.wi-wind-beaufort-12:before {
  content: "\f0c3";
}

.wi-yahoo-0:before {
  content: "\f056";
}

.wi-yahoo-1:before {
  content: "\f00e";
}

.wi-yahoo-2:before {
  content: "\f073";
}

.wi-yahoo-3:before {
  content: "\f01e";
}

.wi-yahoo-4:before {
  content: "\f01e";
}

.wi-yahoo-5:before {
  content: "\f017";
}

.wi-yahoo-6:before {
  content: "\f017";
}

.wi-yahoo-7:before {
  content: "\f017";
}

.wi-yahoo-8:before {
  content: "\f015";
}

.wi-yahoo-9:before {
  content: "\f01a";
}

.wi-yahoo-10:before {
  content: "\f015";
}

.wi-yahoo-11:before {
  content: "\f01a";
}

.wi-yahoo-12:before {
  content: "\f01a";
}

.wi-yahoo-13:before {
  content: "\f01b";
}

.wi-yahoo-14:before {
  content: "\f00a";
}

.wi-yahoo-15:before {
  content: "\f064";
}

.wi-yahoo-16:before {
  content: "\f01b";
}

.wi-yahoo-17:before {
  content: "\f015";
}

.wi-yahoo-18:before {
  content: "\f017";
}

.wi-yahoo-19:before {
  content: "\f063";
}

.wi-yahoo-20:before {
  content: "\f014";
}

.wi-yahoo-21:before {
  content: "\f021";
}

.wi-yahoo-22:before {
  content: "\f062";
}

.wi-yahoo-23:before {
  content: "\f050";
}

.wi-yahoo-24:before {
  content: "\f050";
}

.wi-yahoo-25:before {
  content: "\f076";
}

.wi-yahoo-26:before {
  content: "\f013";
}

.wi-yahoo-27:before {
  content: "\f031";
}

.wi-yahoo-28:before {
  content: "\f002";
}

.wi-yahoo-29:before {
  content: "\f031";
}

.wi-yahoo-30:before {
  content: "\f002";
}

.wi-yahoo-31:before {
  content: "\f02e";
}

.wi-yahoo-32:before {
  content: "\f00d";
}

.wi-yahoo-33:before {
  content: "\f083";
}

.wi-yahoo-34:before {
  content: "\f00c";
}

.wi-yahoo-35:before {
  content: "\f017";
}

.wi-yahoo-36:before {
  content: "\f072";
}

.wi-yahoo-37:before {
  content: "\f00e";
}

.wi-yahoo-38:before {
  content: "\f00e";
}

.wi-yahoo-39:before {
  content: "\f00e";
}

.wi-yahoo-40:before {
  content: "\f01a";
}

.wi-yahoo-41:before {
  content: "\f064";
}

.wi-yahoo-42:before {
  content: "\f01b";
}

.wi-yahoo-43:before {
  content: "\f064";
}

.wi-yahoo-44:before {
  content: "\f00c";
}

.wi-yahoo-45:before {
  content: "\f00e";
}

.wi-yahoo-46:before {
  content: "\f01b";
}

.wi-yahoo-47:before {
  content: "\f00e";
}

.wi-yahoo-3200:before {
  content: "\f077";
}

.wi-forecast-io-clear-day:before {
  content: "\f00d";
}

.wi-forecast-io-clear-night:before {
  content: "\f02e";
}

.wi-forecast-io-rain:before {
  content: "\f019";
}

.wi-forecast-io-snow:before {
  content: "\f01b";
}

.wi-forecast-io-sleet:before {
  content: "\f0b5";
}

.wi-forecast-io-wind:before {
  content: "\f050";
}

.wi-forecast-io-fog:before {
  content: "\f014";
}

.wi-forecast-io-cloudy:before {
  content: "\f013";
}

.wi-forecast-io-partly-cloudy-day:before {
  content: "\f002";
}

.wi-forecast-io-partly-cloudy-night:before {
  content: "\f031";
}

.wi-forecast-io-hail:before {
  content: "\f015";
}

.wi-forecast-io-thunderstorm:before {
  content: "\f01e";
}

.wi-forecast-io-tornado:before {
  content: "\f056";
}

.wi-wmo4680-0:before,
.wi-wmo4680-00:before {
  content: "\f055";
}

.wi-wmo4680-1:before,
.wi-wmo4680-01:before {
  content: "\f013";
}

.wi-wmo4680-2:before,
.wi-wmo4680-02:before {
  content: "\f055";
}

.wi-wmo4680-3:before,
.wi-wmo4680-03:before {
  content: "\f013";
}

.wi-wmo4680-4:before,
.wi-wmo4680-04:before {
  content: "\f014";
}

.wi-wmo4680-5:before,
.wi-wmo4680-05:before {
  content: "\f014";
}

.wi-wmo4680-10:before {
  content: "\f014";
}

.wi-wmo4680-11:before {
  content: "\f014";
}

.wi-wmo4680-12:before {
  content: "\f016";
}

.wi-wmo4680-18:before {
  content: "\f050";
}

.wi-wmo4680-20:before {
  content: "\f014";
}

.wi-wmo4680-21:before {
  content: "\f017";
}

.wi-wmo4680-22:before {
  content: "\f017";
}

.wi-wmo4680-23:before {
  content: "\f019";
}

.wi-wmo4680-24:before {
  content: "\f01b";
}

.wi-wmo4680-25:before {
  content: "\f015";
}

.wi-wmo4680-26:before {
  content: "\f01e";
}

.wi-wmo4680-27:before {
  content: "\f063";
}

.wi-wmo4680-28:before {
  content: "\f063";
}

.wi-wmo4680-29:before {
  content: "\f063";
}

.wi-wmo4680-30:before {
  content: "\f014";
}

.wi-wmo4680-31:before {
  content: "\f014";
}

.wi-wmo4680-32:before {
  content: "\f014";
}

.wi-wmo4680-33:before {
  content: "\f014";
}

.wi-wmo4680-34:before {
  content: "\f014";
}

.wi-wmo4680-35:before {
  content: "\f014";
}

.wi-wmo4680-40:before {
  content: "\f017";
}

.wi-wmo4680-41:before {
  content: "\f01c";
}

.wi-wmo4680-42:before {
  content: "\f019";
}

.wi-wmo4680-43:before {
  content: "\f01c";
}

.wi-wmo4680-44:before {
  content: "\f019";
}

.wi-wmo4680-45:before {
  content: "\f015";
}

.wi-wmo4680-46:before {
  content: "\f015";
}

.wi-wmo4680-47:before {
  content: "\f01b";
}

.wi-wmo4680-48:before {
  content: "\f01b";
}

.wi-wmo4680-50:before {
  content: "\f01c";
}

.wi-wmo4680-51:before {
  content: "\f01c";
}

.wi-wmo4680-52:before {
  content: "\f019";
}

.wi-wmo4680-53:before {
  content: "\f019";
}

.wi-wmo4680-54:before {
  content: "\f076";
}

.wi-wmo4680-55:before {
  content: "\f076";
}

.wi-wmo4680-56:before {
  content: "\f076";
}

.wi-wmo4680-57:before {
  content: "\f01c";
}

.wi-wmo4680-58:before {
  content: "\f019";
}

.wi-wmo4680-60:before {
  content: "\f01c";
}

.wi-wmo4680-61:before {
  content: "\f01c";
}

.wi-wmo4680-62:before {
  content: "\f019";
}

.wi-wmo4680-63:before {
  content: "\f019";
}

.wi-wmo4680-64:before {
  content: "\f015";
}

.wi-wmo4680-65:before {
  content: "\f015";
}

.wi-wmo4680-66:before {
  content: "\f015";
}

.wi-wmo4680-67:before {
  content: "\f017";
}

.wi-wmo4680-68:before {
  content: "\f017";
}

.wi-wmo4680-70:before {
  content: "\f01b";
}

.wi-wmo4680-71:before {
  content: "\f01b";
}

.wi-wmo4680-72:before {
  content: "\f01b";
}

.wi-wmo4680-73:before {
  content: "\f01b";
}

.wi-wmo4680-74:before {
  content: "\f076";
}

.wi-wmo4680-75:before {
  content: "\f076";
}

.wi-wmo4680-76:before {
  content: "\f076";
}

.wi-wmo4680-77:before {
  content: "\f01b";
}

.wi-wmo4680-78:before {
  content: "\f076";
}

.wi-wmo4680-80:before {
  content: "\f019";
}

.wi-wmo4680-81:before {
  content: "\f01c";
}

.wi-wmo4680-82:before {
  content: "\f019";
}

.wi-wmo4680-83:before {
  content: "\f019";
}

.wi-wmo4680-84:before {
  content: "\f01d";
}

.wi-wmo4680-85:before {
  content: "\f017";
}

.wi-wmo4680-86:before {
  content: "\f017";
}

.wi-wmo4680-87:before {
  content: "\f017";
}

.wi-wmo4680-89:before {
  content: "\f015";
}

.wi-wmo4680-90:before {
  content: "\f016";
}

.wi-wmo4680-91:before {
  content: "\f01d";
}

.wi-wmo4680-92:before {
  content: "\f01e";
}

.wi-wmo4680-93:before {
  content: "\f01e";
}

.wi-wmo4680-94:before {
  content: "\f016";
}

.wi-wmo4680-95:before {
  content: "\f01e";
}

.wi-wmo4680-96:before {
  content: "\f01e";
}

.wi-wmo4680-99:before {
  content: "\f056";
}

.wi-owm-200:before {
  content: "\f01e";
}

.wi-owm-201:before {
  content: "\f01e";
}

.wi-owm-202:before {
  content: "\f01e";
}

.wi-owm-210:before {
  content: "\f016";
}

.wi-owm-211:before {
  content: "\f016";
}

.wi-owm-212:before {
  content: "\f016";
}

.wi-owm-221:before {
  content: "\f016";
}

.wi-owm-230:before {
  content: "\f01e";
}

.wi-owm-231:before {
  content: "\f01e";
}

.wi-owm-232:before {
  content: "\f01e";
}

.wi-owm-300:before {
  content: "\f01c";
}

.wi-owm-301:before {
  content: "\f01c";
}

.wi-owm-302:before {
  content: "\f019";
}

.wi-owm-310:before {
  content: "\f017";
}

.wi-owm-311:before {
  content: "\f019";
}

.wi-owm-312:before {
  content: "\f019";
}

.wi-owm-313:before {
  content: "\f01a";
}

.wi-owm-314:before {
  content: "\f019";
}

.wi-owm-321:before {
  content: "\f01c";
}

.wi-owm-500:before {
  content: "\f01c";
}

.wi-owm-501:before {
  content: "\f019";
}

.wi-owm-502:before {
  content: "\f019";
}

.wi-owm-503:before {
  content: "\f019";
}

.wi-owm-504:before {
  content: "\f019";
}

.wi-owm-511:before {
  content: "\f017";
}

.wi-owm-520:before {
  content: "\f01a";
}

.wi-owm-521:before {
  content: "\f01a";
}

.wi-owm-522:before {
  content: "\f01a";
}

.wi-owm-531:before {
  content: "\f01d";
}

.wi-owm-600:before {
  content: "\f01b";
}

.wi-owm-601:before {
  content: "\f01b";
}

.wi-owm-602:before {
  content: "\f0b5";
}

.wi-owm-611:before {
  content: "\f017";
}

.wi-owm-612:before {
  content: "\f017";
}

.wi-owm-615:before {
  content: "\f017";
}

.wi-owm-616:before {
  content: "\f017";
}

.wi-owm-620:before {
  content: "\f017";
}

.wi-owm-621:before {
  content: "\f01b";
}

.wi-owm-622:before {
  content: "\f01b";
}

.wi-owm-701:before {
  content: "\f014";
}

.wi-owm-711:before {
  content: "\f062";
}

.wi-owm-721:before {
  content: "\f0b6";
}

.wi-owm-731:before {
  content: "\f063";
}

.wi-owm-741:before {
  content: "\f014";
}

.wi-owm-761:before {
  content: "\f063";
}

.wi-owm-762:before {
  content: "\f063";
}

.wi-owm-771:before {
  content: "\f011";
}

.wi-owm-781:before {
  content: "\f056";
}

.wi-owm-800:before {
  content: "\f00d";
}

.wi-owm-801:before {
  content: "\f011";
}

.wi-owm-802:before {
  content: "\f011";
}

.wi-owm-803:before {
  content: "\f012";
}

.wi-owm-804:before {
  content: "\f013";
}

.wi-owm-900:before {
  content: "\f056";
}

.wi-owm-901:before {
  content: "\f01d";
}

.wi-owm-902:before {
  content: "\f073";
}

.wi-owm-903:before {
  content: "\f076";
}

.wi-owm-904:before {
  content: "\f072";
}

.wi-owm-905:before {
  content: "\f021";
}

.wi-owm-906:before {
  content: "\f015";
}

.wi-owm-957:before {
  content: "\f050";
}

.wi-owm-day-200:before {
  content: "\f010";
}

.wi-owm-day-201:before {
  content: "\f010";
}

.wi-owm-day-202:before {
  content: "\f010";
}

.wi-owm-day-210:before {
  content: "\f005";
}

.wi-owm-day-211:before {
  content: "\f005";
}

.wi-owm-day-212:before {
  content: "\f005";
}

.wi-owm-day-221:before {
  content: "\f005";
}

.wi-owm-day-230:before {
  content: "\f010";
}

.wi-owm-day-231:before {
  content: "\f010";
}

.wi-owm-day-232:before {
  content: "\f010";
}

.wi-owm-day-300:before {
  content: "\f00b";
}

.wi-owm-day-301:before {
  content: "\f00b";
}

.wi-owm-day-302:before {
  content: "\f008";
}

.wi-owm-day-310:before {
  content: "\f008";
}

.wi-owm-day-311:before {
  content: "\f008";
}

.wi-owm-day-312:before {
  content: "\f008";
}

.wi-owm-day-313:before {
  content: "\f008";
}

.wi-owm-day-314:before {
  content: "\f008";
}

.wi-owm-day-321:before {
  content: "\f00b";
}

.wi-owm-day-500:before {
  content: "\f00b";
}

.wi-owm-day-501:before {
  content: "\f008";
}

.wi-owm-day-502:before {
  content: "\f008";
}

.wi-owm-day-503:before {
  content: "\f008";
}

.wi-owm-day-504:before {
  content: "\f008";
}

.wi-owm-day-511:before {
  content: "\f006";
}

.wi-owm-day-520:before {
  content: "\f009";
}

.wi-owm-day-521:before {
  content: "\f009";
}

.wi-owm-day-522:before {
  content: "\f009";
}

.wi-owm-day-531:before {
  content: "\f00e";
}

.wi-owm-day-600:before {
  content: "\f00a";
}

.wi-owm-day-601:before {
  content: "\f0b2";
}

.wi-owm-day-602:before {
  content: "\f00a";
}

.wi-owm-day-611:before {
  content: "\f006";
}

.wi-owm-day-612:before {
  content: "\f006";
}

.wi-owm-day-615:before {
  content: "\f006";
}

.wi-owm-day-616:before {
  content: "\f006";
}

.wi-owm-day-620:before {
  content: "\f006";
}

.wi-owm-day-621:before {
  content: "\f00a";
}

.wi-owm-day-622:before {
  content: "\f00a";
}

.wi-owm-day-701:before {
  content: "\f003";
}

.wi-owm-day-711:before {
  content: "\f062";
}

.wi-owm-day-721:before {
  content: "\f0b6";
}

.wi-owm-day-731:before {
  content: "\f063";
}

.wi-owm-day-741:before {
  content: "\f003";
}

.wi-owm-day-761:before {
  content: "\f063";
}

.wi-owm-day-762:before {
  content: "\f063";
}

.wi-owm-day-781:before {
  content: "\f056";
}

.wi-owm-day-800:before {
  content: "\f00d";
}

.wi-owm-day-801:before {
  content: "\f000";
}

.wi-owm-day-802:before {
  content: "\f000";
}

.wi-owm-day-803:before {
  content: "\f000";
}

.wi-owm-day-804:before {
  content: "\f00c";
}

.wi-owm-day-900:before {
  content: "\f056";
}

.wi-owm-day-902:before {
  content: "\f073";
}

.wi-owm-day-903:before {
  content: "\f076";
}

.wi-owm-day-904:before {
  content: "\f072";
}

.wi-owm-day-906:before {
  content: "\f004";
}

.wi-owm-day-957:before {
  content: "\f050";
}

.wi-owm-night-200:before {
  content: "\f02d";
}

.wi-owm-night-201:before {
  content: "\f02d";
}

.wi-owm-night-202:before {
  content: "\f02d";
}

.wi-owm-night-210:before {
  content: "\f025";
}

.wi-owm-night-211:before {
  content: "\f025";
}

.wi-owm-night-212:before {
  content: "\f025";
}

.wi-owm-night-221:before {
  content: "\f025";
}

.wi-owm-night-230:before {
  content: "\f02d";
}

.wi-owm-night-231:before {
  content: "\f02d";
}

.wi-owm-night-232:before {
  content: "\f02d";
}

.wi-owm-night-300:before {
  content: "\f02b";
}

.wi-owm-night-301:before {
  content: "\f02b";
}

.wi-owm-night-302:before {
  content: "\f028";
}

.wi-owm-night-310:before {
  content: "\f028";
}

.wi-owm-night-311:before {
  content: "\f028";
}

.wi-owm-night-312:before {
  content: "\f028";
}

.wi-owm-night-313:before {
  content: "\f028";
}

.wi-owm-night-314:before {
  content: "\f028";
}

.wi-owm-night-321:before {
  content: "\f02b";
}

.wi-owm-night-500:before {
  content: "\f02b";
}

.wi-owm-night-501:before {
  content: "\f028";
}

.wi-owm-night-502:before {
  content: "\f028";
}

.wi-owm-night-503:before {
  content: "\f028";
}

.wi-owm-night-504:before {
  content: "\f028";
}

.wi-owm-night-511:before {
  content: "\f026";
}

.wi-owm-night-520:before {
  content: "\f029";
}

.wi-owm-night-521:before {
  content: "\f029";
}

.wi-owm-night-522:before {
  content: "\f029";
}

.wi-owm-night-531:before {
  content: "\f02c";
}

.wi-owm-night-600:before {
  content: "\f02a";
}

.wi-owm-night-601:before {
  content: "\f0b4";
}

.wi-owm-night-602:before {
  content: "\f02a";
}

.wi-owm-night-611:before {
  content: "\f026";
}

.wi-owm-night-612:before {
  content: "\f026";
}

.wi-owm-night-615:before {
  content: "\f026";
}

.wi-owm-night-616:before {
  content: "\f026";
}

.wi-owm-night-620:before {
  content: "\f026";
}

.wi-owm-night-621:before {
  content: "\f02a";
}

.wi-owm-night-622:before {
  content: "\f02a";
}

.wi-owm-night-701:before {
  content: "\f04a";
}

.wi-owm-night-711:before {
  content: "\f062";
}

.wi-owm-night-721:before {
  content: "\f0b6";
}

.wi-owm-night-731:before {
  content: "\f063";
}

.wi-owm-night-741:before {
  content: "\f04a";
}

.wi-owm-night-761:before {
  content: "\f063";
}

.wi-owm-night-762:before {
  content: "\f063";
}

.wi-owm-night-781:before {
  content: "\f056";
}

.wi-owm-night-800:before {
  content: "\f02e";
}

.wi-owm-night-801:before {
  content: "\f022";
}

.wi-owm-night-802:before {
  content: "\f022";
}

.wi-owm-night-803:before {
  content: "\f022";
}

.wi-owm-night-804:before {
  content: "\f086";
}

.wi-owm-night-900:before {
  content: "\f056";
}

.wi-owm-night-902:before {
  content: "\f073";
}

.wi-owm-night-903:before {
  content: "\f076";
}

.wi-owm-night-904:before {
  content: "\f072";
}

.wi-owm-night-906:before {
  content: "\f024";
}

.wi-owm-night-957:before {
  content: "\f050";
}

.wi-wu-chanceflurries:before {
  content: "\f064";
}

.wi-wu-chancerain:before {
  content: "\f019";
}

.wi-wu-chancesleat:before {
  content: "\f0b5";
}

.wi-wu-chancesnow:before {
  content: "\f01b";
}

.wi-wu-chancetstorms:before {
  content: "\f01e";
}

.wi-wu-clear:before {
  content: "\f00d";
}

.wi-wu-cloudy:before {
  content: "\f002";
}

.wi-wu-flurries:before {
  content: "\f064";
}

.wi-wu-hazy:before {
  content: "\f0b6";
}

.wi-wu-mostlycloudy:before {
  content: "\f002";
}

.wi-wu-mostlysunny:before {
  content: "\f00d";
}

.wi-wu-partlycloudy:before {
  content: "\f002";
}

.wi-wu-partlysunny:before {
  content: "\f00d";
}

.wi-wu-rain:before {
  content: "\f01a";
}

.wi-wu-sleat:before {
  content: "\f0b5";
}

.wi-wu-snow:before {
  content: "\f01b";
}

.wi-wu-sunny:before {
  content: "\f00d";
}

.wi-wu-tstorms:before {
  content: "\f01e";
}

.wi-wu-unknown:before {
  content: "\f00d";
}

.company-wrapper h1 {
  position: absolute;
  top: 5vw;
  left: 7vw;
  font-size: 6.6vw;
  font-family: "recline";
  line-height: 0.9;
  color: #E0DBCD;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
  text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.34);
}
.company-wrapper .text {
  position: absolute;
  right: 4vw;
  bottom: 4vw;
  max-width: 38vw;
}
.company-wrapper .text h1 {
  position: relative;
  top: auto;
  left: auto;
  font-size: 6.6vw;
  font-family: "recline";
  line-height: 0.9;
  color: #E0DBCD;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
  text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.34);
}
.company-wrapper .text p {
  font-size: 1.1vw;
  color: #eeece6;
  margin: 0.72vw 0 0;
}
.company-wrapper .text p.first {
  font-family: "atlas-bold";
  font-size: 1.6vw;
  max-width: 30vw;
  line-height: 1.3;
}
.company-wrapper .text .numbers {
  position: relative;
  margin: 1.2vw 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #eeece6;
}
.company-wrapper .text .numbers .item {
  position: relative;
  text-align: center;
}
.company-wrapper .text .numbers .item .num {
  position: relative;
  font-family: "recline";
  font-size: 4.4vw;
}
.company-wrapper .text .numbers .item p {
  margin: 0.24vw 0 0;
}

.project-wrapper {
  position: relative;
  background: #978d84;
}
.project-wrapper .special-img {
  position: relative;
  height: calc(100% - 2.4vw);
  margin: 2.4vw 0 0;
}
.project-wrapper .special-img img {
  position: relative;
  height: 100%;
  width: auto;
}

.location-grid {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.location-grid .row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 25%;
}
.location-grid .row.double {
  height: 50%;
}
.location-grid .row.double .group {
  position: relative;
  width: 16.6666666667%;
}
.location-grid .row.double .group.wide {
  width: 50%;
}
.location-grid .row.double .group.wide .item {
  height: 100%;
}
.location-grid .row.double .group.wide .item .text {
  position: absolute;
  top: 2.4vw;
  left: 2.4vw;
  right: auto;
  bottom: auto;
  color: #eeece6;
  width: 25vw;
}
.location-grid .row.double .group.wide .item .text h1 {
  font-size: 5.4vw;
  font-family: "recline";
  line-height: 0.9;
  color: #E0DBCD;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
}
.location-grid .row.double .group.wide .item .text p {
  margin-top: 0.4vw;
  font-size: 1.4vw;
  margin-right: 6vw;
}
.location-grid .row.double .group .item {
  height: 50%;
  width: 100%;
}
.location-grid .row .item {
  position: relative;
  width: 16.6666666667%;
  border-right: 1px solid #BCB7A7;
  border-bottom: 1px solid #BCB7A7;
  height: 100%;
  background: #0A1B2F;
  overflow: hidden;
  cursor: pointer;
}
.location-grid .row .item:hover .overlay {
  background: rgba(0, 0, 0, 0);
}
.location-grid .row .item.double {
  width: 33.3333333333%;
}
.location-grid .row .item.no-br {
  border-right: 0;
}
.location-grid .row .item.no-bb {
  border-bottom: 0;
}
.location-grid .row .item .overlay {
  background: rgba(0, 0, 0, 0.54);
}
.location-grid .row .item iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.location-grid .row .item video {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.concept-wrapper h1 {
  position: absolute;
  top: 5vw;
  left: 7vw;
  font-size: 6.6vw;
  font-family: "recline";
  line-height: 0.9;
  color: #E0DBCD;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
  text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.34);
}
.concept-wrapper .text {
  position: absolute;
  right: 4vw;
  bottom: 4vw;
  max-width: 38vw;
}
.concept-wrapper .text h1 {
  position: relative;
  top: auto;
  left: auto;
  font-size: 6.6vw;
  font-family: "recline";
  line-height: 0.9;
  color: #E0DBCD;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
  text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.34);
}
.concept-wrapper .text p {
  font-size: 1.1vw;
  color: #eeece6;
  margin: 0.72vw 0 0;
}
.concept-wrapper .text p.first {
  font-family: "atlas-bold";
  font-size: 1.6vw;
  max-width: 30vw;
  line-height: 1.3;
}

.design-wrapper h1 {
  position: absolute;
  top: 5vw;
  left: 7vw;
  font-size: 6.6vw;
  font-family: "recline";
  line-height: 0.9;
  color: #E0DBCD;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
  text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.34);
}
.design-wrapper .text {
  position: absolute;
  right: 4vw;
  bottom: 4vw;
  max-width: 38vw;
}
.design-wrapper .text h1 {
  position: relative;
  top: auto;
  left: auto;
  font-size: 6.6vw;
  font-family: "recline";
  line-height: 0.9;
  color: #E0DBCD;
  text-transform: uppercase;
  text-align: left;
  font-weight: normal;
  text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.34);
}
.design-wrapper .text p {
  font-size: 1.1vw;
  color: #eeece6;
  margin: 0.72vw 0 0;
}
.design-wrapper .text p.first {
  font-family: "atlas-bold";
  font-size: 1.6vw;
  max-width: 32vw;
  line-height: 1.3;
}

.popup-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper.show {
  opacity: 1;
  visibility: visible;
}
.popup-wrapper.show .inner-location {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper.show .inner-site {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper.show .inner-site-viewer {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper.show .inner-map {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper.show .inner-map-new {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper.show .inner-video {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper.show .inner-enlarge {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper.show .inner-files {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper.show .apt-wrapper {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}
.popup-wrapper .close {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .center-wrapper .center {
  padding: 20px;
}
.popup-wrapper .lil-x {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.popup-wrapper .lil-x:hover .line.one {
  transform: rotate(90deg) !important;
  -webkit-transform: rotate(90deg) !important;
}
.popup-wrapper .lil-x:hover .line.two {
  transform: rotate(90deg) !important;
  -webkit-transform: rotate(90deg) !important;
}
.popup-wrapper .lil-x .line {
  position: absolute;
  width: 14px;
  height: 3px;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -1.5px;
  background: #0A1B2F;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .lil-x .line.one {
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
}
.popup-wrapper .lil-x .line.two {
  transform: rotate(-45deg) !important;
  -webkit-transform: rotate(-45deg) !important;
}
.popup-wrapper .inner-location {
  position: relative;
  background: #eeece6;
  margin: auto;
  height: 32vw;
  width: 60vw;
  border-top-left-radius: 10vw;
  border-bottom-right-radius: 10vw;
  overflow: hidden;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.popup-wrapper .inner-location.wide {
  width: 80vw;
  height: 45vw;
}
.popup-wrapper .inner-location.wide .image-wrapper {
  width: calc(80vw - 400px);
}
.popup-wrapper .inner-location.wide .text-wrapper {
  width: 360px;
}
.popup-wrapper .inner-location.special-wide {
  width: 80vw;
  height: 39vw;
}
.popup-wrapper .inner-location.special-wide .image-wrapper {
  width: 56vw;
}
.popup-wrapper .inner-location.special-wide .image-wrapper.special {
  width: 50%;
}
.popup-wrapper .inner-location.special-wide .text-wrapper {
  width: 22vw;
}
.popup-wrapper .inner-location.special-wide .text-wrapper.special {
  width: 50%;
}
.popup-wrapper .inner-location.best-location h1 {
  position: absolute;
  color: #eeece6;
  left: 3vw;
  bottom: 3vw;
  font-size: 6.6vw;
  font-family: "recline";
  font-weight: normal;
  text-align: left;
  max-width: 25vw;
  line-height: 0.9;
}
.popup-wrapper .inner-location.best-location .text {
  position: absolute;
  color: #eeece6;
  top: 3vw;
  right: 3vw;
  max-width: 22vw;
}
.popup-wrapper .inner-location.best-location .text h4 {
  font-size: 2.2vw;
  line-height: 1.2;
}
.popup-wrapper .inner-location.best-location .text p {
  font-size: 1vw;
  margin: 0.6vw 0 0;
}
.popup-wrapper .inner-location.large-new {
  height: 38.4vw;
  width: 72vw;
}
.popup-wrapper .inner-location.large-new .image-wrapper {
  width: 49.2vw;
}
.popup-wrapper .inner-location .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 37.5vw;
  height: 100%;
  border-bottom-right-radius: 10vw;
  overflow: hidden;
}
.popup-wrapper .inner-location .image-wrapper .slider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  direction: ltr;
  overflow: hidden;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-list,
.popup-wrapper .inner-location .image-wrapper .slider .slick-track {
  height: 100%;
}
.popup-wrapper .inner-location .image-wrapper .slider .item {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.popup-wrapper .inner-location .image-wrapper .slider .caption {
  position: absolute;
  top: 1vw;
  right: 1vw;
  display: inline-block;
  padding: 0.6vw 1.2vw;
  font-size: 0.9vw;
  background: #978d84;
  color: #eeece6;
}
.popup-wrapper .inner-location .image-wrapper .slider .caption span {
  display: inline-block;
  direction: rtl;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-arrow {
  position: absolute;
  background: #0A1B2F;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  z-index: 9999;
  color: white;
  font-size: 1.4rem;
  line-height: 24px;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-arrow:hover {
  background: #BCB7A7;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-arrow.fa-chevron-left {
  left: 25px;
  padding-left: 6px;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-arrow.fa-chevron-right {
  right: 25px;
  padding-left: 8px;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-dots {
  bottom: 2vw !important;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-dots li {
  margin: 0 0.3vw !important;
  height: 0.5vw !important;
  width: 2.4vw !important;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-dots li.slick-active button {
  opacity: 1 !important;
  background: #eeece6 !important;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-dots li button {
  height: 0.5vw !important;
  width: 2.4vw !important;
  background: rgba(255, 255, 255, 0.44) !important;
  padding: 0 !important;
}
.popup-wrapper .inner-location .image-wrapper .slider .slick-dots li button:before {
  display: none !important;
}
.popup-wrapper .inner-location .text-wrapper {
  position: absolute;
  top: 4vw;
  right: 1vw;
  width: 20vw;
  max-height: calc(100% - 5.556vw);
  padding: 0 1.389vw;
  overflow: auto;
}
.popup-wrapper .inner-location .text-wrapper.special {
  max-height: 100%;
  height: 100%;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 1vw;
  right: 0;
  padding: 0 3vw;
}
.popup-wrapper .inner-location .text-wrapper.special h4 {
  font-size: 2.4vw;
  margin-top: 1.5vw;
}
.popup-wrapper .inner-location .text-wrapper.special .uls {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.4vw;
}
.popup-wrapper .inner-location .text-wrapper.special .uls .part {
  position: relative;
  width: calc(50% - 1.5vw);
}
.popup-wrapper .inner-location .text-wrapper.special ul {
  padding-top: 0.3vw;
  margin-top: 0.6vw;
  margin-bottom: 1.5vw;
  font-size: 1.5vw;
  line-height: 1;
  border-top: 0.2vw solid;
}
.popup-wrapper .inner-location .text-wrapper.special ul li i {
  font-size: 1.2vw;
  top: 0;
}
.popup-wrapper .inner-location .text-wrapper.special ul li br {
  display: none;
}
.popup-wrapper .inner-location .text-wrapper h3 {
  font-family: "recline";
  text-transform: uppercase;
  margin: 0 0 0.4vw;
  color: #978d84;
}
.popup-wrapper .inner-location .text-wrapper h4 {
  font-size: 1.6vw;
  font-family: "atlas-bold";
  font-weight: normal;
  margin: 0 0 1vw;
  line-height: 1.2;
}
.popup-wrapper .inner-location .text-wrapper h3,
.popup-wrapper .inner-location .text-wrapper h4,
.popup-wrapper .inner-location .text-wrapper p,
.popup-wrapper .inner-location .text-wrapper .items {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transform: translateX(1.389vw) !important;
  -webkit-transform: translateX(1.389vw) !important;
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-location .text-wrapper h3.show,
.popup-wrapper .inner-location .text-wrapper h4.show,
.popup-wrapper .inner-location .text-wrapper p.show,
.popup-wrapper .inner-location .text-wrapper .items.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-location .text-wrapper h3.show,
.popup-wrapper .inner-location .text-wrapper h4.show,
.popup-wrapper .inner-location .text-wrapper p.show,
.popup-wrapper .inner-location .text-wrapper .items.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-location .text-wrapper .s-content {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transform: translateX(1.389vw) !important;
  -webkit-transform: translateX(1.389vw) !important;
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-location .text-wrapper .s-content.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-location .text-wrapper .s-content.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-location .text-wrapper .s-content h3,
.popup-wrapper .inner-location .text-wrapper .s-content h4,
.popup-wrapper .inner-location .text-wrapper .s-content p,
.popup-wrapper .inner-location .text-wrapper .s-content .items {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-location .text-wrapper p {
  margin-top: 0.417vw;
  border-top: 0.208vw solid #0A1B2F;
  padding-top: 0.694vw;
}
.popup-wrapper .inner-location .text-wrapper p.no-bp {
  border-top: 0;
  padding-top: 0;
}
.popup-wrapper .inner-location .text-wrapper p.tag {
  color: #eeece6;
  margin: 0 0 0.6vw;
  background: #0A1B2F;
  display: inline-block;
  font-family: "atlas-bold";
  padding: 0.04vw 0.8vw 0.1vw;
  border-top-left-radius: 0.8vw;
  border-bottom-right-radius: 0.8vw;
}
.popup-wrapper .inner-location .text-wrapper ul {
  margin-top: 0.417vw;
  border-top: 0.208vw solid #0A1B2F;
  padding-top: 0.694vw;
  font-size: 1.1111111111vw;
  line-height: 1.5;
  position: relative;
}
.popup-wrapper .inner-location .text-wrapper ul li {
  margin-top: 0.694vw;
  position: relative;
  padding-right: 2.083vw;
}
.popup-wrapper .inner-location .text-wrapper ul li i {
  position: absolute;
  top: 0.278vw;
  right: 0;
}
.popup-wrapper .inner-location .text-wrapper .items {
  position: relative;
  margin-top: 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 0.9vw;
  font-family: "atlas-bold";
  width: 18.056vw;
  margin-bottom: 1.4vw;
}
.popup-wrapper .inner-location .text-wrapper .items .item {
  position: relative;
  text-align: center;
  width: 2.2vw;
  margin-left: 1.4vw;
  /* &:after {
    position: absolute;
    right: 100%;
    top: 1.528vw;
    height: 0.069vw;
    width: 1.944vw;
    background: $blue;
    content: "";
  }
  &.last {
    &:after {
      display: none;
    }
  } */
}
.popup-wrapper .inner-location .text-wrapper .items .item i {
  position: relative;
  width: 2.2vw;
  height: 2.2vw;
  border-radius: 50%;
  background: #E0DBCD;
  text-align: center;
  line-height: 2.2vw;
  font-size: 1.1vw;
  margin-bottom: 0.694vw;
  display: block;
}
.popup-wrapper .inner-location .text-wrapper .items .item span {
  width: 6.944vw;
  position: absolute;
  right: 50%;
  margin-right: -3.472vw;
  text-align: center;
}
.popup-wrapper .inner-site {
  position: relative;
  background: white;
  margin: auto;
  width: 80vw;
  height: 45vw;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.popup-wrapper .inner-site.smaller {
  height: 39.375vw;
  width: 70vw;
}
.popup-wrapper .inner-site.of-accessibility {
  width: 69vw;
}
.popup-wrapper .inner-site .image-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-files {
  position: relative;
  background: #d9d9d9;
  border: 0.4vw solid white;
  margin: auto;
  height: 33.75vw;
  width: 60vw;
  overflow: hidden;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popup-wrapper .inner-files .cols {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popup-wrapper .inner-files .cols .col {
  position: relative;
  width: 33.3333333333%;
  padding: 0 1vw;
}
.popup-wrapper .inner-files .cols .col .item {
  margin-top: 0.8vw;
  padding-top: 0.8vw;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .inner-files .cols .col .item:hover {
  color: #0078ff;
}
.popup-wrapper .inner-site-viewer {
  position: relative;
  background: white;
  margin: auto;
  height: 49.5vw;
  width: 88vw;
  overflow: hidden;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.popup-wrapper .inner-site-viewer.of-stock {
  border: 0.278vw solid white;
  width: 90vw;
}
.popup-wrapper .inner-site-viewer.of-view {
  border: 0.278vw solid white;
  background: #0A1B2F;
}
.popup-wrapper .inner-site-viewer .border {
  position: absolute;
  background: white;
  z-index: 9;
}
.popup-wrapper .inner-site-viewer .border.go-top {
  height: 10px;
  width: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-site-viewer .border.go-bottom {
  height: 10px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.popup-wrapper .inner-site-viewer .border.go-left {
  height: 100%;
  width: 10px;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-site-viewer .border.go-right {
  height: 100%;
  width: 10px;
  bottom: 0;
  right: 0;
}
.popup-wrapper .inner-site-viewer .image-wrapper {
  position: absolute;
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .inner-site-viewer .image-wrapper.hide {
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-site-viewer .image-wrapper.hide.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .vid-wrapper {
  position: absolute;
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  display: none;
}
.popup-wrapper .inner-site-viewer .vid-wrapper.active {
  display: block;
}
.popup-wrapper .inner-site-viewer .vid-wrapper.of-two video {
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-site-viewer .vid-wrapper.of-two video.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .vid-wrapper.of-two video.showing {
  z-index: 9;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-site-viewer .back {
  position: absolute;
  left: 2.083vw;
  top: 2.083vw;
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.5277777778vw;
  font-family: "atlas-bold";
  border: 1px solid;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  padding: 0.278vw 0.556vw;
  transform: translateX(-0.694vw) !important;
  -webkit-transform: translateX(-0.694vw) !important;
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-site-viewer .back.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .back.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .back i {
  font-size: 1.1vw;
  margin-right: 0.278vw;
}
.popup-wrapper .inner-site-viewer .floors-title {
  position: absolute;
  right: 2.083vw;
  top: 2.083vw;
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.5277777778vw;
  font-weight: 700;
  font-family: "atlas-bold";
  border: 1px solid;
  z-index: 2;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  padding: 0.278vw 0.556vw;
  transform: translateX(-0.694vw) !important;
  -webkit-transform: translateX(-0.694vw) !important;
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-site-viewer .floors-title.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .floors-title.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .handle-floors {
  position: absolute;
  bottom: 2.083vw;
  right: 2.083vw;
  background: rgba(255, 255, 255, 0.75);
  padding: 1.389vw 1.389vw 1vw;
  min-width: 11.111vw;
  font-size: 1.5277777778vw;
  font-family: "atlas-bold";
  border: 0.069vw solid;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .inner-site-viewer .handle-floors.go-down {
  transform: translateY(20px) !important;
  -webkit-transform: translateY(20px) !important;
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-site-viewer .handle-floors.go-down.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .handle-floors h6 {
  font-weight: 700;
  margin-bottom: 0.347vw;
}
.popup-wrapper .inner-site-viewer .handle-floors .box-and-title {
  position: relative;
  cursor: pointer;
  border-top: 0.069vw solid rgba(0, 0, 0, 0.15);
  line-height: 1.5;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .inner-site-viewer .handle-floors .box-and-title.first {
  border-top: 0;
}
.popup-wrapper .inner-site-viewer .handle-floors .box-and-title .title {
  display: inline;
}
.popup-wrapper .inner-site-viewer .handle-models {
  position: absolute;
  bottom: 2.083vw;
  right: 2.083vw;
  background: rgba(255, 255, 255, 0.75);
  padding: 1.389vw 1.389vw 1vw;
  min-width: 11.111vw;
  font-size: 1.5277777778vw;
  font-family: "atlas-bold";
  border: 0.069vw solid;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  display: none;
}
.popup-wrapper .inner-site-viewer .handle-models.go-down {
  transform: translateY(1.389vw) !important;
  -webkit-transform: translateY(1.389vw) !important;
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-site-viewer .handle-models.go-down.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .handle-models h6 {
  font-weight: 700;
  margin-bottom: 0.347vw;
}
.popup-wrapper .inner-site-viewer .handle-models .box-and-title {
  position: relative;
  cursor: pointer;
  border-top: 0.069vw solid rgba(0, 0, 0, 0.15);
  line-height: 1.5;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .inner-site-viewer .handle-models .box-and-title.first {
  border-top: 0;
}
.popup-wrapper .inner-site-viewer .handle-models .box-and-title .title {
  display: inline;
}
.popup-wrapper .inner-site-viewer .negishut-legend {
  position: absolute;
  bottom: 4.167vw;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle {
  position: relative;
  width: 4.167vw;
  height: 4.167vw;
  border-radius: 50%;
  border: 0.139vw solid #0A1B2F;
  margin: 0 1.667vw;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle:hover {
  background: #0A1B2F;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle:hover i {
  color: white;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle:hover span {
  color: #0A1B2F;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle.active {
  background: #0A1B2F;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle.active i {
  color: white;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle.active span {
  color: #0A1B2F;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 4.167vw;
  text-align: center;
  color: #0A1B2F;
  font-size: 1.5277777778vw;
}
.popup-wrapper .inner-site-viewer .negishut-legend .circle span {
  position: absolute;
  top: calc(100% + 0.694vw);
  right: 50%;
  margin-right: -3.472vw;
  width: 6.944vw;
  text-align: center;
  font-size: 1.3888888889vw;
}
.popup-wrapper .inner-site-viewer .exp {
  position: absolute;
  top: 2.083vw;
  right: 2.083vw;
  max-width: 23.611vw;
  background: rgba(255, 255, 255, 0.5);
  border: 0.069vw solid #0A1B2F;
  padding: 1.389vw;
  transform: scaleY(0) !important;
  -webkit-transform: scaleY(0) !important;
  z-index: 10;
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.popup-wrapper .inner-site-viewer .exp.show {
  transform: scaleY(1) !important;
  -webkit-transform: scaleY(1) !important;
}
.popup-wrapper .inner-site-viewer .exp.second {
  right: auto;
  left: 2.083vw;
  top: 6.25vw;
  max-width: 16.667vw;
}
.popup-wrapper .inner-site-viewer .exp.third {
  right: 2.083vw;
  top: 12.5vw;
  max-width: 16.667vw;
}
.popup-wrapper .inner-site-viewer .exp.fourth {
  right: auto;
  left: 2.083vw;
  top: 18.75vw;
}
.popup-wrapper .inner-site-viewer .exp h4 {
  margin-bottom: 0.208vw;
  transform: translateX(1.389vw) !important;
  -webkit-transform: translateX(1.389vw) !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.popup-wrapper .inner-site-viewer .exp h4.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .exp h4.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .exp p {
  transform: translateX(1.389vw) !important;
  -webkit-transform: translateX(1.389vw) !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.popup-wrapper .inner-site-viewer .exp p.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .exp p.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-site-viewer .btnDiv {
  margin: 0;
}
.popup-wrapper .inner-site-viewer .btnDiv button {
  margin: 0;
  width: 2.361vw;
  height: 2.361vw;
  padding: 0;
}
.popup-wrapper .inner-site-viewer .btnDiv button.play.rightNav:before {
  border-left: 0.694vw solid white;
  border-top: 0.486vw solid transparent;
  border-bottom: 0.486vw solid transparent;
  border-right: 0;
  left: 0.972vw;
  right: auto;
  top: 0.694vw;
}
.popup-wrapper .inner-site-viewer .btnDiv.navDiv button.leftNav:before {
  border-right: 0.694vw solid white;
  border-top: 0.486vw solid transparent;
  border-bottom: 0.486vw solid transparent;
  border-left: 0;
  right: 0.972vw;
  left: auto;
  top: 0.694vw;
}
.popup-wrapper .inner-site-viewer .btnDiv.navDiv button.rightNav {
  right: 1.389vw;
  margin-top: -1.181vw;
}
.popup-wrapper .inner-site-viewer .btnDiv.navDiv button.leftNav {
  left: 1.389vw;
  margin-top: -1.181vw;
}
.popup-wrapper .inner-map {
  position: relative;
  background: #eeece6;
  margin: auto;
  width: 80vw;
  border-top-left-radius: 10vw;
  border-bottom-right-radius: 10vw;
  height: 45vw;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.popup-wrapper .inner-map .map-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-map .map-wrapper .map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-map .handle-map {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: #0A1B2F;
  color: white;
  padding: 20px;
  font-size: 2.2rem;
  font-family: "atlas-bold";
  border: 3px solid white;
}
.popup-wrapper .inner-map .handle-map h6 {
  margin-bottom: 10px;
  font-weight: 700;
}
.popup-wrapper .inner-map .handle-map .box-and-title {
  position: relative;
  padding-right: 34px;
  cursor: pointer;
  line-height: 20px;
  margin-top: 6px;
}
.popup-wrapper .inner-map .handle-map .box-and-title.first {
  margin-top: 0;
}
.popup-wrapper .inner-map .handle-map .box-and-title.active .box span {
  display: block;
}
.popup-wrapper .inner-map .handle-map .box-and-title.active .box i {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-map .handle-map .box-and-title .box {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 1px solid white;
  text-align: center;
  line-height: 18px;
  font-size: 30px;
}
.popup-wrapper .inner-map .handle-map .box-and-title .box span {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
}
.popup-wrapper .inner-map .handle-map .box-and-title .box i {
  font-size: 11px;
  left: 2px;
  position: absolute;
  bottom: 2px;
  visibility: hidden;
  opacity: 0;
}
.popup-wrapper .inner-map .handle-map .box-and-title .box i.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-map .handle-map .box-and-title .title {
  padding-top: 2px;
}
.popup-wrapper .inner-map-new {
  position: relative;
  background: #eeece6;
  margin: auto;
  width: 76vw;
  border-top-left-radius: 10vw;
  border-bottom-right-radius: 10vw;
  overflow: hidden;
  height: 45.6vw;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.popup-wrapper .inner-map-new .img-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper svg {
  position: absolute;
  top: -16%;
  left: -24%;
  width: 148%;
  height: auto;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltips {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .open-tooltip {
  cursor: pointer;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .open-tooltip:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip {
  position: absolute;
  background: white;
  padding: 0.8vw;
  border-radius: 0.6vw;
  min-width: 13.4vw;
  overflow: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  transform: translateY(1vw) !important;
  -webkit-transform: translateY(1vw) !important;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip.show {
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip.show {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  visibility: visible;
  opacity: 1;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-tayelet-tel-baruch {
  top: 11%;
  left: 30%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-hof-tel-baruch {
  top: 24%;
  left: 26%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-rakevet-kala {
  top: 32%;
  left: 28%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-marina-atidit {
  top: 40%;
  left: 22%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-namal-tel-aviv {
  top: 48%;
  left: 21.2%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-riding-museum {
  top: 54%;
  left: 20.2%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-metsisim-beach {
  top: 64%;
  left: 17.2%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-hayarkon-park {
  top: 51.2%;
  left: 52.2%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-erets-israel-museum {
  top: 44.2%;
  left: 39.2%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-ramat-aviv-mall {
  top: 31.2%;
  left: 39.4%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-ezorei-hen {
  top: 2%;
  left: 36%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-neve-avivim {
  top: 22%;
  left: 41.2%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-kochav-hatsafon {
  top: 50%;
  left: 29.4%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip#map-tooltip-glilot {
  top: 2.8%;
  left: 40.4%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip .img-wrapper {
  margin: -0.8vw -0.8vw 0.8vw;
  padding-bottom: 56%;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip .tag {
  font-family: "atlas-regular";
  font-size: 0.8vw;
  margin: 0 0 0.3vw;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip p {
  font-family: "atlas-bold";
  font-size: 1vw;
  line-height: 1;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip .distance {
  position: relative;
  margin: 0.6vw 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: "atlas-bold";
  font-size: 0.8vw;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip .distance span {
  margin-left: 0.8vw;
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip .distance span svg {
  height: 0.9vw;
  width: auto;
  margin-left: 0.1vw;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  transform: translateY(0.1vw);
  -webkit-transform: translateY(0.1vw);
}
.popup-wrapper .inner-map-new .img-wrapper .svg-wrapper .tooltip .distance span svg path {
  fill: #0A1B2F;
}
.popup-wrapper .inner-map-new .path-drawing {
  stroke-width: 3.4;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  fill: none;
  -webkit-animation: draw 1s linear infinite;
          animation: draw 1s linear infinite;
}
.popup-wrapper .inner-map-new .path-drawing.color-1 {
  stroke: #3d96d0;
}
.popup-wrapper .inner-map-new .path-drawing.color-2 {
  stroke: #8BA870;
}
.popup-wrapper .inner-map-new .path-drawing.color-3 {
  stroke: #A67D4E;
}
.popup-wrapper .inner-map-new .path-drawing.color-4 {
  stroke: #E09F42;
}
.popup-wrapper .inner-map-new .path-drawing.color-5 {
  stroke: purple;
}
@-webkit-keyframes draw {
  0% {
    stroke-dasharray: 5, 10;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 5, 10;
    stroke-dashoffset: 15;
  }
  100% {
    stroke-dasharray: 5, 10;
    stroke-dashoffset: 30;
  }
}
@keyframes draw {
  0% {
    stroke-dasharray: 5, 10;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 5, 10;
    stroke-dashoffset: 15;
  }
  100% {
    stroke-dasharray: 5, 10;
    stroke-dashoffset: 30;
  }
}
.popup-wrapper .inner-map-new .icon {
  opacity: 0;
  -webkit-animation: drop 1.4s ease-out forwards;
          animation: drop 1.4s ease-out forwards;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.popup-wrapper .inner-map-new .icon.open-tooltip {
  -webkit-animation: drop 1.4s ease-out forwards, glow 2s infinite;
          animation: drop 1.4s ease-out forwards, glow 2s infinite;
}
.popup-wrapper .inner-map-new .icon-1 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.popup-wrapper .inner-map-new .icon-2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.popup-wrapper .inner-map-new .icon-3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.popup-wrapper .inner-map-new .icon-4 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.popup-wrapper .inner-map-new .icon-5 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.popup-wrapper .inner-map-new .icon-6 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.popup-wrapper .inner-map-new .icon-7 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.popup-wrapper .inner-map-new .icon-8 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.popup-wrapper .inner-map-new .icon-9 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.popup-wrapper .inner-map-new .icon-10 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
@-webkit-keyframes drop {
  0% {
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes drop {
  0% {
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes glow {
  0%, 100% {
    stroke-width: 0.8;
    stroke: #A67D4E;
  }
  50% {
    stroke-width: 2.2;
    stroke: #A67D4E;
  }
}
@keyframes glow {
  0%, 100% {
    stroke-width: 0.8;
    stroke: #A67D4E;
  }
  50% {
    stroke-width: 2.2;
    stroke: #A67D4E;
  }
}
@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.8;
  }
}
@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.8;
  }
}
@-webkit-keyframes inside {
  0% {
    -webkit-transform: translateY(60%);
            transform: translateY(60%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes inside {
  0% {
    -webkit-transform: translateY(60%);
            transform: translateY(60%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.popup-wrapper .inner-map-new .headline-wrapper {
  position: absolute;
  left: 10%;
  max-width: 30%;
  top: 10%;
  opacity: 0;
  -webkit-animation: inside 1s ease-out forwards;
          animation: inside 1s ease-out forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.popup-wrapper .inner-map-new .headline-wrapper h2 {
  font-family: "atlas-bold";
  font-size: 1.6vw;
}
.popup-wrapper .inner-map-new .headline-wrapper p {
  margin-top: 0.4vw;
  font-size: 1.12vw;
  line-height: 1.3;
  font-family: "atlas-regular";
}
.popup-wrapper .inner-enlarge {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.popup-wrapper .inner-enlarge .image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.popup-wrapper .apt-wrapper {
  position: relative;
  width: 84vw;
  height: 40vw;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  margin: auto;
  overflow: hidden;
}
.popup-wrapper .apt-gallery {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  background: white;
  width: 56vw;
  overflow: hidden;
}
.popup-wrapper .apt-gallery .gallery {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  direction: ltr;
}
.popup-wrapper .apt-gallery .gallery .item {
  position: relative;
  float: left;
  width: 100%;
  height: 40vw;
}
.popup-wrapper .apt-gallery .gallery .item .image.bg {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
.popup-wrapper .apt-gallery .gallery .slick-arrow {
  display: none !important;
  position: absolute;
  background: #0A1B2F;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  z-index: 9999;
  color: white;
  font-size: 1.4rem;
  line-height: 24px;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.popup-wrapper .apt-gallery .gallery .slick-arrow:hover {
  background: #BCB7A7;
}
.popup-wrapper .apt-gallery .gallery .slick-arrow.fa-chevron-left {
  left: 25px;
  padding-left: 6px;
}
.popup-wrapper .apt-gallery .gallery .slick-arrow.fa-chevron-right {
  right: 25px;
  padding-left: 8px;
}
.popup-wrapper .apt-gallery .gallery .slick-dots {
  bottom: 27px !important;
}
.popup-wrapper .apt-gallery .gallery .slick-dots li {
  margin: 0 !important;
}
.popup-wrapper .apt-gallery .gallery .slick-dots li button:before {
  font-size: 30px !important;
}
.popup-wrapper .apt-data {
  position: absolute;
  top: 0;
  right: 0;
  width: 28vw;
  height: 100%;
  background: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1vw solid white;
}
.popup-wrapper .apt-data .inner-wrapper {
  position: relative;
  padding: 0 2.778vw;
  margin: auto;
  width: 100%;
}
.popup-wrapper .apt-data .apt-title {
  position: relative;
}
.popup-wrapper .apt-data .apt-title h4 {
  font-size: 2.569vw;
  position: relative;
  border-bottom: 0.069vw solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.694vw;
  margin-bottom: 0.694vw;
}
.popup-wrapper .apt-data .apt-title .building-sqm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.popup-wrapper .apt-data .apt-title .building-sqm .building {
  font-weight: 700;
}
.popup-wrapper .apt-data .boxes {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-right: 0.069vw solid #0A1B2F;
  font-size: 1.4vw;
}
.popup-wrapper .apt-data .boxes.narrow {
  border-top: 0.069vw solid #0A1B2F;
  margin-top: 1.389vw;
  font-weight: 700;
  background: #dce1e4;
}
.popup-wrapper .apt-data .boxes.narrow .box {
  line-height: 2.361vw;
  height: 2.361vw;
}
.popup-wrapper .apt-data .boxes .box {
  position: relative;
  width: 33.3333333333%;
  border-left: 0.069vw solid #0A1B2F;
  border-bottom: 0.069vw solid #0A1B2F;
  text-align: center;
  line-height: 2.361vw;
  height: 2.361vw;
}
.popup-wrapper .apt-data h5 {
  font-size: 1.7vw;
  font-weight: 600;
  font-family: "atlas-bold";
}
.popup-wrapper .apt-data ul {
  font-size: 1.4vw;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.popup-wrapper .apt-data ul.w-check {
  display: block;
  line-height: 1.2;
}
.popup-wrapper .apt-data ul.w-check li {
  width: 100%;
  margin-top: 0;
}
.popup-wrapper .apt-data ul.w-check li i {
  font-size: 1vw;
  top: 0.4vw;
}
.popup-wrapper .apt-data ul li {
  position: relative;
  margin-top: 0.694vw;
  width: calc(50% - 0.694vw);
  padding-right: 1.667vw;
}
.popup-wrapper .apt-data ul li i {
  font-size: 1.2vw;
  position: absolute;
  top: 0;
  right: 0;
}
.popup-wrapper .apt-data .buttons {
  position: relative;
  margin-top: 1.389vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.popup-wrapper .apt-data .buttons .button {
  width: calc(50% - 0.347vw);
}
.popup-wrapper .apt-data .disclaimer {
  position: absolute;
  bottom: 2.083vw;
  right: 2.778vw;
  width: calc(100% - 5.556vw);
  line-height: 1.2;
}
.popup-wrapper .inner-video {
  position: relative;
  background: black;
  margin: auto;
  width: 80vw;
  height: 45vw;
  transform: scale(0.9) !important;
  -webkit-transform: scale(0.9) !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.popup-wrapper .inner-video .the-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.popup-wrapper .inner-video .the-video iframe,
.popup-wrapper .inner-video .the-video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.a-go-up {
  transform: translateY(-1.89vw) !important;
  -webkit-transform: translateY(-1.89vw) !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.a-go-up.show {
  visibility: visible;
  opacity: 1;
}
.a-go-up.show {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  visibility: visible;
  opacity: 1;
}

.open-views {
  position: relative;
  margin-top: 0.6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.open-views .open-view {
  width: 1.5vw;
  height: 1.5vw;
  border: 0.069vw solid;
  font-size: 1vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.4vw;
  margin-left: 0.6vw;
  margin-bottom: 0.6vw;
  cursor: pointer;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.open-views .open-view:hover {
  background: #0A1B2F;
  color: white;
}

/***********/
.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.loader-wrapper.show {
  visibility: visible;
  opacity: 1;
}
.loader-wrapper.show {
  visibility: visible;
  opacity: 1;
}
.loader-wrapper .inner-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loader-wrapper .lds-ring {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}
.loader-wrapper .lds-ring div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  width: 37px;
  height: 37px;
  margin: 6px;
  border: 4px solid #fff;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.loader-wrapper .lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}
.loader-wrapper .lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.loader-wrapper .lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.accessibility-text {
  position: absolute;
  height: 10.694vw;
  top: 50%;
  margin-top: -5vw;
  right: 15.278vw;
  color: white;
}
.accessibility-text h1 {
  font-size: 5.8333333333vw;
}
.accessibility-text h4 {
  margin-top: -0.417vw;
  max-width: 22.222vw;
}

.accessibility-center {
  position: absolute;
  width: 20vw;
  height: 20vw;
  top: 50%;
  left: 50%;
  margin-left: -14vw;
  margin-top: -12vw;
  cursor: pointer;
  z-index: 999;
}

.accessibility-center-2 {
  position: absolute;
  width: 20vw;
  height: 20vw;
  top: 50%;
  left: 50%;
  margin-left: -14vw;
  margin-top: -12vw;
  cursor: pointer;
  z-index: 999;
}

.community-text {
  position: absolute;
  height: 10.694vw;
  top: 50%;
  margin-top: -5vw;
  right: 15.278vw;
  color: white;
}
.community-text h1 {
  font-size: 5.8333333333vw;
}
.community-text h4 {
  margin-top: -0.417vw;
  max-width: 32vw;
}

.community-icons {
  position: absolute;
  left: 14vw;
  top: 50%;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
}
.community-icons .circles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 34vw;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.community-icons .circle {
  position: relative;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  margin: 1.8vw 1.4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.community-icons .circle svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.community-icons .circle img {
  height: 3.4vw;
  transform: translateY(1vw) !important;
  -webkit-transform: translateY(1vw) !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.community-icons .circle img.show {
  visibility: visible;
  opacity: 1;
}
.community-icons .circle img.show {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  visibility: visible;
  opacity: 1;
}
.community-icons .circle .caption {
  position: absolute;
  top: calc(100% + 0.6vw);
  font-size: 1.5vw;
  right: -2vw;
  width: calc(100% + 4vw);
  text-align: center;
  color: white;
  transform: translateY(1vw) !important;
  -webkit-transform: translateY(1vw) !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.community-icons .circle .caption.show {
  visibility: visible;
  opacity: 1;
}
.community-icons .circle .caption.show {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  visibility: visible;
  opacity: 1;
}

header {
  position: fixed;
  top: 1.389vw;
  right: 1.389vw;
  width: 97.222vw;
  height: 4.167vw;
  background: transparent;
  border: 0;
  z-index: 999;
  color: white;
  font-size: 1.5277777778vw;
  font-family: "atlas-bold";
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  display: none;
}
header.hide {
  transform: translateX(-2.083vw) !important;
  -webkit-transform: translateX(-2.083vw) !important;
  visibility: hidden;
  opacity: 0;
}
header.hide.show {
  visibility: visible;
  opacity: 1;
}
header .time-wrapper {
  position: absolute;
  right: 2.778vw;
  top: 50%;
  margin-top: -1.389vw;
  line-height: 2.778vw;
  height: 2.778vw;
}
header .time-wrapper .secs {
  width: 1.389vw;
  display: inline-block;
}
header .time-wrapper .wi {
  font-size: 1.25vw;
  margin-right: 0.694vw;
  margin-left: 0.278vw;
}
header .agent-wrapper {
  position: absolute;
  left: 2.778vw;
  top: 50%;
  margin-top: -1.389vw;
  line-height: 2.778vw;
  height: 2.778vw;
  padding-left: 3.75vw;
}
header .agent-wrapper:hover .logout {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
header .agent-wrapper:hover .stop-videos {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
header .agent-wrapper img {
  border-radius: 50%;
  height: 2.778vw;
  width: 2.778vw;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.12vw solid white;
}
header .agent-wrapper .logout {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 1.5vw;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transform: translateX(-2vw) !important;
  -webkit-transform: translateX(-2vw) !important;
  visibility: hidden;
  opacity: 0;
}
header .agent-wrapper .logout.show {
  visibility: visible;
  opacity: 1;
}
header .agent-wrapper .logout .inner {
  border: 1px solid;
  padding: 0 1vw;
  height: 2.2vw;
  line-height: 2vw;
  font-size: 1.4vw;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .agent-wrapper .logout .inner i {
  font-size: 1vw;
  margin-right: 0.5vw;
}
header .agent-wrapper .stop-videos {
  position: absolute;
  left: 6.4vw;
  width: 7.6vw;
  top: 100%;
  padding-top: 1.5vw;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transform: translateX(-2vw) !important;
  -webkit-transform: translateX(-2vw) !important;
  visibility: hidden;
  opacity: 0;
}
header .agent-wrapper .stop-videos.show {
  visibility: visible;
  opacity: 1;
}
header .agent-wrapper .stop-videos .inner {
  border: 1px solid;
  padding: 0 1vw;
  height: 2.2vw;
  line-height: 2vw;
  font-size: 1.4vw;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .agent-wrapper .stop-videos .inner i {
  font-size: 1vw;
  margin-right: 0.5vw;
}
header .greeting {
  position: absolute;
  left: calc((100% - 60vw) / 2);
  width: 60vw;
  top: 50%;
  margin-top: -1.389vw;
  line-height: 2.778vw;
  height: 2.778vw;
  text-align: center;
  font-weight: 600;
  font-size: 1.9444444444vw;
}

.show-header {
  position: fixed;
  top: 2.5vw;
  width: 1.667vw;
  height: 1.667vw;
  left: 0;
  z-index: 9999;
  text-align: center;
  line-height: 1.806vw;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transform: translateX(-100%) !important;
  -webkit-transform: translateX(-100%) !important;
  cursor: pointer;
}
.show-header.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}
.show-header i {
  font-size: 0.9722222222vw;
  color: white;
}

.header-hearts {
  position: absolute;
  left: 17.5vw;
  top: 1.1vw;
  visibility: hidden;
  opacity: 0;
}
.header-hearts.show {
  visibility: visible;
  opacity: 1;
}
.header-hearts.show {
  visibility: visible;
  opacity: 1;
}
.header-hearts i {
  font-size: 1.2vw;
  margin-right: 0.4vw;
}

.menu {
  position: fixed;
  top: 2.4vw;
  right: 2.4vw;
  z-index: 999;
  color: #0A1B2F;
  background: #eeece6;
  border-top-left-radius: 4vw;
  border-bottom-right-radius: 4vw;
  overflow: hidden;
  font-size: 1vw;
  letter-spacing: 0.02em;
  font-family: "recline";
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  padding: 1.66vw 2.4vw 1.4vw;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.menu.hide {
  transform: scaleX(0) !important;
  -webkit-transform: scaleX(0) !important;
}
.menu .items {
  position: relative;
  text-align: left;
}
.menu .items li {
  padding: 1vw 0 0.8vw;
  line-height: 1;
  border-bottom: 0.069vw solid rgba(0, 0, 0, 0.14);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  /* &:hover {
  	font-weight: 600;
  	font-size: 1.9444444444444444vw;
  }
  &.active {
  	font-weight: 600;
  	font-size: 1.9444444444444444vw;
  } */
}
.menu .items li.last {
  border-bottom: 0;
}
.menu .items li:hover {
  color: #978d84;
}
.menu .items li.active {
  color: #978d84;
}

.show-menu {
  position: fixed;
  top: 2.4vw;
  right: 2.4vw;
  width: 2vw;
  height: 2vw;
  text-align: center;
  z-index: 999;
  border-top-left-radius: 0.8vw;
  border-bottom-right-radius: 0.8vw;
  background: #eeece6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transform: translateX(5.4vw) !important;
  -webkit-transform: translateX(5.4vw) !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  cursor: pointer;
}
.show-menu.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}
.show-menu i {
  font-size: 1vw;
  color: #0A1B2F;
}

.bottom-bar {
  position: fixed;
  bottom: 2.4vw;
  left: 2.4vw;
  padding: 0 1.389vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4vw;
  background: #eeece6;
  border-top-left-radius: 1.4vw;
  border-bottom-right-radius: 1.4vw;
  z-index: 777;
  color: #0A1B2F;
  font-size: 1vw;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.bottom-bar.hide {
  transform: translateX(-2.083vw) !important;
  -webkit-transform: translateX(-2.083vw) !important;
  visibility: hidden;
  opacity: 0;
}
.bottom-bar.hide.show {
  visibility: visible;
  opacity: 1;
}
.bottom-bar.to-right {
  left: 6.6vw;
}
.bottom-bar .icon-wrapper {
  position: relative;
  height: 2.778vw;
  line-height: 2.778vw;
  cursor: pointer;
}
.bottom-bar .icon-wrapper i {
  font-size: 1.3vw;
  -webkit-transform: translateY(0.05vw);
          transform: translateY(0.05vw);
}
.bottom-bar .items {
  position: relative;
  height: 2.778vw;
  line-height: 2.778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bottom-bar .items li {
  margin: 0 0.8vw;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.bottom-bar .items li:hover {
  color: #978d84;
}
.bottom-bar .items li.active {
  color: #978d84;
}
.bottom-bar .items li.of-icon {
  margin: 0;
}
.bottom-bar .items li.of-icon i {
  font-size: 1.3vw;
  -webkit-transform: translateY(0.05vw);
          transform: translateY(0.05vw);
}

.show-bottom-bar {
  position: fixed;
  bottom: 2.4vw;
  left: 2.4vw;
  width: 2vw;
  height: 2vw;
  z-index: 999;
  border-top-left-radius: 0.8vw;
  border-bottom-right-radius: 0.8vw;
  background: #eeece6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transform: translateX(-5.4vw) !important;
  -webkit-transform: translateX(-5.4vw) !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  cursor: pointer;
}
.show-bottom-bar.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}
.show-bottom-bar i {
  font-size: 1vw;
  color: #0A1B2F;
}

.bottom-list {
  position: fixed;
  left: 2.4vw;
  bottom: 7.4vw;
  max-height: calc(100vh - 18vw);
  overflow: auto;
  z-index: 777;
  color: #0A1B2F;
  background: #eeece6;
  border-top-left-radius: 1.4vw;
  border-bottom-right-radius: 1.4vw;
  font-size: 1vw;
  font-family: "atlas-regular";
  padding: 1.66vw;
  transform: scaleY(0) !important;
  -webkit-transform: scaleY(0) !important;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.bottom-list.show {
  transform: scaleY(1) !important;
  -webkit-transform: scaleY(1) !important;
}
.bottom-list.show .items {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  visibility: visible;
  opacity: 1;
}
.bottom-list .items {
  position: relative;
  transform: translateY(1.389vw) !important;
  -webkit-transform: translateY(1.389vw) !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.bottom-list .items.show {
  visibility: visible;
  opacity: 1;
}
.bottom-list .items li {
  padding: 0.6vw 0;
  line-height: 1;
  cursor: pointer;
  border-bottom: 0.069vw solid rgba(0, 0, 0, 0.14);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.bottom-list .items li:first-of-type {
  padding-top: 0;
}
.bottom-list .items li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.bottom-list .items li:hover {
  color: #978d84;
}
.bottom-list .items li.active {
  color: #978d84;
}

.bottom-settings {
  position: fixed;
  bottom: 2.778vw;
  right: 1.389vw;
  width: 2vw;
  height: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  border: 0.069vw solid rgb(255, 255, 255);
  z-index: 777;
  font-size: 1vw;
  color: white;
  cursor: pointer;
  display: none;
}

.toggle-videos {
  position: fixed;
  bottom: 2.778vw;
  right: 4vw;
  width: 2vw;
  height: 2vw;
  font-size: 0.8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  border: 0.069vw solid rgb(255, 255, 255);
  z-index: 777;
  color: white;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.toggle-videos.hide {
  transform: translateX(2.083vw) !important;
  -webkit-transform: translateX(2.083vw) !important;
  visibility: hidden;
  opacity: 0;
}
.toggle-videos.hide.show {
  visibility: visible;
  opacity: 1;
}

.open-aids {
  position: fixed;
  bottom: 2.778vw;
  right: 6.65vw;
  width: 2vw;
  height: 2vw;
  font-size: 1vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  border: 0.069vw solid rgb(255, 255, 255);
  z-index: 777;
  color: white;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.open-aids.hide {
  transform: translateX(2.083vw) !important;
  -webkit-transform: translateX(2.083vw) !important;
  visibility: hidden;
  opacity: 0;
}
.open-aids.hide.show {
  visibility: visible;
  opacity: 1;
}

.videos-controller {
  position: fixed;
  bottom: 2.4vw;
  left: 2.4vw;
  width: 3.2vw;
  height: 3.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #eeece6;
  border-top-left-radius: 1.4vw;
  border-bottom-right-radius: 1.4vw;
  z-index: 777;
  color: #0A1B2F;
  cursor: pointer;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.videos-controller svg {
  height: 1vw;
  width: auto;
}
.videos-controller svg path {
  fill: #0A1B2F;
}

.videos-list {
  position: fixed;
  bottom: 2.4vw;
  left: 6.6vw;
  background: #eeece6;
  border-top-left-radius: 1.4vw;
  border-bottom-right-radius: 1.4vw;
  padding: 1.66vw;
  font-size: 0.94vw;
  transform: scaleY(0) !important;
  -webkit-transform: scaleY(0) !important;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.videos-list.show {
  transform: scaleY(1) !important;
  -webkit-transform: scaleY(1) !important;
}
.videos-list .items {
  position: relative;
}
.videos-list .items li {
  padding: 1vw 0;
  line-height: 1;
  cursor: pointer;
  border-bottom: 0.069vw solid rgba(0, 0, 0, 0.14);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.videos-list .items li:first-of-type {
  padding-top: 0;
}
.videos-list .items li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.videos-list .items li:hover {
  color: #978d84;
}
.videos-list .items li.active {
  color: #978d84;
}

.docs-controller {
  position: fixed;
  bottom: 6.4vw;
  left: 2.4vw;
  width: 3.2vw;
  height: 3.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #eeece6;
  border-top-left-radius: 1.4vw;
  border-bottom-right-radius: 1.4vw;
  z-index: 777;
  color: #0A1B2F;
  cursor: pointer;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.docs-controller svg {
  height: 1vw;
  width: auto;
}
.docs-controller svg path {
  fill: #0A1B2F;
}

.docs-list {
  position: fixed;
  bottom: 6.4vw;
  left: 6.6vw;
  background: #eeece6;
  border-top-left-radius: 1.4vw;
  border-bottom-right-radius: 1.4vw;
  padding: 1.66vw;
  font-size: 0.94vw;
  transform: scaleY(0) !important;
  -webkit-transform: scaleY(0) !important;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
          box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.docs-list.show {
  transform: scaleY(1) !important;
  -webkit-transform: scaleY(1) !important;
}
.docs-list .items {
  position: relative;
}
.docs-list .items li {
  padding: 1vw 0;
  line-height: 1;
  cursor: pointer;
  border-bottom: 0.069vw solid rgba(0, 0, 0, 0.14);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.docs-list .items li:first-of-type {
  padding-top: 0;
}
.docs-list .items li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.docs-list .items li:hover {
  color: #978d84;
}
.docs-list .items li.active {
  color: #978d84;
}

h1 {
  font-family: "atlas-bold";
  font-size: 7.0833333333vw;
  font-weight: 600;
}

h2 {
  font-family: "atlas-bold";
  font-size: 4.5833333333vw;
  font-weight: 600;
}

h3 {
  font-family: "atlas-bold";
  font-size: 3.3333333333vw;
  font-weight: 600;
}

h4 {
  font-family: "atlas-bold";
  font-size: 2.6388888889vw;
  font-weight: 600;
}
h4.small {
  font-size: 2.0833333333vw;
}
h4.v-small {
  font-size: 1.5277777778vw;
}

h5 {
  font-family: "atlas-bold";
  font-size: 1.6vw;
  font-weight: 600;
}

p {
  font-size: 0.9vw;
  line-height: 1.4;
}
p.big {
  font-size: 1.6666666667vw;
  line-height: 1.2;
}

.stock-wrapper {
  position: relative;
  color: white;
  padding: 50px;
  height: 100%;
}
.stock-wrapper .filters-module {
  position: relative;
  margin: 0 -0.4vw 2.4vw;
  text-align: center;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 0.8vw);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.stock-wrapper .filters-module .dropdown {
  position: relative;
  width: calc(20% - 0.8vw);
  margin: 0 0.4vw;
  height: 2.8vw;
  border: 0.069vw solid white;
  color: white;
  line-height: 2.7vw;
  font-size: 1.4vw;
}
.stock-wrapper .filters-module .dropdown.active .options {
  visibility: visible;
  opacity: 1;
}
.stock-wrapper .filters-module .dropdown.error {
  border-color: #da1b12;
}
.stock-wrapper .filters-module .dropdown.filled .main .label-text:after {
  content: ":";
}
.stock-wrapper .filters-module .dropdown .main {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  text-align: right;
  padding-right: 1.042vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2.083vw;
}
.stock-wrapper .filters-module .dropdown .main:after {
  content: "";
  position: absolute;
  left: 1.042vw;
  top: 50%;
  margin-top: -0.278vw;
  width: 0;
  height: 0;
  border-top: 0.417vw solid white;
  border-left: 0.278vw solid transparent;
  border-right: 0.278vw solid transparent;
}
.stock-wrapper .filters-module .dropdown .options {
  position: absolute;
  right: 0;
  width: 100%;
  top: 100%;
  text-align: right;
  background: white;
  color: #0A1B2F;
  border-top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.stock-wrapper .filters-module .dropdown .options.show {
  visibility: visible;
  opacity: 1;
}
.stock-wrapper .filters-module .dropdown .options .option {
  height: 2.8vw;
  position: relative;
  border-bottom: 0.069vw solid rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  padding-right: 1.042vw;
  cursor: pointer;
}
.stock-wrapper .filters-module .dropdown .options .option:hover {
  background: #0A1B2F;
  color: white;
}
.stock-wrapper .filters-module .dropdown .options .option.active {
  background: #0A1B2F;
  color: white;
  cursor: pointer;
}
.stock-wrapper .filters-module .dropdown .options .option.last {
  border-bottom: 0;
}
.stock-wrapper .filters-module .button {
  width: calc(20% - 0.8vw);
  margin: 0 0.4vw;
  height: 2.8vw;
  border: 0.069vw solid white;
  background: white;
  color: #0A1B2F;
  line-height: 2.7vw;
  font-size: 1.4vw;
}
.stock-wrapper .table {
  position: relative;
  font-size: 1.4vw;
  height: 100%;
}
.stock-wrapper .table .rows {
  position: relative;
  height: calc(100% - 8vw);
  overflow: auto;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.stock-wrapper .table .rows.go-down {
  transform: translateY(20px) !important;
  -webkit-transform: translateY(20px) !important;
  visibility: hidden;
  opacity: 0;
}
.stock-wrapper .table .rows.go-down.show {
  visibility: visible;
  opacity: 1;
}
.stock-wrapper .table .row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.042vw;
  border-bottom: 0.069vw solid rgba(255, 255, 255, 0.15);
  padding-bottom: 1.042vw;
  cursor: pointer;
}
.stock-wrapper .table .row.first {
  border-bottom: 0.139vw solid white;
}
.stock-wrapper .table .row .parts {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.stock-wrapper .table .row .part {
  width: calc((100% - 3vw) / 9);
}
.stock-wrapper .table .row .part.of-heart {
  width: 3vw;
  text-align: left;
}
.stock-wrapper .table .row .part.of-heart i {
  cursor: pointer;
}
.stock-wrapper .table .row .desc {
  display: none;
}

.big-heart {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  display: none;
}
.big-heart.show {
  visibility: visible;
  opacity: 1;
}
.big-heart.show {
  visibility: visible;
  opacity: 1;
}
.big-heart i {
  font-size: 10vw;
  color: white;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container { /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
} /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
} /* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  left: 0 !important;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
} /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
  right: 0;
  left: auto;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
} /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
.mCSB_scrollTools .mCSB_draggerContainer {
  opacity: 0.35 !important;
}

/***********/
.login-wrapper {
  position: relative;
  height: 100vh;
}
.login-wrapper .login-box {
  position: relative;
  max-width: 27.778vw;
  padding: 2.083vw 2.778vw;
  margin: auto;
  background: white;
  -webkit-box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.1);
}
.login-wrapper .login-box h3 {
  font-size: 2.4vw;
  line-height: 0.7;
}
.login-wrapper .login-box h4 {
  font-size: 2.2vw;
}
.login-wrapper .login-box .form-wrapper {
  margin-top: 0.6vw;
}
.login-wrapper .login-box .form-wrapper label {
  display: none;
}
.login-wrapper .login-box .form-wrapper p {
  margin-bottom: 0.694vw;
}
.login-wrapper .login-box .form-wrapper input {
  border: 0;
  border-bottom: 0.139vw solid;
  background: transparent;
  width: 100%;
  height: 2.8vw;
  font-size: 1.5vw;
  outline: 0;
  font-family: "atlas-regular";
}
.login-wrapper .login-box .form-wrapper input.error {
  border-color: #da1b12;
}
.login-wrapper .login-box .form-wrapper button {
  border: 0;
  background: transparent;
  width: 100%;
  height: 2.8vw;
  font-size: 1.5vw;
  outline: 0;
  font-family: "atlas-regular";
  text-align: center;
  background: #0A1B2F;
  color: white;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.login-wrapper .login-box .form-wrapper button:hover {
  background: #0e2744;
}

.pv-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.pv-inner.pv-animating {
  -webkit-transition: background-position 500ms ease-out;
  transition: background-position 500ms ease-out;
}

.pv-inner {
  display: inline-block;
  height: 100%;
  width: auto;
  cursor: move;
}

.pv-vertical .pv-inner {
  width: 100%;
}

.pv-inner .pv-pano {
  height: 100%;
  width: auto;
}

.pv-vertical .pv-inner .pv-pano {
  height: auto;
  width: 100%;
}

.pv-container .pv-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

.pv-container .pv-overlay i.pvicon-overlay {
  margin-top: -43px;
  top: 50%;
  margin-left: -40px;
  position: absolute;
  left: 50%;
  width: 80px;
  height: 87px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABXCAYAAACTFMIVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RDhBRjE4Mzg2NDMxMUUzOEI3OTg1NzVCMjUzMzE0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RDhBRjE4NDg2NDMxMUUzOEI3OTg1NzVCMjUzMzE0QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZEOEFGMTgxODY0MzExRTM4Qjc5ODU3NUIyNTMzMTRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZEOEFGMTgyODY0MzExRTM4Qjc5ODU3NUIyNTMzMTRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++haY+QAAD8FJREFUeNrkXXtU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);
}

.pv-container.pv-vertical .pv-overlay i.pvicon-overlay {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABXCAYAAACTFMIVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RDhBRjE4Nzg2NDMxMUUzOEI3OTg1NzVCMjUzMzE0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RDhBRjE4ODg2NDMxMUUzOEI3OTg1NzVCMjUzMzE0QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZEOEFGMTg1ODY0MzExRTM4Qjc5ODU3NUIyNTMzMTRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZEOEFGMTg2ODY0MzExRTM4Qjc5ODU3NUIyNTMzMTRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FSJ+/AAAC+1JREFUeNrkXQlQ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);
}

body.eng {
  font-family: "atlas-regular" !important;
  direction: ltr;
}
body.eng h1, body.eng h2, body.eng h3, body.eng h4, body.eng h5, body.eng h6, body.eng ul, body.eng ol, body.eng strong, body.eng span, body.eng .button, body.eng button {
  font-family: "atlas-regular" !important;
}
body.eng header {
  font-family: "atlas-regular" !important;
  font-size: 1.08vw;
}
body.eng header.hide {
  transform: translateX(2.083vw) !important;
  -webkit-transform: translateX(2.083vw) !important;
}
body.eng header .time-wrapper {
  left: 2.778vw;
  right: auto;
}
body.eng header .header-hearts {
  right: 17.5vw;
  left: auto;
}
body.eng header .agent-wrapper {
  right: 2.778vw;
  left: auto;
  padding-right: 3.75vw;
  padding-left: 0;
}
body.eng header .agent-wrapper:hover .logout {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}
body.eng header .agent-wrapper img {
  right: 0;
  left: auto;
}
body.eng header .agent-wrapper .logout {
  right: 0;
  left: auto;
  transform: translateX(2vw) !important;
  -webkit-transform: translateX(2vw) !important;
}
body.eng header .agent-wrapper .logout .inner {
  font-size: 1.08vw;
}
body.eng header .agent-wrapper .logout .inner i {
  margin-left: 0.5vw;
  margin-right: 0;
}
body.eng header .greeting {
  font-size: 1.5vw;
}
body.eng .menu {
  left: 1.389vw;
  right: auto;
  font-size: 1.08vw;
  font-weight: 400;
}
body.eng .menu.hide {
  -webkit-transform: translate3d(-2.083vw, -50%, 0);
          transform: translate3d(-2.083vw, -50%, 0);
}
body.eng .menu .items li:hover {
  font-size: 1.08vw;
  font-weight: 400;
  color: #96daf0;
}
body.eng .menu .items li.active {
  font-size: 1.08vw;
  font-weight: 400;
  color: #96daf0;
}
body.eng .bottom-bar {
  right: 1.389vw;
  left: auto;
  font-size: 1.08vw;
}
body.eng .bottom-bar.to-right {
  right: 6.6vw;
  left: auto;
}
body.eng .bottom-bar.hide {
  transform: translateX(2.083vw) !important;
  -webkit-transform: translateX(2.083vw) !important;
}
body.eng .bottom-list {
  position: fixed;
  right: 1.389vw;
  left: auto;
  font-size: 1.08vw;
  padding: 0.694vw 1vw 0.694vw 2.083vw;
}
body.eng .mCSB_scrollTools {
  right: 0 !important;
  left: auto !important;
}
body.eng .location-grid .row.double .group.wide .item .text h1 {
  font-size: 3.2vw;
}
body.eng .location-grid .row.double .group.wide .item .text p {
  font-size: 1.15vw;
  line-height: 1.4;
  margin-top: 0.2vw;
}
body.eng .overlay.grad-to-right {
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.43))) !important;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.43)) !important;
}
body.eng .popup-wrapper .inner-location .image-wrapper {
  right: 0;
  left: auto;
}
body.eng .popup-wrapper .inner-location .text-wrapper {
  left: 0.694vw;
  right: auto;
}
body.eng .popup-wrapper .inner-location .text-wrapper .items {
  font-size: 1vw;
}
body.eng .popup-wrapper .inner-location .text-wrapper .items .item:after {
  left: 100%;
  right: auto;
}
body.eng .popup-wrapper .inner-map .handle-map {
  left: 30px;
  right: auto;
  font-family: "atlas-regular";
  font-size: 1.08vw;
}
body.eng .popup-wrapper .inner-map .handle-map .box-and-title .box {
  left: 0;
  right: auto;
}
body.eng .popup-wrapper .inner-map .handle-map .box-and-title {
  padding-left: 34px;
  padding-right: 0;
}
body.eng .accessibility-text {
  left: 15.278vw;
  right: auto;
}
body.eng .accessibility-text h1 {
  font-size: 4vw;
}
body.eng .popup-wrapper .inner-site-viewer .negishut-legend .circle span {
  font-size: 1.08vw;
}
body.eng h4 {
  font-size: 2vw;
  line-height: 1.2;
}
body.eng p, body.eng .button, body.eng button {
  font-size: 1.08vw;
}
body.eng p.big {
  font-size: 1.24vw;
  line-height: 1.4;
  margin-top: 0.2vw;
}
body.eng .rect.of-site {
  padding-left: 5.556vw;
  padding-right: 1.528vw;
  width: 42.583vw;
}
body.eng .rect.of-site h1 {
  font-size: 3.8vw;
  bottom: 5.62vw;
  left: -4.611vw;
  right: auto;
}
body.eng .rect.of-buildings {
  padding-left: 5.556vw;
  padding-right: 1.528vw;
  width: 51.4vw;
}
body.eng .rect.of-buildings h1 {
  font-size: 3.8vw;
  bottom: 8vw;
  left: -7vw;
  right: auto;
}
body.eng .rect.of-buildings p.big {
  margin-top: 0.6vw;
}
body.eng .popup-wrapper .inner-site-viewer .handle-floors {
  left: 2.083vw;
  right: auto;
  font-family: "atlas-regular";
  font-size: 1.08vw;
}
body.eng .popup-wrapper .inner-site-viewer .handle-floors .box-and-title {
  line-height: 2;
}
body.eng .popup-wrapper .inner-site-viewer .handle-models {
  left: 2.083vw;
  right: auto;
  font-family: "atlas-regular";
  font-size: 1.08vw;
}
body.eng .popup-wrapper .inner-site-viewer .handle-models .box-and-title {
  line-height: 2;
}
body.eng .popup-wrapper .inner-site-viewer .floors-title {
  font-family: "atlas-regular";
  font-size: 1.08vw;
}
body.eng .popup-wrapper .inner-site-viewer .back {
  font-family: "atlas-regular";
  font-size: 1.08vw;
}
body.eng .popup-wrapper .apt-gallery {
  right: 0;
  left: auto;
}
body.eng .popup-wrapper .apt-data {
  left: 0;
  right: auto;
  border-right: 1vw solid white;
  border-left: 0;
}
body.eng .popup-wrapper .apt-data .apt-title h4 {
  font-size: 2vw;
}
body.eng .popup-wrapper .apt-data .boxes {
  font-size: 1vw;
}
body.eng .popup-wrapper .apt-data ul.w-check {
  font-size: 1vw;
  line-height: 1.6;
}
body.eng .popup-wrapper .apt-data ul li {
  padding-left: 1.667vw;
}
body.eng .popup-wrapper .apt-data ul li p {
  font-size: 1vw;
  line-height: 1.6;
}
body.eng .popup-wrapper .apt-data ul.w-check li i {
  left: 0;
  right: auto;
}
body.eng .open-views .open-view {
  margin-right: 0.6vw;
  margin-left: 0;
  font-size: 0.8vw;
}
body.eng .stock-wrapper .filters-module .dropdown {
  font-size: 1vw;
}
body.eng .stock-wrapper .filters-module .dropdown .main {
  text-align: left;
  padding-left: 1.042vw;
  padding-right: 2.083vw;
}
body.eng .stock-wrapper .filters-module .dropdown .main:after {
  right: 1.042vw;
  left: auto;
}
body.eng .stock-wrapper .filters-module .button {
  font-size: 1.08vw;
}
body.eng .stock-wrapper .table .row {
  font-family: "atlas-regular" !important;
  font-size: 1vw !important;
}
body.eng .stock-wrapper .table .row .part.of-heart {
  text-align: right;
}
body.eng .stock-wrapper .filters-module .dropdown .options {
  text-align: left;
}
body.eng .stock-wrapper .filters-module .dropdown .options .option {
  padding-left: 1.042vw;
  padding-right: 0;
}
body.eng .community-text {
  left: 15.278vw;
  right: auto;
  margin-top: -7vw;
}
body.eng .community-icons {
  right: 14vw;
  left: auto;
}
body.eng .community-icons .circle .caption {
  right: -1.5vw;
  width: calc(100% + 3vw);
  font-size: 1vw;
  line-height: 1.3;
}
body.eng .community-text h1 {
  font-size: 3.6vw;
}
body.eng .community-text h4.small {
  font-size: 1.8vw;
  margin-top: 0.4vw;
  font-weight: 400;
}
body.eng .special-corner {
  left: 0;
  right: auto;
}
body.eng .special-corner.to-left {
  right: 0;
  left: auto;
}
body.eng .show-menu {
  left: 0;
  right: auto;
  border-left: 0;
  border-right: 0.069vw solid white;
  transform: translateX(-100%) !important;
  -webkit-transform: translateX(-100%) !important;
}
body.eng .show-menu.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}
body.eng .show-header {
  right: 0;
  left: auto;
  border-left: 1px solid white;
  border-right: 0;
  transform: translateX(100%) !important;
  -webkit-transform: translateX(100%) !important;
}
body.eng .show-header.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}
body.eng .show-bottom-bar {
  right: 0;
  left: auto;
  border-left: 1px solid white;
  border-right: 0;
  transform: translateX(100%) !important;
  -webkit-transform: translateX(100%) !important;
}
body.eng .show-bottom-bar.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
}
body.eng .login-wrapper .login-box h3 {
  font-size: 2vw;
}
body.eng .login-wrapper .login-box h4 {
  font-size: 1.5vw;
}
body.eng .login-wrapper .login-box .form-wrapper button {
  font-size: 1.08vw;
}
body.eng .login-wrapper .login-box .form-wrapper input {
  font-size: 1.08vw;
  font-family: "atlas-regular";
}
body.eng .login-wrapper .login-box .form-wrapper input::-webkit-input-placeholder {
  font-family: "atlas-regular";
}
body.eng .login-wrapper .login-box .form-wrapper input::-moz-placeholder {
  font-family: "atlas-regular";
}
body.eng .login-wrapper .login-box .form-wrapper input:-ms-input-placeholder {
  font-family: "atlas-regular";
}
body.eng .login-wrapper .login-box .form-wrapper input:-moz-placeholder {
  font-family: "atlas-regular";
}
body.eng .bottom-settings {
  left: 1.389vw;
  right: auto;
}
body.eng .toggle-videos {
  left: 4vw;
  right: auto;
}
body.eng .toggle-videos.hide {
  transform: translateX(-2.083vw) !important;
  -webkit-transform: translateX(-2.083vw) !important;
}
body.eng .open-aids {
  left: 6.65vw;
  right: auto;
}
body.eng .open-aids.hide {
  transform: translateX(-2.083vw) !important;
  -webkit-transform: translateX(-2.083vw) !important;
}

/*******************/
html {
  font-size: 10px;
}

body {
  font-family: "atlas-regular";
  font-weight: 400;
  font-size: 10px;
  color: #0A1B2F;
  background: #eeece6;
  padding: 0.72vw;
  direction: rtl;
}

.button {
  position: relative;
  height: 44px;
  width: 200px;
  background: #dce1e4;
  color: #0A1B2F;
  text-align: center;
  line-height: 44px;
  font-size: 2.2rem;
  font-family: "atlas-bold";
  cursor: pointer;
  -webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
          box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.button:hover {
  /* background: $blue;
  color: white;
  @include box-shadow(11); */
  color: white;
}
.button:hover:after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
.button:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #0A1B2F;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.button.centered {
  margin-left: auto;
  margin-right: auto;
}
.button.little {
  width: 90px;
}
.button.go-blue {
  background: #0A1B2F;
  color: white;
  -webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
          box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
}
.button.go-blue:hover {
  color: #0A1B2F;
  -webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
          box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
}
.button.go-blue:after {
  background-color: #dce1e4;
}
.button.go-special-blue {
  background: #0078ff;
  color: white;
  -webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
          box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
}
.button.go-special-blue:hover {
  color: white;
  -webkit-box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
          box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.125);
}
.button.go-special-blue:after {
  background-color: #0A1B2F;
}
.button .text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.button i {
  margin-left: 3px;
  font-size: 1.7rem;
}

.wow {
  visibility: hidden;
}

.ltr {
  direction: ltr;
}

.special-corner {
  position: absolute;
  right: 0.6vw;
  top: 0.6vw;
  width: 1vw;
  height: 1vw;
  cursor: pointer;
  z-index: 9999;
  font-size: 1vw;
}
.special-corner:hover i {
  visibility: visible;
  opacity: 1;
}
.special-corner.to-left {
  right: auto;
  left: 0.6vw;
}
.special-corner i {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  line-height: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.special-corner i.show {
  visibility: visible;
  opacity: 1;
}

.hidden-on-start {
  transform: translateX(30px) !important;
  -webkit-transform: translateX(30px) !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.hidden-on-start.show {
  visibility: visible;
  opacity: 1;
}
.hidden-on-start.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}
.hidden-on-start.special {
  transform: translateY(30px) rotate(90deg) !important;
  -webkit-transform: translateY(30px) rotate(90deg) !important;
}
.hidden-on-start.special.show {
  transform: translateY(0) rotate(90deg) !important;
  -webkit-transform: translateY(0) rotate(90deg) !important;
}

.large-on-start {
  transform: scale(1.6) !important;
  -webkit-transform: scale(1.6) !important;
  -webkit-transition: all 3.2s ease-out;
  transition: all 3.2s ease-out;
}
.large-on-start.show {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}

/***********/
.loader-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  z-index: 999999999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.loader-wrapper.show {
  visibility: visible;
  opacity: 1;
}
.loader-wrapper.show {
  visibility: visible;
  opacity: 1;
}
.loader-wrapper i {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 50%;
  margin-left: -25px;
  top: 50%;
  margin-top: -25px;
  color: white;
  font-size: 2.4rem;
  text-align: center;
  line-height: 50px;
}

/*******************/
.blue-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #978d84;
  transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  z-index: 888;
}
.blue-overlay.opp {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.blue-overlay.hide {
  transform: scaleX(0) !important;
  -webkit-transform: scaleX(0) !important;
}
.blue-overlay .main-logo {
  transform: translateX(6vw) !important;
  -webkit-transform: translateX(6vw) !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.66s ease-out;
  transition: all 0.66s ease-out;
}
.blue-overlay .main-logo.show {
  visibility: visible;
  opacity: 1;
}
.blue-overlay .main-logo.show {
  transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  visibility: visible;
  opacity: 1;
}

/*******************/
/*******************/
/*******************/
/*******************/
/*******************/
.full {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.half {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
}
.half.to-right {
  right: 0;
}
.half.to-left {
  left: 0;
}

.rect {
  position: relative;
  padding-right: 5.556vw;
  width: 41.667vw;
}
.rect.of-buildings {
  width: 45.833vw;
}
.rect.of-buildings h1 {
  font-size: 7.6388888889vw;
  bottom: 5.417vw;
  right: -6.944vw;
}
.rect.of-site {
  position: relative;
  padding-right: 5.556vw;
  padding-left: 1.528vw;
  width: 44.583vw;
}
.rect.of-site h1 {
  font-size: 5.9722222222vw;
  bottom: 3.472vw;
  right: -3.611vw;
}
.rect h1 {
  position: absolute;
  bottom: 4.028vw;
  right: -5.278vw;
  transform: rotate(90deg) !important;
  -webkit-transform: rotate(90deg) !important;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.flex.j-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex.a-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-logo {
  height: 12vw;
}

.avisror-logo {
  position: absolute;
  right: 2.4vw;
  bottom: 2.4vw;
  width: 8vw;
  height: auto;
}

.building-circle {
  position: relative;
  width: 32vw;
  height: 32vw;
}

.building-buttons {
  position: relative;
  margin-top: 74px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.building-buttons .item {
  position: relative;
  font-family: "atlas-bold";
  font-size: 2rem;
  width: 90px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  border: 1px solid white;
  color: white;
  margin: 0 4px;
  cursor: pointer;
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
}
.building-buttons .item:hover {
  background: #96daf0;
  color: #0A1B2F;
}
.building-buttons .item.active {
  background: #96daf0;
  color: #0A1B2F;
}

.buildings-menu {
  position: absolute;
  right: 260px;
  top: 50%;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  z-index: 999;
  color: white;
  font-size: 4.4rem;
  font-weight: 600;
  font-family: "atlas-bold";
  width: 200px;
}
.buildings-menu li {
  margin: 14px 0;
  padding: 4px 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  cursor: pointer;
}
.buildings-menu li.last {
  border-bottom: 0;
}

.apt-menu {
  position: absolute;
  right: 520px;
  top: 50%;
  -webkit-transform: translate3d(20px, -50%, 0);
          transform: translate3d(20px, -50%, 0);
  z-index: 999;
  color: white;
  font-size: 3.2rem;
  font-weight: 600;
  font-family: "atlas-bold";
  width: 300px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.apt-menu.show {
  visibility: visible;
  opacity: 1;
}
.apt-menu.show {
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  visibility: visible;
  opacity: 1;
}
.apt-menu li {
  margin: 14px 0;
  padding: 4px 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.26s ease-out;
  transition: all 0.26s ease-out;
  cursor: pointer;
}
.apt-menu li.last {
  border-bottom: 0;
}

/***********/
.viewer {
  position: relative;
  margin: 0;
  overflow: hidden;
}

#pdtViewer {
  width: 100%;
  margin: 0 auto;
}

#pdtViewer-2 {
  width: 100%;
  margin: 0 auto;
}

#pdtViewer img {
  padding: 0;
  border: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-user-select: none;
  width: 100%;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  -webkit-transition: transform 0.4s ease-out;
}

#pdtViewer-2 img {
  padding: 0;
  border: 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-user-select: none;
  width: 100%;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  -webkit-transition: transform 0.4s ease-out;
}

#dummy {
  display: none;
}

#dummy-2 {
  display: none;
}

.loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  top: 0;
}

.three-bounce {
  text-align: center;
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.three-bounce div {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #fff;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
  animation: bouncedelay 1.4s infinite ease-in-out both;
}

.three-bounce .one {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.three-bounce .two {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.btnDiv {
  text-align: center;
  margin: 10px 0;
}

.btnDiv button {
  margin: 4px 8px;
  padding: 20px;
  border: 0;
  background-color: dodgerblue;
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  cursor: pointer;
}

.btnDiv button:active {
  background-color: #006dd8;
}

.btnDiv button:hover {
  -webkit-box-shadow: 0 0 8px 1px #1b8eff;
          box-shadow: 0 0 8px 1px #1b8eff;
}

.btnDiv button:focus {
  outline: 0;
}

.btnDiv button:before,
.btnDiv button.pause:after,
.btnDiv button.plus:after,
.btnDiv button.right:after,
.btnDiv button.left:after {
  position: absolute;
  content: "";
}

.btnDiv button.play:before,
.btnDiv button.left:before,
.btnDiv button.right:after {
  border: 11px solid transparent;
  border-left-color: inherit;
  left: 16px;
  top: 24%;
}

.btnDiv button.pause:before,
.btnDiv button.pause:after {
  left: 12px;
  top: 28%;
  width: 6px;
  height: 19px;
  background: #fff;
}

.btnDiv button.pause:after {
  right: 12px;
  left: auto;
}

.btnDiv button.stop:before {
  left: 11px;
  top: 25%;
  width: 45%;
  height: 50%;
  background: #fff;
}

.btnDiv button.plus:before {
  left: 17px;
  top: 27%;
  background: #fff;
  width: 6px;
  height: 20px;
}

.btnDiv button.plus:after,
.btnDiv button.minus:before,
.btnDiv button.right:before,
.btnDiv button.left:after {
  left: 9px;
  top: 44%;
  background: #fff;
  width: 22px;
  height: 6px;
}

.btnDiv button.left:after {
  left: 11px;
  width: 21px;
}

.btnDiv button.right:before {
  width: 20px;
}

.btnDiv button.left:before,
.btnDiv button.play.leftNav:before {
  border-right-color: inherit;
  border-left-color: transparent;
  left: -4px;
}

.btnDiv button.right:after {
  left: 22px;
}

.btnDiv button.play.leftNav:before {
  left: 1px;
  top: 21%;
}

.btnDiv.navDiv {
  text-align: left;
}

.btnDiv.navDiv button {
  position: absolute;
  top: 50%;
}

.btnDiv.navDiv button.rightNav {
  right: 0;
}

img.draggable {
  cursor: e-resize;
}

img.keys {
  cursor: pointer;
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}