/**
 * TrueTour app styles
 */

body {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}

/**
 * Ionic overrides
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #fff;
  font-family: inherit;
 }

h2,
.h2 {
  font-size: 22px;
  text-transform: uppercase;
}

.main-view-title {
  font-size: 35px;
  font-weight: 800;
}

/**
 * Custom styles
 */
.view-container {
  background: #333;
  background-size: cover;
}

#splash {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,1) no-repeat center center;
  margin: 0 auto;
  text-align: center
}

.splash img {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  max-width: 250px;
}

.pane {
  background: #000;
}

.fullBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.leftContent {
  position: absolute;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  width: 400px;
  left: -355px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 9;
}

.wide-as-needed img {
  max-width: 250px;
}

ul.shareIcons {
  margin: 0 auto;
  text-align: center;
}
ul.shareIcons li {
  margin-bottom: 10px
}
.modalShare ul.shareIcons li {
  margin-bottom: 0
}
ul.shareIcons a {
  color: #fff;
  font-size: 30px;
  padding: 10px;
  max-width: 15%;
  display: inline-block;
}

.modalShare ul.shareIcons li {
  padding-bottom: 0
}
ul.shareIcons a img {
  width: 100%
}

.shareIcons .email {
  background-color: #6BB04D;
}

.shareIcons .facebook {
  background-color: #3F5B96;
}

.shareIcons .twitter {
  background-color: #37AADC;
}

.shareIcons .insta {
  background-color: #5681A2;
}

.shareIcons .pin {
  background-color: #C8182E;
}

.shareIcons .owl {
  background-color: #629F49;
}

.shareIcons .cart {
  background-color: #D96F36;
}

.shareIcons .ajeeb {
  background-color: #B41628;
}

.videoGallery {
  width: 100%;
  overflow-x: scroll;
}

.videoGallery li {
  list-style-type: none;
  display: inline;
}

a .closeBtn {
  color: #fff
}

/**
 * Sidebars
 */
.leftContent.active {
  left: 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.rightContent {
  position: absolute;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  width: 300px;
  right: -255px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 2;
}
.rightContent.map-sidebar {
  background: transparent;
  right: -277px;
}

.rightContent.active {
  right: 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.btn-share {
  bottom: 15px;
  right: 25px;
  font-size: 18px;
  border: 2px solid #fff;
  border-radius: 50px;
  width: 32px !important;
  height: 32px !important;
  line-height: 25px;
}
.matterportView .btn-share {
  bottom: 54px;
}

.btn-info {
  bottom: 41px;
  left: -50px;
  font-size: 40px;
  border: 0;
}

#btn-vr {
  bottom: 55px;
  left: -43px;
  font-size: 40px;
  border: 0;
}

#btn-vr:hover {
  background: #fff;
  color: #000;
  border-radius: 20px;
  box-shadow: 0 0 0px 5px #fff;
  text-align: center;
}#btn-vr:hover .btn-vr-inner{
  padding-top: 1px
}
#btn-vr:hover i{
  font-size: 28px;
}
#btn-vr,
.btn-share,
.btn-info {
  position: absolute;
  z-index: 999999;
  background: none;
  color: #fff;
}
.btn-info + #btn-vr{
  bottom: 90px;
}
.btn-info + #fs-btn + #btn-vr{
  bottom: 95px;
}
.matterportView #btn-vr,
.matterportView #fs-btn,
.matterportView .btn-info {
  display: none
}
.btn-share span,
.btn-info span {
  display: none
}

#btn-vr i {
  font-size: 30px
}

.btn-vr-inner {
  border-radius: 15px;
  display: inline-block;
  height: 30px;
  font-size: 20px;
  width: 30px;
  line-height: 30px;
}

.rightContent .btn-share {
  right: inherit;
  left: -44px
}

.matterportView .rightContent .btn-share {
  left: -40px
}

.menuWithIcons {
  position: absolute;
  text-align: center;
  width: 85.5%;
  font-weight: 800;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -webkit-overflow-scrolling: touch;
}

.menuWithIcons .list {
  margin-top: 20px;
}

.menuWithIcons img {
  display: block;
  margin: 0 auto;
  margin-bottom: 13px;
  width: 30px;
  max-height: 30px;
}
.menuWithIcons [ui-sref] i,
.menuWithIcons [href] i {
  display: block;
    font-size: 30px;
    margin-bottom: 13px;
}
.menuWithIcons .icon-cardboard {
  height: 30px;
  width: auto;
}

.menuWithIcons li {
  text-align: center;
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.menuWithIcons .viewMore,
.menuWithIcons li a {
  padding-top: 25px;
  padding-bottom: 0;
  min-height: 108px;
}

.menuWithIcons li a:hover,
.menuWithIcons li a.active {
  color: #B20006;
}

#viewMore {
  display: none
}

.menuWithIcons .viewMore {
  position: relative;
  top: 10px;
  float: right;
}

