/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 4, 2016, 11:23:39 AM
    Author     : wh
*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 24, 2016, 2:29:45 PM
    Author     : wh
*/
img {
  max-width: 100%;
  height: auto; }

* {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

code,
kbd,
pre,
samp {
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

select {
  text-transform: none; }

button {
  overflow: visible; }

button,
input,
select,
textarea {
  max-width: 100%; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default;
  opacity: .5; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.4375em;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #d1d1d1;
  margin: 0 0 1.75em;
  padding: 0.875em; }

fieldset > :last-child {
  margin-bottom: 0; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

optgroup {
  font-weight: bold; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 31, 2020, 11:46:30 AM
    Author     : wh
*/
html {
  font-size: 20px;
  font-family: "Neue Frutiger W01", Helvetica, Arial, sans-serif;
  line-height: 1.4; }

body, html {
  font-size: 18px; }

#page {
  background: #415364;
  width: 1080px;
  overflow: hidden;
  position: relative; }

header, footer.site-footer {
  background: #243746;
  padding: 8.6% 10%  4.5%;
  width: 100%; }

footer.site-footer {
  padding: 0;
  height: 200px; }

.nav-column.logo {
  width: 28%; }

#content {
  height: 1512px;
  position: relative;
  overflow: hidden; }

.destinations-button {
  font-size: 2rem;
  color: #FFF;
  background-color: #CE1126;
  padding: 15px;
  padding-left: 90px;
  font-family: objektiv-mk2, Times, sans-serif;
  font-weight: 200;
  -webkit-transform: translateX(0px);
  -khtml-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: 800ms;
  -khtml-transition: 800ms;
  -moz-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  transition: 800ms; }
  .destinations-button:before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../images/location-pin.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(100% - 20px);
    top: 10px;
    width: 40px;
    left: 16px; }
  .destinations-button.accessible-button {
    width: 90%;
    margin-left: 10%;
    -webkit-transform: translateX(calc(100% - 80px));
    -khtml-transform: translateX(calc(100% - 80px));
    -moz-transform: translateX(calc(100% - 80px));
    -ms-transform: translateX(calc(100% - 80px));
    -o-transform: translateX(calc(100% - 80px));
    transform: translateX(calc(100% - 80px)); }
    .destinations-button.accessible-button:before {
      display: none; }
  .destinations-button.accessible-button:after {
    content: "";
    display: block;
    position: absolute;
    background-size: contain;
    height: calc(100% - 20px);
    top: 10px;
    width: 48px;
    left: 16px;
    background-image: url(../images/accessible-icon.svg);
    background-repeat: no-repeat;
    background-position: 0px 0; }

.destinations-holder {
  -webkit-transition: 800ms;
  -khtml-transition: 800ms;
  -moz-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  transition: 800ms;
  font-weight: 200;
  padding-top: 56px;
  margin-left: calc(42%);
  position: relative; }
  .destinations-holder.show-destination .destination-list-holder {
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  .destinations-holder.show-destination .destinations-button.top {
    -webkit-transform: translateX(87%);
    -khtml-transform: translateX(87%);
    -moz-transform: translateX(87%);
    -ms-transform: translateX(87%);
    -o-transform: translateX(87%);
    transform: translateX(87%); }
    .destinations-holder.show-destination .destinations-button.top:before {
      left: 16px; }
  .destinations-holder .destination-list-content {
    overflow-y: scroll;
    padding-right: 7%;
    padding-left: 10%;
    padding-top: 30px;
    padding-bottom: 30px;
    max-height: 1377px; }
  .destinations-holder .destination-list-holder {
    background: rgba(255, 255, 255, 0.95);
    margin-left: 90px;
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 800ms;
    -khtml-transition: transform 800ms;
    -moz-transition: transform 800ms;
    -ms-transition: transform 800ms;
    -o-transition: transform 800ms;
    transition: transform 800ms;
    /*
            &:after, &:before{
                content:"";
    
                width:100%;
                height:70px;
                bottom:0px;
                position: absolute;
                display: block;
                
    
                //border:1px solid #000;
                border-right:none;
                border-bottom:none;
                background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='21.9px' height='11.7px' viewBox='0 0 21.9 11.7' enable-background='new 0 0 21.9 11.7' xml:space='preserve'%3E%3Cpolyline fill='none' stroke='%23415364' stroke-miterlimit='10' points='21.6,0.4 11,11 0.4,0.4 '/%3E%3C/svg%3E%0A");
                background-repeat: no-repeat;
                background-position: center;
                // @include transform(rotate(-135deg));
                // left:calc(50% - 28px);
                pointer-events: none;
    
            }
           
            &:before{
                bottom: auto;
                top:0px;
                @include transform(rotate(180deg));
            }
    */ }
  .destinations-holder.open-list .destination-list-holder {
    -webkit-transform: translateX(0%);
    -khtml-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  .destinations-holder.show-destination.show-list {
    -webkit-transform: translateX(0px);
    -khtml-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
  .destinations-holder ul.destinations-list {
    margin-top: 0;
    list-style: none;
    padding-left: 0; }
    .destinations-holder ul.destinations-list li {
      color: #000;
      border-bottom: 1px solid #000;
      font-weight: bold;
      font-size: .9rem;
      padding: 6px 0;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between; }
      .destinations-holder ul.destinations-list li .title {
        flex-basis: 80%; }
      .destinations-holder ul.destinations-list li .meta {
        font-weight: 400;
        flex-basis: 20%;
        font-size: .7rem;
        text-align: right; }
      .destinations-holder ul.destinations-list li .building {
        background: #bbc0c6;
        border-radius: 10px;
        color: #FFF;
        font-family: objektiv-mk2, Times, sans-serif;
        font-weight: 600;
        font-size: 0.5rem;
        padding: 2px 4px;
        min-width: 16px;
        display: inline-block;
        text-align: center; }
  .destinations-holder h3 {
    color: #FFF;
    background-color: #464648;
    padding: 5px 10px;
    font-weight: 200;
    font-size: 1.4rem;
    margin: 0;
    margin-top: 70px;
    padding-left: 100px;
    font-family: objektiv-mk2, Times, sans-serif; }

.conference-room-wrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }
  .conference-room-wrapper ul {
    flex-basis: calc(50% - 20px); }

.floor-plan {
  padding-top: 13%;
  width: 99%;
  position: absolute; }

svg {
  width: 1069px;
  height: 1372px; }
  svg text, svg .st39, svg .st37, svg .st4, svg .st35, svg .st3 {
    font-family: Helvetica;
    font-weight: 200; }
  svg .st39 {
    font-weight: 600; }
  svg .st26 {
    display: block; }
    svg .st26.show {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1; }
  svg #floors > g {
    -webkit-transform: translateY(20px);
    -khtml-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  svg #floors > g.show {
    -webkit-transform: translateY(0px);
    -khtml-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  svg #snap-points {
    display: none; }
  svg .building-container {
    display: none; }
  svg #north-entrance {
    display: none; }
  svg #start-dots {
    display: none; }
  svg .stairs circle {
    display: none; }
  svg .stairs.show circle {
    display: block;
    r: 24px; }
  svg .second-floor {
    display: none; }
    svg .second-floor.show {
      display: block; }
  svg .destination-path.finished {
    stroke-dasharray: 0, 16.5;
    stroke-linecap: round; }