.menuWithIcons .viewMore a {
  border: 2px solid #fff;
  padding: 12px;
  vertical-align: bottom;
  min-height:initial;
}

.menuWithIcons a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}

.menuLeft {
  position: relative;
  right: 0;
  height: 100%;
  width: 45px;
  background: #b20006;
  color: #fff;
  text-transform: uppercase;
  float: right;
}

.menuRight {
  position: relative;
  right: 0;
  height: 100%;
  width: 45px;
  background: #373737;
  color: #fff;
  text-transform: uppercase;
  float: left;
}

.menuRightScenes {
  -webkit-transform: translate(0%, -100%);
  -ms-transform: translate(0%, -100%);
  transform: translate(0%, -100%);
}

.map-sidebar .menuRight {
  background: #fff;
  box-shadow: -1px 0 1px -1px rgba(0, 0, 0, 0.3);
  color: #828282;
  height: 48px;
  line-height: 48px;
  text-align: center;
  top: 13px;
  width: 23px
}
.map-sidebar .btn-share {
  right: inherit;
  left: -21px;
}
.menuLeft .vertical-text {
  /*width: 42px*/
  width: 84px;
  height: 30px;
  margin: -25px  0 0 -25px;
}
.leftContent.active .vertical-text{
  width: 90px;
  margin: -27px 0 0 -28px;
}

[class*="platform-win"] .leftContent.active .vertical-text{
  width: 91px
}
.menuLeft .vertical-text,
.menuRight .vertical-text {
  float: left;
  z-index: 999999;
  display: block;
  top: calc(50% + 10px);
  position: relative;
}

.menuRight .vertical-text {
  width: 92px;
  height: 30px;
  margin: -26px -27px 0
}

.rightListScenes .scenesList,
.rightList {
  position: absolute;
  text-align: center;
  width: 84%;
  font-weight: 800;
  margin-left: 45px;
  overflow-y: auto;
}
.rightListScenes .scenesList.v-aligned,
.rightList {
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.rightListScenes {
  position: relative;
  height: 100%;
  width: inherit;
  top: inherit;
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  margin-left: auto;
}
.map-sidebar .rightList {
  background: #fff;
  box-shadow: -1px 0 1px -1px rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 93%;
  margin-left: 23px;

  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.rightList .list a {
  color: #fff;
  text-transform: uppercase;
  display: block;
  padding: 10px 10px 10px 20px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.rightList .list a.scenesParent.active + ul li:first-child  a,
.rightList .list a:not(.scenesParent).active {
  background-color: #fff;
  color: #000;
}

.rightList .list ul.sub {
  margin-left: 20px;
}

.vertical-text {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rightContent.active .menuRight .vertical-text:after {
  top: -41px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.menuRight .vertical-text:after {
  content: '';
  right: 35px;
  bottom: auto;
  left: auto;
  position: absolute;
  z-index: 99999999999;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #373737;
  top: 22px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.menuLeft .vertical-text:before {
  content: '';
  top: -43px;
  right: 31px;
  bottom: auto;
  left: auto;
  position: absolute;
  z-index: 99999999999;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #B20006;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.leftContent.active .vertical-text:before {
  content: '';
  top: 22px;
  right: 32px;
  bottom: auto;
  left: auto;
  position: absolute;
  z-index: 99999999999;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #B20006;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

#fs-btn {
  background: none;
  position: absolute;
  bottom: 55px;
  right: 17px;
  border-radius: 0;
  border: 0;
  height: 37px;
  line-height: 20px;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 4px 10px;
  z-index: 1
}
.rightContent #fs-btn {
  bottom: 54px;
  right: inherit;
  left: -53px;
  width: 40px
}
#three60-view .rightContent #fs-btn {
  bottom: 94px
}
#three60-view .rightContent .btn-info + #fs-btn {
  bottom: 130px;
}
.map-sidebar #fs-btn {
  left: -30px;
}
#share-view + #fs-btn {
  bottom: 15px
}
.fs-btn-txt {
  display: none;
  font-size: 14px;
  line-height: 20px;
  vertical-align: text-bottom;
}

.fs-btn-inner {
  background: rgb(192, 192, 192);
    border-radius: 15px;
    display: inline-block;
    height: 30px;
    font-size: 20px;
    width: 30px;
    line-height: 30px;
}

body:not(.platform-ios) #fs-btn:hover {
  background: rgb(192, 192, 192);
  border-radius: 10px;
}
body:not(.platform-ios) .rightContent #fs-btn:hover {
  left: -127px;
  width: 124px;
}
body:not(.platform-ios) .map-sidebar #fs-btn:hover {
  left: -104px;
}
body:not(.platform-ios) #fs-btn:hover .fs-btn-txt {
  display: inline-block;
}

/* End sidebars */

.content-area {
  /*position: absolute;*/
  /*top: 50%;*/
  /*-webkit-transform: translate(0%, -50%);*/
  /*-moz-transform: translate(0%, -50%);*/
  /*-ms-transform: translate(0%, -50%);*/
  /*-o-transform: translate(0%, -50%);*/
  /*transform: translate(0%, -50%);*/
  /*width: 100%;*/
}

.content-area,
view-title {
  padding: 5% calc(10% - 45px) 5% 10%;
}

.content-area {
  background: #000;
  height: auto;
  color: #fff;
  padding-top: 0
}

view-title + .scroll-content {
  top: 140px;
}

.mediaCloseBtn {
  display: block;
  position: absolute;
  right: 10%;
  top:7%;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}



.relativeCol {
  position: relative;
}

.sticktoBottom {
  position: absolute;
  bottom: 0;
}

#promotions-page .btn-outline {
  margin-bottom: 15px;
  display: inline-block
}
.bottom-line {
  margin-top: -45px
}

.smallContainer {
  max-width: 665px;
  margin: 0 auto;
}

.smallContainer .iconImg {
  display: block;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px;
}

.smallContainerTitle a.btn.btn-outline {
  padding: 10px 30px;
  max-width: 100%;
  margin-top: 18px;
  display: inline-block;
  border: 3px solid #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center
}

.smallContainerTitle.website-link a.btn.btn-outline {
  margin-top: 0;
}
.smallContainerTitle.website-link {
  margin-bottom: 35px
}

.linksMargin {
  margin-bottom: 50px;
}

.externalLinks {
  padding-top: 25px;
  text-align: center;
}
.externalLinks i {
  font-size: 20px;
  margin-bottom: 12px;
  display: inline-block;
}
.externalLinks [class*="col-"] {
  margin-bottom: 25px;
  min-height: 92px;
}

.externalLinks .linkLabel{
  display: block;
}
.content-area a {
  color: #fff;
  text-decoration: none;
}

.content-area p a {
  text-decoration: underline;
}

.linkIcons {
  margin: 0 0 25px
}

.linkIcons img {
  max-width: 84px;
  position: relative;
}

.linkIcons li {
  display: inline-block;
  padding: 0 15px 5px;
}


.row.responsive-md-contain {
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}

.title {
  /*max-width: 1125px;*/
  margin-left: auto;
  margin-right: auto;
  min-height: 38px;
  display: block;
  width: 100%;
  overflow: hidden;
}

.title h1 {
  margin-bottom: 0;
  float: left;
}

.title h1,
.title {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 800;
  clear: both;
  line-height: 38px
}

.title span {
  float: right;
  text-align: right;
  font-size: 14px;
  font-weight: 800
}
.embed-code-wrapper,
.sms-block {
  margin: 40px auto 25px;
  text-align: center;
  max-width: 480px;
}
.modalShare .embed-code-wrapper,
.modalShare .sms-block {
  margin-top: 32px;
}
.modalShare .embed-code-wrapper{
  margin-bottom: 0
}
#vr-view .sms-block {
  margin-bottom: 20px;
  margin-top: 20px;
}
.is-tos-desktop .tos-slide > * {
  max-width: 80% !important;
  max-height: 80% !important;
}
.is-tos-desktop .tos-slide img {
  border: 7px solid #fff;
}
.aboutTitle {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}


.sms-block i {
  color: #fff
}

.sms-block button {
  padding: 12px 19px 11px 18px;
  border: 0;
  background: #B51F2A;
  margin-left: -4px;
  vertical-align: middle;
  text-align: center;
  width: 45px;
}
.modalShare .sms-block button {
  padding-top: 11px
}
.sms-block button.is_standBy {
  background: #33cd5f;
}

.sms-block button i {
  font-size: 20px;
}

.sms-block input.tel-input {
  display: inline-block;
    width: 365px;
    height: 50px;
    font-size: 18px;
    text-indent: 10px;
    color: #404040;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px;
}
.modalShare .sms-block input.tel-input{
  border: 2px solid #b20006;
}
.embed-code-wrapper span,
.sms-block label {
  display: block;
  color: #fff;
  text-align: left;
  padding-left: 37px;
  margin-bottom: 5px;
  font-weight: 400;
}
.modalShare .embed-code-wrapper span,
.modalShare .sms-block label {
  color: #000;
}
.embed-code {
  border: 2px solid #b20006;
  display: inline-block;
  width: 410px;
  height: 116px;
  font-size: 18px;
  color: #404040;
  padding: 10px;
  line-height: 25px;
  margin: 0;
  resize: none;
  white-space: pre-wrap;
  word-break: break-all;
}
.share-embed-label {
  display: inline-block;
  margin: 0 5px
}
.modalShare .embed-code {
  font-size: 16px;
  height: 112px;
  padding: 5px 8px;
}