.conference-rooms-button {
  position: absolute;
  bottom: 0px;
  width: calc(445px + 20%);
  background: #FFF;
  padding-left: 10%;
  padding-right: 10%; }
  .conference-rooms-button h3 {
    margin: 20px 0; }

.destination-list-holder.conference .conference-rooms-button {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0; }

body.north-entrance svg #north-entrance {
  display: block; }
body.north-entrance svg #main-entrance {
  display: none; }

@keyframes rotate-destination {
  from {
    -webkit-transform: rotate(0deg);
    -khtml-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -khtml-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.current-destination-info {
  position: absolute;
  width: 100%;
  padding-top: 6%;
  padding-left: 10%;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-transition: 0.5s;
  -khtml-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .current-destination-info.show-info {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    visibility: visible; }
  .current-destination-info .dest-column {
    width: 40%;
    font-family: objektiv-mk2, Times, sans-serif;
    line-height: 1.2; }
    .current-destination-info .dest-column img {
      max-width: 100%; }
  .current-destination-info h2 {
    font-size: 2rem;
    color: #FFF;
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 1rem; }
  .current-destination-info .destination-building {
    color: #FFF;
    font-weight: 200;
    font-size: 0.9rem;
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    margin-bottom: .5rem; }

body.open-list .destination-list-holder {
  -webkit-transform: translateX(0%);
  -khtml-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }

body.accessible .conference-rooms-button {
  display: none; }
body.accessible .destinations-button.top {
  transform: translateX(calc(100% - 80px)); }
body.accessible .destinations-holder {
  margin-left: 0;
  height: 1514px; }
body.accessible .destination-list-holder {
  width: 90%;
  position: absolute;
  left: 10%;
  bottom: 0;
  margin: 0; }
body.accessible .destination-list-content {
  height: 600px;
  width: 972px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between; }
body.accessible .destinations {
  flex-basis: calc(50% - 20px); }
body.accessible .destinations-list {
  padding-bottom: 40px;
  padding-top: 20px; }
body.accessible h3 {
  margin-top: 20px;
  margin-bottom: 2rem; }
body.accessible.open-list .accessible-button.destinations-button {
  -webkit-transform: translateX(0);
  -khtml-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }
  body.accessible.open-list .accessible-button.destinations-button:before {
    display: block; }
  body.accessible.open-list .accessible-button.destinations-button:after {
    left: auto;
    right: 20px; }

/*# sourceMappingURL=utrc-main.css.map */