ul.photoGallery li {
  display: inline;
}
.photo .stackone img,
.stackone .stackone-inner {
  position: relative;
  z-index: 1;
  border: 2px solid #fff;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  display: block;
  overflow: hidden;
}
.stackone .stackone-inner img{
  display: block
}

.stackone {
  height: 100%; width: 100%;
  position: relative;
  display: block;
}

.stackone:before {
  content: "";
  height: 100%; width: 100%;
  background: #eff4de;
  border: 2px solid #fff;

  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;

  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.stackone:after {
  content: "";
  height: 100%; width: 100%;
  background: #768590;
  border: 2px solid #fff;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}

.wide-as-needed img {
  width: 100%;
}

.photoGallery {
  clear: both;
}

.photoGallery img, .wide-as-needed img {
  max-width: 100%;
  -webkit-filter: brightness(90%);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
  height: auto;
}

.photoGallery a:hover img, .wide-as-needed a:hover img {
  -webkit-filter: brightness(130%);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.fancybox-skin {
  border-radius: 0 !important;
}

.tos-close { display: none !important}
#closepop {
  width: 25px !important;
  height: 25px !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat;
  top: 0;
  vertical-align: top;
  margin-left: -24px;
  cursor: pointer;
  top: 3%;
  position: relative;
  right: -30px;
}
/*.tos-slide::after*/
/*{*/
  /*content: '';*/
  /*position: absolute;*/
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat;*/
  /*width: 25px;*/
  /*height: 25px;*/
/*}*/
.fancybox-skin {
  padding: 8px !important;
  text-align: center !important;
}

#fancybox-outer {
  width: 94%;
}

.rotate {

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

#swipebox-bottom-bar, #swipebox-top-bar {
  display: none !important
}

#swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide img {
  border: 8px solid #fff !important;
  max-height: 80% !important;
  max-width: 80% !important;
}

#swipebox-overlay {
  background: rgba(0, 0, 0, 0.7) !important;
}

.play {
  display: block;
  background: url(../img/play-button.0b45.png) center center no-repeat;
  height: 100%;
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  background-size: 50%;
}

.customlist li {
  width: 19.5% !important;
  max-width: 400px;
  display: inline-block;
  margin-right: .5%;
}
.mediaListGalleries li {
  padding-top: 1%;
  padding-bottom: 1%;
  padding-right: 2%;
  vertical-align: top;
}

.photocontent .container .row {
  padding-right: 1%;
}

li.video {
  position: relative;
  vertical-align: top;
}

li.video .media-item {
  display: block;
  position: relative;
  overflow: hidden;
}

li.video .media-item img {
  display: block;
}
li.video .stackone img.thumb-youtube,
li.video .media-item img.thumb-youtube {
    -moz-transform: scale(1.35);
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
}

.media-title {
  display: inline-block;
  margin-top: 15px;
  min-height: 40px;
  text-align: center;
  width: 100%
}

.stickyTitle {
  background: #000;
  position: relative;
  z-index: 999;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.photocontent {
  max-width: inherit;
}
.careaTop {
  padding: 5% 70px 0%;
}

.thumb-wrapper {
  padding-left: 45px;
  padding-right: 0;
}
.thumb-wrapper .photocontent {
  padding-left: 45px;
}

.videoList li {
  width: 32.5% !important;
}


.photoGallery a.lightbox {
  max-width: 200px;
  max-height: 153px;
  overflow: hidden;
  display: block;
  width: 100%;
}

.image-loader-container {
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 99999;
  background: #333;
  width: 100%;
  height: 174px;
}
ion-spinner {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  left: 50%;
}

/**
 * Map view
 */
.angular-google-map-container {
  margin-left: 45px;
  height: 100%;
  width: 100%
}

.angular-google-map {
  height: 100%;
  width: 100%
}


#map-menu {
  background-color: #b20006;
  color: #fff;
  padding: 18px 15px
}

#travel-mode {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  margin-bottom: 5px;
}
#travel-mode i {
  color: rgba(255,255,255, .65);
  font-size: 25px
}
#travel-mode input:checked ~ i {
  color: #fff;
}

#pac-input {
  background-color: #fff;
}

#map-destination input,
#pac-input {
  font-size: 15px;
  font-weight: 300;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 100%
}

#map-search-box .input-icon {
    font-size: 16px;
    padding-bottom: 0;
    padding-top: 13px;
}
#map-destination .input-icon {
  font-size: 22px;
    padding-bottom: 0;
    padding-top: 11px;
}

#pac-input:focus {
  border-color: #4d90fe;
}

#map-destination {
  margin-top: 5px
}

#steps-panel {
  min-height: 100px;
  max-height: 150px;
  display: block;
}
#steps-panel-inner {
  overflow: scroll;
  position:absolute;
  height:calc(100% - 185px);
  width:100%;
}

#steps .item {
  font-weight: 300;
    text-align: left;
}
#steps .item p {
  font-size: 14px;
  white-space: initial;
}

#steps .item h2 {
  color: #666;
}
#steps .item h2 ~ .step-meta {
  font-size: 14px;
}
#steps .item .step-meta {
  color: #666;
  font-size: 12px;
}
/* Google map directions icons */
#steps .adp-maneuver {
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/maneuvers.png);
}

#steps .adp-maneuver {
  background-size:19px 630px;
  position: absolute;
    left: 15px;
    width: 16px;
    height: 16px;
    top: 20px;
}

#steps .adp-maneuver.adp-ferry {background-position:0 -614px}
#steps .adp-maneuver.adp-ferry-train {background-position:0 -566px}
#steps .adp-maneuver.adp-merge {background-position:0 -143px}#steps .adp-maneuver.adp-straight {background-position:0 -534px}#steps .adp-maneuver.adp-fork-left {background-position:0 -550px}#steps .adp-maneuver.adp-ramp-left {background-position:0 -598px}#steps .adp-maneuver.adp-roundabout-left {background-position:0 -197px}#steps .adp-maneuver.adp-turn-left {background-position:0 -413px}#steps .adp-maneuver.adp-turn-sharp-left {background-position:0 0}#steps .adp-maneuver.adp-turn-slight-left {background-position:0 -378px}#steps .adp-maneuver.adp-uturn-left {background-position:0 -305px}#steps .adp-maneuver.adp-fork-right {background-position:0 -499px}#steps .adp-maneuver.adp-ramp-right {background-position:0 -429px}#steps .adp-maneuver.adp-roundabout-right {background-position:0 -232px}#steps .adp-maneuver.adp-turn-right {background-position:0 -483px}#steps .adp-maneuver.adp-turn-sharp-right {background-position:0 -582px}#steps .adp-maneuver.adp-turn-slight-right {background-position:0 -51px}#steps .adp-maneuver.adp-uturn-right {background-position:0 -35px}

/**
 * 360
 */
#three60-view ion-content {
  overflow: hidden;
}
.hide360 {
  position: absolute;
  top: -99999px;
  left: -99999px
}
#three60-view [src*="matterport"] {
  padding: 0 45px
}
/**
 * Partner List
 */
.list-title:first-child,
.list-title {
  margin: 1.5rem 0 1.75rem 0;
    padding-bottom: 1.1875rem;
    border-bottom: 1px solid rgba(223, 223, 223, 0.65);
    letter-spacing: .25rem;
    font-weight: 700
}
.list-item {
  font-size: 12px;
    margin-bottom: 24px;
    padding-top: 1rem;
    min-height: 110px
}

.list-item img {
  width: 100%
}

.list-item p,
.list-item ul,
.list-item-title {
  font-size: 12px;
  margin-bottom: 0;
  padding-left: 18px;
}
.list-item .item-content-full p,
.list-item .item-content-full ul,
.item-content-full .list-item-title {
  padding-left: 0;
}
.list-item-no-image p,
.list-item-no-image ul,
.list-item-no-image .list-item-title {
  padding-left: 0
}
.list-item p {
  line-height: 2
}
.list-item-title {
  text-transform: uppercase;
  line-height: 2;
  font-weight: 600
}
.list-item-professional .list-item-title,
.list-item-featured .list-item-title {
  color: #fff;
}

.list-item-featured .list-item-title {
  background: #ff9e00;
}
.list-item-professional .list-item-title {
  background: #aaa
}

.list-item ul a {
  color: #fff;
}

.list-item ul a:hover {
  color: #c61d23;
}

.list-item ul a i {
  color: #fff;
  font-size: 14px;
  padding-right: 3px
}

.item-thumb {
  float: left;
  padding-left: 15px;
  width: 33%;
}
.item-content {
  float: right;
    width: 67%;
    padding-right: 15px;
}
.item-content-full {
  float: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.item-detail {
  color: #ddd
}

.excerpt {
    margin: 0 0 5em;
}
.main-view-excerpt {
  font-size: 16px;
    margin: 25px 0 40px;
}

/**
 * outbound links page
 */
#iframe-view iframe {
  padding-left: 45px
}
.close-iframe-btn {
  position: absolute;
  right: 15px;
  top: 50px;
  font-size: 50px;
    color: #fff;
}

/**
 * VR view
 */
.steps-list {
  margin-top: 25px
}

.steps-list li {
  margin: 10px 0
}

.steps-list li .step-number {
  text-transform: uppercase;
}

#vr-view .smallContainer {
  max-width: 480px;
}

#vr-view .sms-block {
  width: 100%
}

#vr-view .sms-block input.tel-input {
    max-width: 80%;
}


/**
 * Modal window override
 */
 .modal {
  z-index: 9999
 }
 .modal-backdrop, .modal-backdrop-bg {
  z-index: 9001
 }
 .modalShare {
  z-index: 9002
 }
 .modal-backdrop-bg {
  background: rgba(0,0,0,.75);
 }
.modal.banner {
  background: rgba(0,0,0,0);
  color: #fff;
  text-align: center;
}
.modal.banner .scroll-content {
  max-width: 800px;
  margin: 0 auto
}

.modal .title {
  color: #444;
  position: relative;
  height: auto;
  line-height: 2;
}

.modal.banner .modal-content p {
  margin-bottom: 15px
}

.modal.text .modal-content {
  color: #444;
  padding: 60px 20px 20px;
  font-weight: 300;
}

.sms-modal {
  bottom: 65%;
  min-height: 145px
}
.sms-modal p {
    padding-left: 42px;
    margin: 25px 0 15px;
}

.sms-modal .sms-block {
    margin-top: 0;
}

.close-modal {
  position: absolute;
  z-index: 9002;
  top: 25px;
  right: 25px;
  font-size: 35px;
  color: #fff;
  border: 0;
  background: transparent;
}
.close-modal.banner {
  /* right: 302px;*/
}
.close-modal.banner.menuOpenClass {
  /*right: 50px;*/
}
.modal.banner p {
  margin: 0
}
.modal.banner img,
.banner-img {
  width: 100%;
  max-width: 460px;
  height: auto
}
.modalShare ul.shareIcons a{
  margin-top: 5px;
  max-width: 20%;
}

@media (max-width: 680px) {
  .modal {
    top: 15%;
    right: 10%;
    bottom: 10%;
    left: 10%;
    width: 80%;
    min-height: initial;
    max-height: 75%;
  }
  .modalShare{
    bottom: 30%;
    min-height: 150px
  }
  .close-modal.banner,
  .close-modal {
    top: 5px;
    right: 15px;
  }
}
@media (max-width: 500px) {

  .modalShare{
    bottom: 25%;
    min-height: 125px
  }
  /*.close-modal.banner {
    right: 50px;
  }*/
  .rightList .list.scenes .sub a {
    font-size: 12px;
    text-indent: inherit;
  }
  .rightList .list ul.sub {
    margin-left: 10px;
  }
  .leftContent.active .vertical-text:before{
    top: -43px;
    right: 32px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media (min-width: 500px) {
  .btn-info:hover {
    left: -154px;
  }
  .btn-info:hover span {
    font-size: 14px;
    display: inline-block;
    vertical-align: text-top;
    line-height: 44px;
  }
  .btn-share:hover {
    background: #fff
  }
  .btn-share:hover i{
    color: #000
  }
  .btn-info:hover i:before {
    content: "\f44d"
  }

}
@media (min-width: 680px) {
  .modal.banner {
    right: 10%;
    bottom: 10%;
    left: 10%;
    width: 80%;
    min-height: initial;
  }
  .modalShare{
    bottom: 23%;
    min-height: 145px
  }

  .modal.banner img,
  .banner-img {
    max-width: 800px;
  }
}
@media (min-width: 780px) {
  .modalShare{
    bottom: 23%;
    min-height: 145px
  }

  .modalShare ul.shareIcons a{
    max-width: 90px;
  }
}


/* Helpers */
.pointer,
[ng-click] {
  cursor: pointer
}

input[disabled] {
  color: #333
}

.separator {
  display: inline-block;
  padding: 0 5px
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.col-stacked {
  float: none;
    display: inline-block;
    vertical-align: top;
}

.col-separator {
  border-color:transparent;
}

.content-area a.underline,
.underline {
  text-decoration: underline !important;
}
.inline-icon {
  vertical-align: bottom;
}

.loading-bg {
  background: url(../img/loader.a59e.gif) no-repeat center center
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visually-hidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }


/**
 * TrueTour app responsive styles
 */

@media (max-width: 1024px) {
  #closepop {
    top: 5%;
  }
}
@media (max-width: 940px) {
  #closepop {
    top: 8%;
  }
}
@media (max-width: 830px) {
  #closepop {
    top: 12%;
  }

  .sticktoBottom {
    position: relative;
  }

  .mediaCloseBtn {
    top:5%
  }
}

@media (max-width: 786px) {


  .careaTop {
    padding: 0 70px !important;
  }

  .thumb-wrapper .photocontent {
    padding-left: 0;
    padding-right: 0
  }
  #closepop {
    top: 15%;
    right: -7%;
  }

  .customlist li {
    width: 49.5% !important;
    text-align: center;
  }
  .mediaListGalleries li {
    padding-top: 2%;
    width: 44% !important;
    margin: 0 2.5%;
  }

  .customlist li a {
    margin: 0 auto;
  }

  .customlist li a.media-title{
    margin-top: 20px
  }

  view-title + .scroll-content {
    top: 100px
  }
  .play { max-width: none;}

  .linkIcons li {
    padding: 0 10px 5px
  }
}


@media (max-width: 767px) {
  .bottom-line {
    margin-top: 15px
  }
}
@media (max-width: 700px) {

  .thumb-wrapper .photocontent {
    padding-left: 0;
  }
  .excerpt {
      margin: 0 0 3em;
  }
  .linkIcons li {
    padding: 0 5px 5px
  }
}
@media (max-width: 600px) {

  .careaTop {
     padding: 0 !important;
    }
  .play { max-width: none;}
  .title {
    text-align: center;
    /*padding-left: 0;*/
    padding-right: 0
  }
  .title h1 {
    float: none
  }

  .customlist {
    text-align: center;
  }

  .customlist li {
    width: 100% !important;
  }
  .mediaListGalleries li {
    width: 90% !important;
    padding-top: 4%;
    margin: 0 0.5% 0 2.5%;
    padding-bottom: 10%;

  }

  .customlist li a {
    margin: 0 auto;
  }

  view-title + .scroll-content {
    top: 16%
  }

  .mobileNone {
    display: none;
  }

  .banner-video iframe {
    height: auto;
    width: 100%
  }

}

@media(max-height: 600px) {
  .photocontent .title {
    min-height: 0 !important;
    margin: 0;
    text-align: center;
  }
  .scroll h1 {
    display: block;
  }
  .map-sidebar .rightList,
  .rightListScenes .scenesList,
  .rightList {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 100%;
    /*width: 100%;
    overflow-y: scroll;*/

  }
  .map-sidebar .rightList {
    padding-top: 0
  }

  .menuWithIcons .list {
    width: 100%;
    display: block;
    min-height: inherit;
  }
  .menuWithIcons li {
    padding-bottom: 0;
    min-height: inherit;
  }
  .menuWithIcons .viewMore,
  .menuWithIcons li a {
    min-height: 88px;
  }
  .menuWithIcons a span {
    vertical-align: text-bottom;
  }
  view-title {
    padding-top: 3%;
    padding-bottom: 3%;
  }
  view-title + .scroll-content {
      top: 90px;
  }
}
@media (max-height: 470px) {

  .leftContent {
    width: 100%;
    height: 100%;
    left: -100%;

  }

  .menuWithIcons {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 20px;
    height: 100%;
    width: 100%;
    padding-left: 35px;
    overflow-y: scroll;
  }
  .menuWithIcons li {
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
  }
  .menuWithIcons li a {
    min-height: 62px;
    padding: 14px 0 15px 35px;
    position: relative;
  }
  .menuWithIcons a span {
      display: block;
      padding: 10px 0px 0 42px;
  }
  .menuWithIcons img {
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
    top: -5px;
  }
  .menuWithIcons [href] i,
  .menuWithIcons [ui-sref] i {
    top: 18px;
    margin-bottom: 0;
    position: absolute;
  }
  .menuWithIcons .viewMore {
    display: none;
  }
  .menuWithIcons .list {
    width: 100%;
    display: block !important;
    margin-bottom: 0;
  }
  .menuWithIcons .list + .list{
    margin-bottom: 40px;
    margin-top: 0;
  }
  .viewMore {
    padding: 0 !important;
    margin: 0 !important;
  }

  .viewMore a {
    max-width: 100%;
    text-align: center !important;
    border: 0;
    padding: 15px 10px 15px 10px;
    margin: 0;
    background: #333;
    display: block;
  }

  .menuLeft {
    position: fixed;
    left: 0
  }
  .modal.banner-video {
    width: 100%;
    left: 0;
    right: 0
  }
  .modal.banner.banner-video .scroll-content {
    max-width: initial
  }
  .banner-video iframe {
    height: auto;
    width: 100%
  }

  .menuWithIcons li a:hover,
  .menuWithIcons li a.active{
    background: #B20006;
    color: #fff
  }
}

@media (max-width: 500px) {
  .mobileNone {
    display: none;
  }
  .photocontent .title {
    min-height: 0 !important;
    margin: 0;
    text-align: center;
  }
  .scroll h1 {
    display: block;
  }

  .leftContent {
    width: 100%;
    height: 100%;
    left: -100%;

  }
  .map-sidebar .rightList,
  .rightList {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
  }

  .map-sidebar .rightList {
    padding-top: 0
  }

  .menuWithIcons {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-top: 20px;
    height: 100%;
    width: 100%;
    padding-left: 35px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }

  .menuWithIcons .list {
    width: 100%;
    display: block !important;
    margin-bottom: 0
  }

  .menuWithIcons .list + .list {
    margin-top: 0
  }

  .menuWithIcons li {
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    min-height: inherit;
    max-height: 60px;
  }
  .menuWithIcons li a {
    min-height: 62px;
    padding: 14px 0 15px 35px;
    position: relative;
  }

  .menuWithIcons a span {
    display: block;
    padding: 10px 0px 0 42px;
  }

  .menuWithIcons img {
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
    top: -5px;
  }
  .menuWithIcons [href] i,
  .menuWithIcons [ui-sref] i {
      top: 18px;
      margin-bottom: 0;
      position: absolute;
  }
  .menuWithIcons [href] i.ion-earth,
  .menuWithIcons [ui-sref] i.ion-earth {
    font-size: 34px;
    margin-top: -20px;
  }
  .menuWithIcons [href] i.ion-ios-calendar-outline,
  .menuWithIcons [ui-sref] i.ion-ios-calendar-outline {
    margin-left: 3px;
    margin-right: 13px;
  }

  .menuWithIcons .viewMore {
    display: none;
  }

  .menuLeft {
    position: fixed;
    left: 0;
  }

  #info-page {
    padding-left: 45px
  }

  .smallContainerTitle a.btn.btn-outline {
    padding: 10px;
    font-size: 12px;
    margin-top: 0;
  }
  .linkIcons .list-inline {
    margin-top: 15px;
  }
  .linkIcons img {
    max-width: 50px;
  }
  .smallContainer .iconImg {
      max-width: 100%;
  }
  view-title + .scroll-content {
    top: 14%
  }

  ul.shareIcons a {
    padding: 5px 5px 5px 0;
    max-width: 24%;
  }
  .rightContent {
    width: 258px;
    right: -213px;
  }
  .rightContent.map-sidebar {
    background: transparent;
    right: -235px;
  }
  .rightContent.map-sidebar.active {
    right: 0
  }

  .embed-code {
    width: 330px;
  }

  .sms-block input.tel-input {
    width: 285px;
  }
  .modal-content .embed-code {
    width: 280px;
    margin-bottom: 10px
  }
  .modal-content .sms-block input.tel-input {
    width: 235px;
  }
  ul.shareIcons,
  .embed-code-wrapper,
  .sms-block{
    text-align: inherit;
  }
  .modal-content ul.shareIcons,
  .modal-content .embed-code-wrapper,
  .modal-content .sms-block{
    text-align: center;
  }
  .embed-code-wrapper span, .sms-block label{
    padding-left: 2px
  }

  .modal-content .embed-code-wrapper span,
  .modal-content .sms-block label{
    padding-left: 0;
    width: 280px;
    margin: 0 auto
  }
  .menuWithIcons .icon-cardboard {
    height: auto;
    width: 30px
  }

  .modal.banner-video {
    width: 100%;
    left: 0;
    right: 0
  }
  .modal.banner.banner-video .scroll-content {
    max-width: initial
  }
  .banner-video iframe {
    width: 100%
  }

  /*.close-modal.banner {
    right: 50px;
  }*/

  .is-tos-desktop .tos-slide iframe {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
  }
  .tos-touch.tos-desktop.is-tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide.tos-youtube,
  .tos-touch.tos-desktop.is-tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide.tos-vimeo {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 400px) {
ul.shareIcons a {
    max-width: 23%;
  }
  .embed-code {
    width: 280px;
    font-size: 16px;
    padding: 5px;
  }
  .sms-block input.tel-input {
    width: 235px;
  }
  .modal-content .embed-code-wrapper span, .modal-content .sms-block label{
    width: 230px
  }
  .modalShare .sms-block input.tel-input {
    width: 190px;
  }
  .modalShare .embed-code {
    width: 236px
  }
  .modalShare{
    bottom: 5%;
    top: 10%;
    max-height: 80%;
  }

}

@media (max-width: 320px) {

  .embed-code {
    width: 235px;
    height: 115px;
  }
  .sms-block input.tel-input {
    width: 190px;
  }


  .modalShare{
    bottom: 10%;
  }

}

@media (max-width: 786px) {

  .photoGallery a.lightbox {
    max-height: 280px;
    max-width: 99%;
    margin-bottom: 2px;
  }
  .careaTop .container .row {
    position: relative;
    z-index: 999999;
    background: #000;
  }

}
@media (max-width: 767px) {

  .linkIcons .list-inline {
    margin-top: 25px;
  }
  .mediaCloseBtn {
    top:5%
  }

}

@media( max-width: 700px) {
  .careaTop .container .row {
    position: relative;
    z-index: 999999;
    background: #000;
  }
  /*#closepop {display: none !important;}*/

  .mobileVideos a.lightbox {
    display: block;
    margin: 0 auto !important;
    text-align: center;
    width: 200px;
    margin-bottom: 3px;
    padding: 0;
    position: relative;
  }
  .main-view-title {
    font-size: calc( 26px + (35 - 26) * ( (100vw - 375px) / ( 700 - 375) ));
  }
  .content-area {
    padding-left: 45px
  }
  view-title {
    padding-left: 0
  }
  .mediaCloseBtn {
    top:5%
  }
  .title span {
    font-size: 12px
  }
}

/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media {
    .btn-info {
      left: -85px;
    }
    .btn-share{
      font-size: inherit;
    }
    .btn-share i {font-size: 18px;
        left: -7px;
        position: relative;
        top: 1px}
}}