/**
 * 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;
}

.white-splash {
    background-color:rgba(255,255,255, 1) !important;
}

.black-splash {
    background-color: rgba(0,0,0,1) !important;
}

.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;*/
  position: fixed;
  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;
}

body .status {
  position: fixed;
  top: 10px;
  width: 44%;
  right: 28%;
  left: 28%;
  margin-left: 23px;
  display: inline-block;
  text-align: center;
  background-color: #277927;
  padding: 10px 20px;
  z-index: 99999;
  color: white;
  border-radius: 3px;
  box-shadow: 0 0 11px -1px #000;
}

body .status + .status {
  top: 60px;
}

.leads-modal h4 {
  color: #000;
}

.leads-modal .modal-content {
  display: inline-table;
  width: 100%;
  height: 100%;
}

.leads-modal .leads-wrapper {
  display: table-cell;
  vertical-align: middle;
  height:100%;
  -webkit-overflow-scrolling: touch;
}
/*fix scrolling on i pad*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  .leads-modal .leads-wrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

.modalShare > ion-scroll,
.leads-modal > ion-scroll {
  height: 100%;
}

.modalShare .modal-content,
#share-view .content-area {
  text-align: center;
}

#share-view h1, #share-view span {
  color: #ccc;
}

.leads-modal .modal-content {
  padding: 25px;
  padding-bottom: 120px;
}

.leads-modal .modal-content .required {
  color: #97023b;
  text-align: right;
  float: right;
}

.leads-modal input,
.leads-modal textarea {
  background-color: #eeeeee;
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}

.leads-modal input::placeholder,
.leads-modal textarea::placeholder {
  color: #4F4F4F;
}

.leads-modal input:focus::placeholder,
.leads-modal textarea:focus::placeholder {
  color: transparent;
}

.leads-modal input:focus,
.leads-modal textarea {
  -webkit-box-shadow: inset 0 0 0.2em rgba(0,0,255, .9);
  -ms-box-shadow: inset 0 0 0.2em rgba(0,0,255, .9);
  box-shadow: inset 0 0 0.2em rgba(0,0,255, .9);
}

input.share-embed-option:not(.trackLinkInput):focus {

  -webkit-box-shadow: 0 0 0.5em rgba(0,0,255, .9);
  -ms-box-shadow: 0 0 0.5em rgba(0,0,255, .9);
  box-shadow: 0 0 0.5em rgba(0,0,255, .9);
}

.trackLinkLabel:focus-within {
  -webkit-box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
  -ms-box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
  box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
}

.track-link-btn:focus {
  -webkit-box-shadow: 0 0 0.5em rgba(0,0,255, .9);
  -ms-box-shadow: 0 0 0.5em rgba(0,0,255, .9);
  box-shadow: 0 0 0.5em rgba(0,0,255, .9);
}

input.tel-input:focus {
  -webkit-box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
  -ms-box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
  box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
}

input.email-input:focus {
  -webkit-box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
  -ms-box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
  box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
}

.embed-code input:focus {
  -webkit-box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
  -ms-box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
  box-shadow: inset 0 0 0.5em rgba(0,0,255, .9);
}

.more-option-btn:focus {
  text-shadow: 0 0 6px rgba(0,0,255, .9);
}


.delete-link-label:focus {
  text-shadow: 0 0 6px rgba(0,0,255,1);
  filter: brightness(150%);
}

.leads-modal input {
  font-size: 18px;
  height: 50px;
  display: inline-block;
}

.leads-modal textarea {
  height: 100px;
}

.leads-modal input.invalid {
  color: #97023b;
  border: 2px solid #97023b;
}

.leads-modal span.label,
.leads-modal div.required {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.42857;
}

.leads-modal .bar-footer {
  width: 100%;
  text-align: center;
  height: initial;
  display: inline-block;
}

.leads-modal button.share-button {
  padding: 20px 45px;
  background-color: #97023b;
  color: white;
  margin: 10px;
  border: none;
  position: relative;
}

/*ADA compliance for modal buttons*/
button.share-button:focus {
  box-shadow: 0 0 0.9em rgba(0,0,255, .9);
}


.leads-modal button.share-button:hover {
  background-color: #000;
}

.leads-modal button.share-button h3 {
  color: white;
  margin: 0;
  font-size: 22px;
}

.leads-modal button.share-button.pending:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,1);
  background-image: url(../img/loader.40308.gif);
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

.leads-modal button.share-button.success {
  background-color: green;
}

.modalShare .modal-content .tt-url .embed-code,
#share-view .content-area .tt-url .embed-code {
  height: inherit;
  background-color: white;
  color: #000;
}


.modalShare .modal-content input[type='text'],
#share-view .content-area input[type='text'] {
  width: 100%;
  font-size: 16px;
  margin: 0;
}




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%
}
/*for ADA*/
a:focus .social-img {
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
  box-shadow: 0 0 0.3em rgba(0,0,255, .9);
  border-radius: 50%;
}

.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;
}


/**
 * 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;
  top: 0;
}

.rightContent.hideRHMenu {
  right: -300px!important;
}

.rightContent.map-sidebar {
  background: transparent;
  right: -277px;
}

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

.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;
  visibility: hidden;
  transition: visibility 1s;
}

.active.leftContent .menuWithIcons {
  visibility: visible;
}

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

.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.active:hover,
.menuWithIcons li a:hover {
  color: #fff;
  background: #333;
/*  color: #999;
  background: #373737*/
}

/*ADA */
/*.menuWithIcons li a.active:focus,
.menuWithIcons li a:focus {
  color: #fff;
  background: #333;
  !*  color: #999;
    background: #373737*!
}*/

.menuWithIcons li a.active {
  /*color: #B20006;*/
  color: #999;
}

#viewMore {
  visibility: hidden;
  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;
}

#main-sidebar .menuLeft,
#main-sidebar .menuLeft:after {
/*  animation: glow 2s infinite 4s;
  box-shadow: 0 0 15px 1px #333;*/
}

.menuLeft {
  position: absolute;
  right: 0;
  height: 100%;
  width: 45px;
  background-color: #ccc;
  color: #333;
  text-transform: uppercase;
  float: right;
  z-index: 9;
}

.menuLeft:before,
.menuRight:before {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 999;
  display: block;
}

.menuLeft:before {
  background-color: inherit;
}

.menuRight:before {
  background-color: inherit;
}

.menuLeft:after,
.menuRight:after {
  content: '';
  background-color: inherit;
  transform: rotate(45deg);
  height: 45px;
  width: 45px;
  /*box-shadow: 0 0 22px 1px #333;*/
  display: inline-block;
  position: relative;
  top: calc(50% + -27px);
  z-index: 8;
}

.map-sidebar .menuRight:after,
.map-sidebar .menuRight:before {
  content: normal;
}

.menuLeft:after {
  left: 11px;
}

.active .menuLeft:after {
  left: -11px;
}

.menuRight:after {
  right: 11px;
}

.active .menuRight:after {
  right: -11px;
}

.menuRight {
  position: relative;
  right: 0;
  height: 100%;
  width: 45px;
  /*background: #373737;*/
  background-color: #ccc;
  color: #333;
  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
}
.rightContent.map-sidebar .btn-share {
  right: inherit;
  left: -21px;
  bottom: 15px!important;
  /*margin-left: 0;*/
}

.rightContent.map-sidebar .btn-share:hover{
  width: 0;
}

.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 {
  float: left;
  z-index: 999999;
  display: block;
  top: calc(50% + 10px);
  position: relative;
  white-space: nowrap;
}

/*ADA compliance*/

.vertical-text:focus {
  filter: saturate(10) contrast(10);
}

/*.menuLeft:focus:before,
.menuRight:focus:before,
.menuLeft:focus:after,
.menuRight:focus:after
{
  -webkit-filter: brightness(1.7);
  filter: brightness(1.7);
}*/

.right-sidebar-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.menuRight .vertical-text {
  float: left;
  z-index: 999999;
  display: block;
  position: relative;
  white-space: nowrap;
  width: 100%;
  display: flex;
  justify-content: center;
  top: 50%;
}

.right-vert-text {
  position: absolute;
  top: -10px;
}

.rightListScenes .scenesList,
.rightList {
  position: absolute;
  text-align: center;
 /* width: 84%;*/
  font-weight: 800;
 /* margin-left: 45px;*/
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 10px;
  padding-right: 3px;
}
.rightListScenes .scenesList.v-aligned,
.rightList {
/*  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);*/
  overflow-x: hidden;
}
.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;
  visibility: hidden;
  transition: visibility 1s;
}

.rightContent.active .rightListScenes {
  visibility: visible;
}

.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: #373737;
  color:#ccc;
}

.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 #ccc;
  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;*!
  border-right: 20px solid #ccc;
  -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 #ccc;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}*/


/* 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%;*/
}

.iframe-gallery {
  padding: 0 45px;
  text-align: center;
}

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

.no-menu .content-area,
.no-menu view-title {
  padding-left: calc(10% - 45px) !important;
}

.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;
  z-index: 999;
}



.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,
.email-block {
  margin: 20px auto 25px;
  text-align: center;
  max-width: 480px;
}

.modalShare .embed-code-wrapper{
  margin-top: 25px;
}
.modalShare .sms-block {
  margin-top: 15px;
}
.modalShare .embed-code-wrapper{
  margin-bottom: 0
}

.embed-code-wrapper .tt-url {
  margin-bottom: 25px;
}

.embed-code-wrapper .tt-url-status {

  padding-right: 37px;
  font-size: 12px;
  width: inherit;
}

@media (min-width: 520px) {

  .embed-code-wrapper .tt-url-title {
    float: left;
  }
  .embed-code-wrapper .tt-url-status {
    float: right;
  }
}

.input-wrapper {
  display: flex;
  justify-content: center;
}

.share-user-input {

  width: 410px;
  font-size: 16px;
  font-weight: 400;
  padding: 10px;
  line-height: 25px;
  margin: 0;
  vertical-align: baseline;
  margin-top: -10px;
}

.share-user-label {

  display: inline-block;
  width: 410px;
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  line-height: 25px;
  margin: 0;
  vertical-align: baseline;
  margin-top: 15px;
  margin-left: -10px;
}


#vr-view .sms-block {
  margin-bottom: 20px;
  margin-top: 20px;
}

.aboutTitle {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  text-transform: uppercase;
}


/*.sms-block i {
  color: #fff
}*/

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

.sms-block button:focus,
.email-block button:focus {
  box-shadow: 0px 0px 10px -1px #000;
}


.sms-block button.is_standBy,
.email-block button.is_standBy{
  background: #33cd5f;
}

.sms-block button i,
.email-block button i{
  font-size: 20px;
  color: #fff
}

.sms-block input.tel-input,
.email-block input.email-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;
}

.sms-block input.tel-input::placeholder,
.email-block input.email-input::placeholder {
  color: #595959;
}

.sms-block input.tel-input:focus::placeholder,
.email-block input.email-input:focus::placeholder
{
  color: transparent;
}

.embed-code-wrapper span,
.sms-block label,
.email-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,
.modalShare .email-block label {
  color: #000;
}


.embed-code,
input.email-field
{
  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;
}

input#sendEmailTo {
     border: 2px solid #b20006;
 }

input#sendSMSTo {
    border: 2px solid #b20006;
}

input.email-field {
  height: inherit;
}

.share-embed-label {
  display: inline-block;
  margin: 0 5px
}
.modalShare .embed-code,
#share-view .content-area .tt-url .embed-code {
  font-size: 16px;
  padding: 0;
}

.modalShare .embed-code input,
#share-view .content-area .tt-url .embed-code input {
  padding: 5px 8px;
  height: 48px;
}

.option-buttons {
  margin-top: 10px;
  /*margin-bottom: 15px;*/
}

/*pop-up css*/
#embed {
  margin-bottom: 20px;
}

/**
 * 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: auto;
}

#three60-view ion-content > .scroll {
  overflow: hidden;
}

#three60-view ion-content .request-landscape-mode {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../img/rotate-device.31269.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 55%;
  background-color: rgba(0,0,0,0.75);
}

#three60-view [src*="matterport"] {
  padding: 0 45px
}

#three60-view .threesixty-container {
  height: 100%;
}

.threesixty-container .veil,
.iframe-gallery .veil {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  display: none;
  pointer-events: none;
}

.zoomed-in .threesixty-container .veil,
.zoomed-in .iframe-gallery .veil {
  display: block;
  visibility: visible;
  pointer-events: auto;
}


/*
**
* 404
*/

#four04-view ion-content,
#welcome-view {
  text-align: center;
  color: white;
  font-family: Open Sans;
  font-weight: 200!important;
}

#four04-view ion-content .vertical-align-container,
#welcome-view ion-content .vertical-align-container {
  position: relative;
  top: -25px;
  padding: 0 25px;
}

#four04-view ion-content h1 {
  font-size: 10em;
  margin-bottom: 0;
  font-weight: 300!important;
  letter-spacing: 3px;
}

#four04-view ion-content .vmi {
  font-size: 6em;
}

#four04-view ion-content a,
#welcome-view  a {
  color: #CCC;
}

#four04-view ion-content a:hover,
#welcome-view a:hover {
  color: #999;
}

/*
**
* Progress Page
 */

#progress-view ion-content {
  text-align: center;

}


/*
**
* Welcome
*/

#welcome-view h2 {
  text-transform: none;
  letter-spacing: 3px;
  font-weight: 200!important;
}

#welcome-view .construction {
  background-image: url('../img/construction.d8abc.svg');
  height: 100px;
  width: 100px;
  background-position: center center;
  display: inline-block;
}




/**
 * 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
}

.item-content-full h3.list-item-title{
  padding-left: 10px;
}
.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;
}

/*remove left padding if website is loaded in left menu and the menu is hidden*/
.hidden-left-menu #iframe-view iframe {
  padding-left: 0px;
}


/* fix scroll bar of iframe views */
#iframe-view .scroll {
  overflow: hidden;
}


.close-iframe-btn {
  position: absolute;
  right: 15px;
  top: 50px;
  font-size: 50px;
    color: #fff;
}

/*need this to let i frame scroll in link gallery*/
.iframe-container {
  height: 100%;
}

.linkClickLink:focus {
  border: 2px dotted;
  padding: 1px;
  text-decoration: none;
}

/**
 * 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;
   top: 10%!important;
   bottom: 10%!important;
 }
 .modal-backdrop, .modal-backdrop-bg {
  z-index: 9001
 }

.modal-backdrop {

}

 .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;
  display: table;
  position: relative;
  height:100%;
  width: 100%;
}

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

.modal.banner .modal-content {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.modal.banner .modal-content .banner-container {
  width: 100%;
  height: 80%;
  display: table;
}

.modal.banner .modal-content .banner-container .banner-text {
  display:table-row;
}

.modal.banner .modal-content .banner-container .banner-media.image {
  display:table-row;
  height:100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.modal.banner .modal-content .banner-container .banner-media.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}

@media screen and (orientation:landscape) and (max-height: 700px) {

  .modal.banner .modal-content .banner-container .banner-media.video {
    padding-bottom: 45.25%;
    margin: 0 10%;
  }

}

@media screen and (orientation:landscape) and (max-height: 550px) {

  .modal.banner .modal-content .banner-container .banner-media.video {
    padding-bottom: 35.25%;
    margin: 0 20%;
  }

}

@media screen and (orientation:landscape) and (max-height: 450px) {

  .modal.banner .modal-content .banner-container .banner-media.video {
  /* >>>>>>> truetour-staging */
    padding-bottom: 26.25%;
    margin: 0 25%;
  }

}


.modal.banner .modal-content .banner-container .banner-media.video iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}



.modal.banner .modal-content .banner-container .banner-media a {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.modal.banner .modal-content .banner-container 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: 45px;
   color: #fff;
   border: 0;
   background: transparent;
 }

.close-modal:focus {
  -webkit-text-stroke: 2px;
}

.close-modal.banner {
  position: absolute;
  z-index: 9002;
  top: 12.5%;
  right: 20%;
  font-size: 45px;
  color: #fff;
  border: 0;
  background: transparent;
}

#modalCloseTarget {
  height: 0;
  width: 0;
}


@media (min-width: 680px) and (max-width: 1110px ) {

  .close-modal.banner.banner-video {
    right: 7%;
  }
}

@media (min-width: 915px) {
  .close-modal.banner {
    position: absolute;
    z-index: 9002;
    top: 12.5%;
    right: 17%;
    font-size: 45px;
    color: #fff;
    border: 0;
    background: transparent;
  }
}

@media (min-width: 1281px) {
  .close-modal.banner {
    position: absolute;
    z-index: 9002;
    top: 12.5%;
    right: 29%;
    font-size: 45px;
    color: #fff;
    border: 0;
    background: transparent;
  }
  .close-modal.banner-video {
    right: 25%;
  }

  .medium-close-btn {
    position: absolute;
    right: 25%;
    top: 8%;
  }

  .small-close-btn {
    position: absolute;
    right: 26%;
    top: 10%;
  }

}


.close-modal.banner {
  /* right: 302px;*/
}
.close-modal.banner.menuOpenClass {
  /*right: 50px;*/
}
.modal.banner p {
  margin: 0
}
.modal.banner img,
.banner-img {
  width: 100%;
}
/*.modalShare ul.shareIcons {
  margin-top: 45px
}*/
.modalShare ul.shareIcons a{
  margin-top: 5px;
  max-width: 20%;
}

@media only screen
and  (max-width: 768px) {
  .modalShare.modal,
  .leads-modal.modal {
    position: absolute;
    top: 0!important;
    left: 0;
    right: 0;
    bottom: 0!important;
    max-height: none!important;
    width: 100%;
    height: 100%;
  }

  .leads-modal.modal .modal-content {
    padding-bottom: 25px;
  }

  .leads-modal.modal .modal-content .mobile-form-submit {
    text-align: center;
  }

  .closeModalShare.close-modal,
  .closeLeadsModal.close-modal,
  .closeModalLanguage.close-modal
  {
    color: #000;
    z-index: 99999;
    top: 5px;
    right: 10px !important;
    padding-right: 0;
    font-size: 32px;
  }
}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
  .modalShare.modal,
  .leads-modal.modal {
    position: absolute;
    top: 0!important;
    left: 0;
    right: 0;
    bottom: 0!important;
    max-height: none!important;
    width: 100%;
    height: 100%;
  }

  .leads-modal.modal .modal-content {
    padding-bottom: 25px;
  }

  .leads-modal.modal .modal-content .mobile-form-submit {
    text-align: center;
  }

  .closeModalShare.close-modal,
  .closeLeadsModal.close-modal,
  .closeModalLanguage.close-modal
  {
    color: #000;
    z-index: 99999;
    top:12px;
    right: 10px !important;
    padding-right: 0;
    font-size: 32px;
  }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
  .modalShare.modal,
  .leads-modal.modal {
    position: absolute;
    top: 0!important;
    left: 0;
    right: 0;
    bottom: 0!important;
    max-height: none!important;
    width: 100%;
    height: 100%;
  }

  .leads-modal.modal .modal-content {
    padding-bottom: 25px;
  }

  .leads-modal.modal .modal-content .mobile-form-submit {
    text-align: center;
  }

  .closeModalShare.close-modal,
  .closeLeadsModal.close-modal,
  .closeModalLanguage.close-modal
  {
    color: #000;
    z-index: 99999;
    top:12px;
    right: 10px !important;
    padding-right: 0;
    font-size: 32px;
  }
}


@media (max-width: 680px) {
  .modal {
    top: 15%;
    right: 10%;
    bottom: 10%;
    left: 10%;
    width: 80%;
    min-height: initial;
    max-height: 75%;
  }

  .close-modal.banner,
  .close-modal {
    top: 5px !important;
    right: 15px !important;
    color: black;
  }
}
@media (max-width: 520px) {

  .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);
  }

  #share-view .embed-code-wrapper label {

  }

}
@media (max-width: 515px) {
  .modalShare {
    bottom: 25%;
    min-height: 125px
  }
}

@media (min-width: 520px) {
  .btn-info:hover {
    left: -129px;
    /*top: 3px;*/
    background: #C0C0C0;
    border-radius: 10px;
    padding-right: 8px !important;
    color: black;
    height: 40px;
    /*margin-top: 16px;*/
  }

  @media (min-width: 520px) {
    .btn-info:hover .info-btn-text {
      /*padding-left: 6px !important;*/
      margin-right:  -5px;
    }
  }

  .btn-info:hover span {
    display: inline-block;
    /*vertical-align: text-top;*/
    /*line-height: 86px !important;*/
    padding-left: 16px;
  }

  i.ion-ios-information-outline{
    font-size: 40px;
    /*margin-top: -12px;*/
    color: #0f0f0f;
  }

  .info-btn-text{
    font-size: 16px;
    margin-top: -22px;
    vertical-align: bottom;
  }

  .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%;
    top: 10%;
    width: 80%;
    min-height: initial;
  }
  .modalShare{
    bottom: 23%;
    min-height: 145px
  }

  .modal.banner img,
  .banner-img {
    /*max-width: 800px;*/
  }
}
@media (max-width: 680px) {
  .modal.banner {
    top: 10%;
  }
}
@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.40308.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: 786px) {

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

}

@media (max-width: 767px) {
  .bottom-line {
    margin-top: 15px
  }
}
@media (max-width: 700px) {
  .excerpt {
      margin: 0 0 3em;
  }
  .linkIcons li {
    padding: 0 5px 5px
  }

}

@media (max-width: 600px) {

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

}

@media(max-height: 600px) {

  .scroll h1 {
    display: block;
  }
  .map-sidebar .rightList,
  .rightListScenes .scenesList,
  .rightList {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 100%;

  }
  .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: 550px) {

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

  }

  /*hide lead capture modal*/
  .leftContent.active  #lead-capture-wrapper {
    display: none;
  }

  .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
  }

  .modalShare {
    bottom: 5%;
    top: 5%;
    max-height: none;
  }


  .modalShare ul.shareIcons a {
    max-width: 18%;
    margin-top: 0
  }
  .modalShare .sms-block{
    margin-bottom: 0
  }
  .modalShare .sms-block input.tel-input,
  .modalShare .email-block input.email-input {
    line-height: 35px;
    height: 35px;
    font-size: 15px
  }



  .modalShare .sms-block button,
  .modalShare .email-block button {
    padding-top: 4px;
    padding-bottom: 3px;
  }
  .modalShare .embed-code-wrapper {
    margin-top:15px;
    margin-bottom:15px;
  }
  .modalShare .embed-code {
    font-size: 15px;
    line-height: 1.5em;
    height: 90px;
    margin-bottom: 5px;
  }

  .leads-modal button.share-button {
    padding: 12px 30px;
  }

  .leads-modal button.share-button h3 {
    font-size: 18px;
  }

}
@media (max-height: 400px) {
  .modalShare ul.shareIcons a {
    max-width: 15%;
  }

  .modalShare .embed-code {
    height: 80px;
  }
  .modalShare .sms-block{
    margin-top: 0
  }

  .leads-modal button.share-button {
    padding: 12px 30px;
    margin: 10px;
  }

  .leads-modal button.share-button h3 {
    font-size: 14px;
  }

}
@media (max-height: 350px) {
  .modalShare .bar-header {
    height: 30px
  }
  .modalShare .bar .title {
    font-size: 16px;
    line-height: 30px;
  }

  .modalShare .embed-code-wrapper {
    margin-top: 5px;
  }
}

@media (max-width: 520px) {
  .mobileNone {
    display: none;
  }

  .scroll h1 {
    display: block;
  }

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

  }

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

  /*hide lead capture modal*/
  .leftContent.active  #lead-capture-wrapper {
    display: none;
  }


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

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

  .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,
  .email-block input.email-input{
    width: 285px;
  }
  .modal-content .embed-code {
    width: 280px;
    margin-bottom: 10px
  }
  .modal-content .sms-block input.tel-input,
  .modal-content .email-block input.email-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,
  .email-block label {
    padding-left: 2px
  }

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

  .modalShare .modal-content .tt-url .embed-code {
    width: 280px;
  }

  #share-view .embed-code-wrapper label,
  .tt-url-title,
  .tt-url-status,
  .embed-label,
  .email-block label,
  .sms-block label
  {
    text-align: center!important;
  }

  .hideRHMenu .buttons-container {
    margin-left: -35px;
  }
}

@media (max-width: 400px) {

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

  .leads-modal button.share-button h3 {
    font-size: 18px;
  }

  .hideRHMenu .buttons-container {
    margin-left: -35px;
  }

}

@media (max-width: 320px) {

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


  .modalShare{
    bottom: 10%;
  }

  .hideRHMenu .buttons-container {
    margin-left: -35px;
  }
}

@media (max-width: 767px) {

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


}

@media( max-width: 700px) {
  .main-view-title {
    font-size: calc( 26px + (35 - 26) * ( (100vw - 375px) / ( 700 - 375) ));
  }
  .content-area {
    padding-left: 40px;
  }

  .partner-list-content {
    padding-right: 15px;
    padding-left: 60px;
  }


  .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: -0.5px;
      position: relative;
    }
    .platform-ios .btn-share i {
      left: -7px;
      top: 1px
    }
  }
}

/* Vertical Align Helper Classes */

.vertical-align-wrapper {
  display: table;
  height: 100%;
  width: 100%;
}

.content-area.scroll-content.ionic-scroll {
  overflow-y: auto;
}

.vertical-align-wrapper > .vertical-align-container {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.scroll {
  -ms-overflow-style:-ms-autohiding-scrollbar;
}

.ionic-scroll.overflow-scroll {
  overflow-y: auto;
}

.modal .ionic-scroll.overflow-scroll {
  padding-top: 45px;
}

/* PDF object rules for display */

.pdfobject-container {
  height: 100% !important;
}

#outbound_url {
  display: none;
}

/* Error message for link gallery */

.link-broken {
  position: absolute;
  color: white;
  z-index: -2;
  background-color: inherit;
  text-align: center;
  top: 30%;
  left: 55px;
  right: 55px;
}

#goToLink {
  position: absolute;
  text-align: center;
  top: 40%;
  left: 55px;
  right: 55px;
  z-index: -2;
}

/* help for custom font families that are small */

#custom-font,
#custom-font .item-detail.ng-binding,
#custom-font .list-item-title,
#custom-font li,
#custom-font a {
  font-size: 16px;
}

#shareQrcode{
  display: flex;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 35px;
}

#shareQrcode img {
  border-style: solid;
  border-color: #fff;
  border-width: 5px;
}

/* CSS for flags */

#promo-tabs {
  position: relative;
  z-index: 4;
}

.flag-wrapper {
  z-index: 1;
  text-align: center;

}

.flag-wrapper ul {
  height: 0;
}

.flag-wrapper ul .close-tab {
  cursor: pointer;
  font-size: 1.4em;
  margin-left: 6px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 25px;
}

.flag-wrapper ul .close-tab:before {
  top: 10px;
  position: relative;
  right:8px;
}

.flag-container {
  display: inline-block;
  background-color: #ccc;
  max-height: 70px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
  text-transform: uppercase;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  overflow: auto;
  border-radius: 0px 0px 4px 4px;
  max-width: 95%;
  padding-right: 36px;
  position: relative;
  vertical-align: top;
}

/*ADA compliance*/
.flag-container:focus{
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}

.flag-container.global-tab-container {
  margin-right: 0;

}

.global-tab-container + .flag-container {
  margin-left: 20px;
}

.flag-text{
  color: inherit;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  line-height: 28px;
}

.flag-text-icon {
  display: none;
  position: absolute;
}

.flag-icon.small .flag-text-icon {
  top: 50px;
  transform: translate(-50%);
}

.flag-icon.medium .flag-text-icon {
  top: 65px;
  transform: translate(-50%);
}

.flag-icon.large .flag-text-icon {
  top: 80px;
  transform: translate(-50%);
}
/*icon text in matterport*/
.dark-background {
  color: white;
}

@keyframes icon-text-small {
  1% {opacity: 0;}
  100% {opacity: 1;}
  from {top: 20px;}
  to {top: 50px;}
}

@keyframes icon-text-medium {
  1% {opacity: 0;}
  100% {opacity: 1;}
  from {top: 30px;}
  to {top: 65px;}
}

@keyframes icon-text-large {
  1% {opacity: 0;}
  100% {opacity: 1;}
  from {top: 40px;}
  to {top: 80px;}
}

.flag-icon.small:hover .flag-text-icon{
  display: unset;
  animation-name: icon-text-small;
  animation-duration: 1.5s;
  animation-timing-function: ease;
}


.flag-icon.medium:hover .flag-text-icon{
  display: unset;
  animation-name: icon-text-medium;
  animation-duration: 1.5s;
  animation-timing-function: ease;
}

.flag-icon.large:hover .flag-text-icon{
  display: unset;
  animation-name: icon-text-large;
  animation-duration: 1.5s;
  animation-timing-function: ease;
}

/*.flag-icon:hover {*/
  /*background-image: none !important;*/
/*}*/

.flag-icon-container[style^="background-image:"]:hover{
  background-size: 100px 100px;
}


.flag-icon-container[style^="background-image:"].flag-icon.small {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -5px !important;
  width: 60px;
  height: 50px;
  margin-left: 2px;
  margin-right: 2px;
}

.flag-icon-container[style^="background-image:"].flag-icon.medium{
  margin-top: -5px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 70px;
  height: 60px;
  margin-left: 2px;
  margin-right: 2px;
}

.flag-icon-container[style^="background-image:"].flag-icon.large {
  margin-top: -5px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 80px;
  height: 70px;
  margin-left: 2px;
  margin-right: 2px;
}

/*ADA compliance*/
.flag-icon.small:focus .flag-text-icon{
  display: unset;
  animation-name: icon-text-small;
  animation-duration: 1.5s;
  animation-timing-function: ease;
}


.flag-icon.medium:focus .flag-text-icon{
  display: unset;
  animation-name: icon-text-medium;
  animation-duration: 1.5s;
  animation-timing-function: ease;
}

.flag-icon.large:focus .flag-text-icon{
  display: unset;
  animation-name: icon-text-large;
  animation-duration: 1.5s;
  animation-timing-function: ease;
}

.flag-icon-container[style^="background-image:"]:focus{
  background-size: 100px 100px;
}


.flag-icon-container {
  background-color: inherit;
  overflow: hidden;
  display: inline-block;
  /*margin-left: 20px;*/
  /*margin-right: 20px;*/
  vertical-align: top;
}

@media (max-width: 1024px){
  .global-tab-text, .flag-text{
    max-width: 90%;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
  }
}

@media (max-width: 812px){
  .flag-icon {
    width: 55px !important;
    height: 50px !important;
    margin-top: 0px;
    margin-bottom: 50px !important;
  }

  .flag-icon-container {
    margin: 0px;
  }
  .flag-text-icon {
    top: 15px;
    margin-left: 7px;
  }
}

@media (max-width: 768px){
  .global-tab-text, .flag-text{
    max-width: 87.5%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .flag-icon {
    width: 55px !important;
    height: 50px !important;
    margin-top: 0px;
    margin-bottom: 50px !important;
  }

  .flag-icon-container {
    margin: 0px;
  }
  .flag-text-icon {
    top: 15px;
    margin-left: 7px;
  }
}

@media (max-width: 414px){
  .global-tab-text, .flag-text{
    max-width: 75%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .flag-icon {
    width: 55px !important;
    height: 50px !important;
    margin-top: 0px;
    margin-bottom: 50px !important;
  }

  .flag-icon-container {
    margin: 0px;
  }
  .flag-text-icon {
    top: 15px;
    margin-left: 7px;
  }

}

@media (max-width: 375px){
  .global-tab-text, .flag-text{
    max-width: 75%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .flag-icon {
    width: 55px !important;
    height: 50px !important;
    margin-top: 0px;
    margin-bottom: 50px !important;
  }

  .flag-icon-container {
    margin: 0px;
  }
  .flag-text-icon {
    top: 15px;
    margin-left: 7px;
  }
}

@media (max-width: 360px){
  .global-tab-text, .flag-text{
    max-width: 100%;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   }

  .flag-icon {
    width: 55px !important;
    height: 50px !important;
    margin-top: 0px;
    margin-bottom: 50px !important;
  }

  .flag-icon-container {
    margin: 0px;
  }
  .flag-text-icon {
    top: 15px;
    margin-left: 7px;
  }
}

.flag-wrapper .global-tab-container {
  position: absolute;
  display: inline-block;
  z-index: 5;
  max-width: 95%;
  vertical-align: top;
}

.global-tab-container{
  position: relative !important;
  margin-top: 0 !important;
  margin-left: 0px !important;
}

.global-tab-content {
  background-color: #ccc;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  border-radius: 0px 0px 4px 4px;
  font-size: 16px;
  align-self: center;

}

.promo-tab-container-media {
  position: absolute;
  display: inline-block;
  z-index: 2;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  margin-top: -15px;
  width:100%;
}

.global-tab-text {
  text-transform: uppercase;
  font-weight: 100;
  color: inherit;
  line-height: 28px;
}


/* lead capture modal */


#lead-capture-wrapper {
  z-index: 999;
  text-align: center;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.75);
  color: #fff;
  right: 0;
  top:0;
  bottom:0;
  left:0;
  position: fixed;
  overflow: auto;
}

#lead-capture-container{
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*overflow: auto;*/
}

.lead-label input.invalid {
  color: #97023b;
  border: 2px solid #97023b;
}

.lead-modal-title{
  margin-bottom: 40px;
}

.lead-modal-form {
  position: relative;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}

.lead-label input{
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
}

.lead-label {
  margin-left: -120px;
}

.lead-modal-button {
  margin-top: 15px;
  background-color: rgb(151, 2, 59);
  width: 100px;
  height: 35px;
}

@media
    (min-width: 320px)
and (max-width: 568px){
/*and (-webkit-min-device-pixel-ratio: 2) {*/

  .lead-modal-title {
    font-size: 20px;
    /*margin-top: 20px;*/
    /*margin-left: 60px;*/
    /*margin-right:25px;*/
    padding-left: 20px;
    padding-right: 20px;
  }
  .lead-modal-form {
    position: relative;
    display: block;
    top: 50%;
    margin-left: 50px;
  }

  .no-menu .lead-modal-title {
    margin:auto !important;
  }

  .no-menu .lead-modal-form {
    margin:auto !important;
  }

}

@media
(min-width: 414px)
and (max-width: 736px){

  .lead-modal-title {
    font-size: 20px;
  }
}

@media
(min-width: 768px)
and (max-width: 1024px){

  .lead-modal-title {
    font-size: 25px;
  }
}




/*click view label in share modal*/
.click-view-label {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 20px;
}

/* Click view template styles*/

.clickView-container {
  height: 100%;
  width: 100%;
  opacity: 0.8;
  z-index: 9009;
  position: fixed;
  background-color: #0f0f0f;
  display: inline-table;
}

.click-text {
  color: white;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.eye-con {
  width: 100px;
  height: 100px;
}


/* Watermark Controller */

.watermark {
  /* positioning */
  position: absolute;
  bottom: 0px;
  left: 50px;
  z-index: 4;
  text-align: center;
  overflow: visible;

  /* text styling */
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #eeeeee;
  font-family: 'Open Sans';
}
.watermark:before {
  content: '';
  display: inline-block;
  box-shadow: 0 0 10px 2px #404040;
  width: 97%;
  position: absolute;
  border-radius: 100px;
  left: 0;
  top: 55%;
  z-index: -1;
}

.watermark:hover {
  color: #FFF;
}

.watermark img {
  width: 16px;
  position: relative;
  bottom: -3px;

  -webkit-filter: drop-shadow(0 0 0 #FFF)
                  drop-shadow(0 0 0 #FFF);
  filter: drop-shadow(0 0 0 #FFF)
          drop-shadow(0 0 0 #FFF);
}

.no-menu .watermark {
  left: 5px;
}

.watermark b {
  font-size: 12px;
  font-family: 'Open Sans';
}

/*remove dead space when TT is shared with hidden menus*/
.hideRHMenu {
  padding-right: 0px;
}

.no-menu .iframe-gallery {
    padding-left: 0px;
}

/*hide left menu galleries mobile*/
.no-menu .thumb-wrapper {
    padding-left: 0px !important;
}

/*adjust labels in share modal*/
span.tt-url-title, .showLabel, label.ng-binding, .embed-label {
  text-transform: capitalize;
}


/*hide the share modal checkboxes if they do not apply*/
.hidden-checkbox {
  display: none !important;
}

/*CSS for the saleperson modal*/

.both-form-container {
  width: 100%;
  text-align: center;
}


.sales-text {
  float: left;
  margin-left: 20px;
  font-size: 18px;
}

.sales-img {
  width: 150px;
  float: left;
  margin-bottom: 30px;
}

.sales-label {
  margin-left: 0;
}

.sales-modal {
  padding-top: 0 !important;
  overflow-y: scroll;
}

.sales-modal .leads-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 20px;
  overflow: auto;
  height:initial;
  padding-bottom: 95px;
}

.sales-modal .leads-wrapper.both-options-view {
  padding-bottom: 0!important;
}

.sales-modal #sales-modal-form{
  padding: 25px;
}

.sales-person-container{
  display: inline-block;
  width: 100%;
}

@media only screen and (max-width: 768px), (max-height: 768px){

  #sales-modal-form{
    padding: 25px 25px 0px 25px;
  }

  .sales-img, .sales-text {
    float: none;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .sales-person-container{
    text-align: center;
    width: 100%;
  }

}

/*adjustments for i phone*/
@media only screen
and (device-width : 375px)
and (device-height : 812px){
  #sales-modal-form{
    padding: 25px 25px 0px 25px;
  }

  .sales-modal .leads-wrapper{
    top:45px;
    bottom: 45px;
  }

  .gallery-share-buttons div.buttons-container, .tos-slide div.buttons-container{
    width: 60px;
  }
}


/* ------------ SHARING/ACTION BUTTONS --------------- */

.buttons-container {
  position: absolute;
  bottom: 0;
  z-index: 1;
  right: 0;
  display: table !important;
  width: 0;
}

/* Override Wistia Div styling */
.tos-wrapper.tos-fixed .tos-slide.tos-html > div.buttons-container {
  display: table;
  background: none;
  overflow: visible;
  padding: 0;
  white-space: inherit;
}

.gallery-share-buttons div.buttons-container .buttons-wrapper , .tos-slide div.buttons-container .buttons-wrapper {
  position: relative;
  right: 0;
  bottom: 15px;
  margin-right: 10px;
}

.rightContent .buttons-container {
  right: auto;
}

.rightContent .buttons-container .buttons-wrapper {
  right: 100%;
}

.buttons-container .buttons-wrapper {
  position: relative;
  /* right: 100%; */
  bottom: 15px;
  margin-right: 10px;
}

.tos-wrapper .buttons-container .buttons-wrapper {
  right: 0;
}


.action-button, .close {
  background-color: #C0C0C0;
  color: #000;
  height: 40px;
  width: 40px;
  line-height: 41px;
  float: right;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 999em;
  position: relative;
  transition: .30s width;
  overflow: hidden;
  border: none;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

/*adjust button group in the map */
.rightContent.map-sidebar .buttons-container .buttons-wrapper {
  margin-right: -15px;
}

.fa-expand-arrows-alt:before, .fa-envelope:before {
  margin-left: 2px;
}



.action-button:hover{
  width: 100%;
  text-align: inherit;
  padding: 0 14px;
  /*remove link underline for vr text*/
  text-decoration: none;
}

@media (min-width: 414px) {
  .action-button:focus{
    width: 100%;
    text-align: inherit;
    padding: 0 14px;
    /*remove link underline for vr text*/
    text-decoration: none;
  }
/*
  .action-button:not(.clicked):not(.activated):focus{
    box-shadow: 1px 0 10px blue;
  }*/

  .action-button:focus span.tooltip {
    margin-right: 15px;
    /*hide the text until hovered*/
    /*display: unset;*/
    width: 100%;
    opacity: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}




.action-button span {
   display: inline-block;
   line-height: 40px;
 }

.action-button span.tooltip {
  /*hide the text until hovered*/
  /*display: none;*/
  opacity: 0;
  width: 0;
  word-break: break-all;
  overflow: hidden;
  transition: .5s opacity;
  text-align: left;
}
.action-button span.icon{
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  border-radius: 999em;
  text-align: center;
}

/* Style for custom VR Icon */
.action-button span.icon.vmi-cardboard {
  /*content: "\e907";*/
  font-size: 25px;
  color: #0f0f0f;
  font-weight: bold !important;
  float: right;
}

a.action-button .tooltip{
  color: #0f0f0f;
}

.action-button:hover span.tooltip {
  margin-right: 15px;
  /*hide the text until hovered*/
  /*display: unset;*/
  width: 100%;
  opacity: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/*adjust envelope icon and shrink full screen*/
.far {
  font-size: 22px;
  color: #97023b;
}

.ion-arrow-shrink{
  font-size: 22px;
}

/*Adjust some font awesome icons*/
.icon.fa, .icon.fas {
  font-size: 15px;
}

/**sales button animations**/
#sales-btn{
  -webkit-animation: sales-modal-btn  0.5s;
  animation-iteration-count: 3;
  -webkit-animation-timing-function: ease-in-out;
  animation-delay: 2s;
}

#sales-btn:hover{
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

@-webkit-keyframes sales-modal-btn {

  0% {
    -webkit-transform: translateY(0);
  }
  50%{
    -webkit-transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}



/*prevent salesperson title wrap in tooltip on mobile portrait*/
@media only screen and (max-width: 768px){

  #sales-btn:hover .tooltip {
    overflow: hidden;
    white-space: nowrap;
    max-width: 65vw;
    text-overflow: ellipsis;
    display: block;

  }
}
/*for tooltip text on ipad*/
@media only screen and (max-width: 1024px){
  #sales-btn:hover .tooltip {
    overflow: hidden;
    white-space: nowrap;
    max-width: 50vw;
    text-overflow: ellipsis;
  }
}
/*new close button*/
.newCloseBtn{
  color: #0f0f0f;
  position: fixed;
  top: 15px;
  right: 10px;
  font-size: 22px !important;
}
.fa-times {
  /*position: absolute;*/
  right: 0;
  top: 0;
  width: 40px;
  text-align: center;
  border-radius: 999em;
  text-align: center;
}

/*close button in map*/
.map-sidebar .newCloseBtn {
  /*right: -1px;*/
  /*top: -780px;*/
  /*position: relative;*/
  display: none;
  visibility: hidden;
}
/*hide close button in tos slides */
.tos-wrapper .newCloseBtn {
  display: none !important;
  visibility: hidden;
}

/*Play button for photo gallery*/
.play-action-button{
  float: right;
  margin-right: 10px;
  background-color: #C0C0C0;
  height: 40px;
  width: 40px;
  line-height: 41px;
  border-radius: 999em;
  position: fixed;
  top: 15px;
  right: 10px;
  z-index: 99;
  color: #0f0f0f;
  text-align: center;
  padding: 0;
  border: 0;
}

.play-button {
  font-size: 16px;
  color: #0f0f0f;
  width: 40px;
}

/*media query to handle new i phone tabs in landscape mode*/
@media only screen
and (device-width : 360px)
and (device-height : 812px)
and (orientation: landscape)
and (-webkit-device-pixel-ratio : 2) {
}

@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (orientation: landscape)
and (-webkit-device-pixel-ratio : 2) {
  .buttons-container .buttons-wrapper{
    bottom: 85px;
  }
  .buttons-container {
    width: 60px;
  }
}

@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (orientation: landscape)
and (-webkit-device-pixel-ratio : 3) {
  .buttons-container .buttons-wrapper {
    bottom: 85px;
  }
}

@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (orientation: landscape)
and (-webkit-device-pixel-ratio : 3) {
  .buttons-container .buttons-wrapper{
    bottom: 85px;
  }
}

/* -------- Gallery Styling --------- */


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;
}

/*for ADA*/

/*.photo .stackone:focus img {
  border-color: #cb0450;
  border-width: 4px;
}*/


li.video .media-item:focus, /* video gallery */
.media-item:focus img { /* photo gallery */
  filter: brightness(150%);
  border: 3px solid #fff;
}

.stackone .stackone-inner img{
  display: block
}


/* TODO: Refactor this CSS to clean up unused styles */
.stackone {
  height: 100%;
  /*min-height: 174px;*/
  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%;
  width: 100%;
  height: auto;
}

.photoGallery img:not([src]) {
  display: none;
}

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

.photoGallery a:focus img, .wide-as-needed a:focus img {
  transition: none;
}

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

.tos-close { display: none !important}

/*Handle close x in video galleries*/
.tos-slide.tos-youtube > .closepop {
  width: 36px !important;
  height: 35px !important;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat;*/
  /*top: 0;*/
  vertical-align: top;
  cursor: pointer;
  top: 3%;
  right: 30px;
  position: absolute;
}

.tos-slide.tos-vimeo > .closepop {
  width: 36px !important;
  height: 35px !important;
  /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAzUlEQVRIS8WV0Q3CMAxE7zZiFEaASYBJYARG6UZBlloppEl9jpS0Ur96uVfHvoSY8HACA/MhKaUbgIXk0lthSukC4EryuXn8VbIKvqsoDGqt321XL+hoXbUnUZCnbzbeW7jtt6I7nC7PwPtebXxtolpGKsA8pZyUhhGADDFhZvwA8IqMuVRJ1mQL6xvAneRHDawMySqxJNtrqZYCK0GG92T4dHlT5H13c6IaKLpzzi7lzyInwy6MvQDvsCwvrfE3o5rgqE4KY9S01E+B/ACFwq8atA8RhwAAAABJRU5ErkJggg==) no-repeat;*/
  /*top: 0;*/
  vertical-align: top;
  cursor: pointer;
  top: 3%;
  right: 30px;
  position: absolute;
}


.closepop {
  margin-left: 20px;
  height: 35px;
  width: 35px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  visibility: hidden;
}

.active-slide .closepop {
  visibility: visible;
}

.closepop .ion-ios-close-outline {
  font-size: 45px;
  color: white;
}

.closepop .ion-ios-close-outline:before {
  top: -5px;
  position: relative;
}


.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.c2700.png) center center no-repeat;
  height: 100%;
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  background-size: 50%;
}

.stackone .play {
  background: url(../img/white-enter.0712b.png) center center no-repeat;
  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,
li[class="360video"] {
  position: relative;
  vertical-align: top;
}
li[class="360video"] .media-item,
li.video .media-item {
  display: block;
  position: relative;
  overflow: hidden;
}
li[class="360video"] .media-item img,
li.video .media-item img {
  display: block;
}
li.video .stackone img.thumb-youtube,
li.video .media-item img.thumb-youtube,
li[class="360video"] .stackone img.thumb-youtube,
li[class="360video"] .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%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .thumb-wrapper {
    padding-left: 0px !important;
  }
  .thumb-wrapper .photocontent {
    padding-left: 100px !important;
  }
}


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

.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;
  /*position: absolute;*/
  /*top: 0;*/
  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%;
}



.is-tos-desktop .tos-slide {
  padding: 60px!important;
}

.is-tos-desktop .tos-slide > * {
  max-width: 100% !important;
  max-height: 100% !important;

}

.tos-html {
  padding: 0!important;
  background: none!important;
}

.tos-slide.tos-html .tos-html {
  overflow: visible!important;
}

.tos-slide.tos-html .tos-html .closepop {
  /* float: right; */
  margin-left: 97.5%;
  margin-bottom: 20px;
}

ul.mediaList li .hidden-content {
  display: none;
}

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

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

a .closeBtn {
  color: #fff
}

/*Gallery title placement and break title before close*/
.media-gall-title .title{
  padding-top: 60px;
  padding-left: 47px;
  float: left;
  white-space: normal;
}

/*need this to allow scrolling of photo gallery if gallery is large*/
.pane {
  overflow: unset;
}

/*adjust close btn for gallery*/
.media-gall-title .mediaCloseBtn{
  top: 3%;
}

.thumb-wrapper .photocontent {
  margin-top: 50px;
}


/*hide background gallery when share only file*/
.childOnly {
  background-color: black;
}

.childOnly > .closepop {
  background: none !important;
  display: none !important;
}

/* deprecated?

#gallery-title {
  color:white;
  z-index: 22222;
  margin-top: 50px;

}*/

/*customizations for TOS slideshow buttons*/
.tos-prev {
  opacity: 0.9 !important;
}

.tos-next {
  opacity: 0.9 !important;
}

.tos-prev.tos-disabled {
  opacity: 0 !important;
}
.tos-next.tos-disabled{
  opacity: 0 !important;
}

@media (max-width: 400px) {
  .media-gall-title .title {
    max-width: 100%;
    float: none;
    text-align: center;
  }
  .thumb-wrapper{
    /*margin-top: 70px;*/
  }
}

@media (max-width: 520px) {

  .photocontent .title {
    min-height: 0 !important;
    margin: 0;
    text-align: center;
  }

  .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: 600px) {

  .careaTop {
    padding: 0 !important;
  }
  .play { max-width: none;}
  .title {
    text-align: center !important;
    padding-left: 40px;
    padding-right: 40px;
  }
  .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;
  }

  .mobileNone {
    display: none;
  }

  .photocontent .title {
    min-height: 0 !important;
    margin: 0;
    text-align: center;
    margin-left: -50px;
  }

  .mediaListGalleries li {
    width: 100% !important;
  }

  /*.media-gall-title .scroll-content{
    top:125px;
  }*/
}

@media (max-width: 700px) {

  .thumb-wrapper .photocontent {
    padding-left: 0;
    margin-top: 50px;
  }

  .thumb-wrapper{
    padding-top: 20px;
  }

  .careaTop .container .row {
    position: relative;
    z-index: 999999;
    background: #000;
  }

  .closepop {
    display: none !important;
    visibility: hidden;
  }

  .mobileVideos a.lightbox {
    display: block;
    margin: 0 auto !important;
    text-align: center;
    width: 200px;
    margin-bottom: 3px;
    padding: 0;
    position: relative;
  }
}

@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;
  }

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

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

  .thumb-wrapper {
    height: 100%;
  }
  .customlist li {
    width: 49.5%;
    text-align: center;
  }

  .mediaListGalleries li {
    padding-top: 2%;
    width: 44%;
    margin: 0 2.5%;
  }

  .customlist li a {
    margin: 0 auto;
  }

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

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

  .play {
    max-width: none;
  }
  /* Update to be specific to the media gallery */
  .media-gall-title .title {
    padding-top: 45px;
    margin-left: -30px;
  }

  .hidden-left-menu .media-gall-title .title{
    padding-top: 45px;
    margin-left: 0px;
  }

}

@media (max-width: 830px) {
  .closepop {
    top: 12%;
  }

  .sticktoBottom {
    position: relative;
  }
}

@media (max-width: 940px) {
  .closepop {
    top: 8%;
  }
}

@media (max-width: 1024px) {
  .closepop {
    top: 5%;
  }
}

  /*add Gotham font*/
#gotham {
  font-family: 'Gotham SSm A', 'Gotham SSm B' !important;
  font-weight: 400;
}

/*Add calibri font*/
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: local('Calibri'), url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY67FIEjg&skey=a1029226f80653a8&v=v9) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Add Open Sans font */

@font-face {
  font-family: "Open Sans";
  src: local("Open Sans"),
  url("fonts/OpenSans-Regular.8245a.ttf");
}

@font-face {
  font-family: "Open Sans Light";
  src: local("Open Sans Light"),
  url("fonts/OpenSans-Light.12cbe.ttf");
}


/*Styling for the 360 flag modal*/
#flagModal {
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12%;
  position: relative;
  z-index: 999999;
  -webkit-overflow-scrolling: touch;
  /*not sure this is desired*/
  overflow: auto;

}


.popup-iframe {
  margin-bottom: -6px;
}

.small .popup-iframe{
  height: 50vh;
  /*width: 40%;*/
}
.small {
  width: 40vw;
}

.medium .popup-iframe {
  height: 65vh;
  /*width: 50%;*/
}

.medium{
  width: 50vw;
  margin-top: 10% !important;
}

.large .popup-iframe {
  height: 80vh;
  /*width: 60%;*/
}

.large {
  width: calc(100vw - 50px);
  margin-top: 7% !important;
}

.small-close-btn {
  position: absolute;
  right: 26%;
  top: 7%;
}

.medium-close-btn {
  position: absolute;
  right: 21%;
  top: 5%;
}

.large-close-btn {
  position: absolute;
  right: 2%;
  top: 0%;
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 846px){
  #flagModal {
    width: 370px !important;
    height: 700px !important;
  }
  .flagModalIframe {
    width: 370px !important;
    height: 700px !important;
  }
  .close-modal {
    position: absolute;
    z-index: 9002;
    top: 25px;
    right: 25px;
    font-size: 45px;
    color: #fff;
    border: 0;
    background: transparent;
  }
  .gallery-share-buttons div.buttons-container, .tos-slide div.buttons-container{
    width: 60px;
  }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px){
  #flagModal {
    width: 400px !important;
    height: 700px;
  }
  .flagModalIframe {
    width: 400px !important;
    height: 700px !important;
  }
  .close-modal {
    position: absolute;
    z-index: 9002;
    top: 25px;
    right: 25px;
    font-size: 45px;
    color: #fff;
    border: 0;
    background: transparent;
  }
}

/*i pad portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
  #flagModal {
    width: 640px !important;
    height: 800px !important;
    margin-top: 10% !important;
  }

  .flagModalIframe {
    width: 720px !important;
  }
  .close-modal {
    position: absolute;
    z-index: 9002;
    top: 5px !important;
    right: -2px !important;
    font-size: 45px;
    color: #fff;
    border: 0;
    background: transparent;
  }

  .large {
    margin-top: 45px;
  }

  .small {
    height: 50vh;
  }

  .medium {
    height: 65vh;
  }

  .large {
    height: 80vh;
    margin-top: 45px;
  }

  .popup-iframe {
    height: 800px !important;
  }

  /*link gallery iframe */
  .iframe-container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: 100%;
  }

}

/*i pad pro 11 portrait*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1194px)
and (orientation : portrait) {
  #flagModal {
    width: 720px !important;
    margin-top: 10% !important;
    height: 980px !important;
  }

  .close-modal {
    right: -13px !important;
    top: 36px !important;;
  }

  .flagModalIframe {
    width: 720px !important;
  }
  .popup-iframe {
    height: 1050px !important;
  }
  /*link gallery iframe */
  .iframe-container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: 100%;
  }

}

/*i pad pro portrait*/
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : portrait){
  #flagModal {
    width: 900px !important;
    margin-top: 10% !important;
    height: 1150px !important;
  }
  .flagModalIframe {
    width: 720px !important;
  }

  .close-modal{
    /*margin-bottom: 10px;*/
    top: 52px !important;
    right: -10px !important;
  }
  /*link gallery iframe */
  .iframe-container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: 100%;
  }

  /*.medium-close-btn {*/
    /*position: absolute;*/
    /*right: 11%;*/
    /*top: 40px;*/
  /*}*/
  /*.large-close-btn {*/
    /*position: absolute;*/
    /*right: 11%;*/
    /*top: 40px;*/
  /*}*/

  /*.small-close-btn {*/
    /*position: absolute;*/
    /*right: 11%;*/
    /*top: 40px;*/
  /*}*/

  .popup-iframe {
    height: 1150px !important;
  }

  .small {
    height: 50vh;
  }

  .medium {
    height: 65vh;
  }

  .large {
    height: 80vh;
    margin-top: 45px;
  }
}
/*i pad landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  #flagModal {
    width: 800px !important;
    height: 585px !important;
    margin-top: 10% !important;
  }

  .popup-iframe {
    height: 640px !important;
  }

  .close-modal {
    right: 36px !important;
    top: 5px !important;
  }
  /*link gallery iframe */
  .iframe-container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: 100%;
  }

}

/*ipad pro 11 landscape */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1194px)
and (orientation : landscape) {
  #flagModal {
    width: 1050px !important;
    height: 630px !important;
    margin-top: 10% !important;
  }

   .popup-iframe{
     height: 720px !important;
  }
  .close-modal {
    right: 2px !important;;
    top: 5px !important;;
  }
  /*link gallery iframe */
  .iframe-container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: 100%;
  }


}

/*ipad pro landscape */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : landscape) {
  #flagModal {
    width: 1150px !important;
    height: 800px !important;
    margin-top: 10% !important;
  }

  .popup-iframe{
    height: 900px !important;
  }
  .close-modal {
    right: 34px !important;
    top: 5px !important;
  }
  /*link gallery iframe */
  .iframe-container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: 100%;
  }

  /*.medium-close-btn {*/
    /*position: absolute;*/
    /*right: 7%;*/
    /*top: 0;*/
  /*}*/

}


@media only screen
and (min-device-width : 375px)
and (max-device-width : 1366px)
and (orientation: landscape){
  #flagModal {
    margin-top: 6% !important;
  }

  .close-modal {
    position: absolute;
    z-index: 9002;
    top: 25px;
    right: 25px;
    font-size: 45px;
    color: #fff;
    border: 0;
    background: transparent;
  }

}

@media (min-width: 1367px) {
  .close-modal.banner-video {
    right: 25%;
  }

  .medium-close-btn {
    position: absolute;
    right: 25%;
    top: 8%;
  }

  .small-close-btn {
    position: absolute;
    right: 26%;
    top: 10%;
  }

}


/*styling for next and prev 360 buttons*/


.btns-360-wrapper {
  z-index: 0;
  top:0;
  position: fixed;
  /*width: 100%;*/
  left: 0;
}
.btns-360-container {
  position: relative;
  z-index: 0;
}

.btns-360-container a {
  text-decoration: none;
  color: black;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0;
}

.next-btn-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
}


.prev-nav-btn {
  background-color: #C0C0C0;
  height: 40px;
  width: 40px;
  line-height: 41px;
  border-radius: 999em;
  position: absolute;
  left: 60px;
  top: 0;
  margin-top: 24px;
  margin-right: 64px;
  transition: .30s width;
}

/*move prev button when menu is hidden*/
.hidden-left-menu .prev-nav-btn {
  left: 35px !important;
}

.prev-nav-btn:hover{
  width: 130px;
  padding: 0 14px;
}

.prev-nav-btn:focus{
  width: 130px;
  padding: 0 14px;
}

.next-nav-btn {
  background-color: #C0C0C0;
  height: 40px;
  width: 40px;
  line-height: 41px;
  border-radius: 999em;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 24px;
  margin-right: 22px;
  transition: .30s width;
  text-decoration: none;
  text-align: left;
}

.next-nav-btn:hover{
  width: 110px;
  color: black;
}

.next-nav-btn:focus{
  width: 110px;
  color: black;
}

.next-nav-btn span {
  display: inline-block;
}

.prev-nav-btn span{
  display: inline-block;
}

.next-nav-btn span.next-tooltip {
  /*hide the text until hovered*/
  opacity: 0;
  width: 0;
  word-break: break-all;
  overflow: hidden;
  transition: .5s opacity;
  vertical-align: bottom;
  transition-timing-function: ease-in-out;
}

.next-nav-btn:hover span.next-tooltip{
  width: 120px;
  opacity: 1;
  padding-left: 15px;
}

.next-nav-btn:focus span.next-tooltip{
  width: 120px;
  opacity: 1;
  padding-left: 15px;
}

span.next-tooltip{
  font-size: 14px;
}

.prev-nav-btn span.prev-tooltip {
  /*hide the text until hovered*/
  opacity: 0;
  width: 0;
  word-break: break-all;
  overflow: hidden;
  transition: .5s opacity;
  vertical-align: bottom;
  transition-timing-function: ease-in-out;
}

.prev-nav-btn:hover span.prev-tooltip{
  width: 110px;
  opacity: 1;
  padding-left: 17px;
}

.prev-nav-btn:focus span.prev-tooltip{
  width: 110px;
  opacity: 1;
  padding-left: 17px;
}

span.prev-tooltip{
  font-size: 14px;
}

.icon.fa-chevron-left {
  position: absolute;
  left: 10px;
  top: 7px;
  font-size: 25px !important;
}

.fa-chevron-right {
  position: absolute;
  right: 10px;
  top: 7px;
  color: black;
  font-size: 25px !important;

}

/*hide forward 360 nav btns if menu is hidden*/
.hideRHMenu .next-nav-btn  {
  display: none !important;
}
.hideRHMenu .prev-nav-btn{
  display: none !important;
}


/*remove 360 nav buttons on phones*/
/*@media only screen*/
/*and (min-device-width : 375px)*/
/*and (max-device-width : 760px){*/
/*  .btns-360-wrapper {*/
/*    display: none;*/
/*  }*/

/*  .next-btn-wrapper {*/
/*    display: none;*/
/*  }*/
/*}*/

@media only screen
and (max-device-width : 1366px){
  .active-cta .btns-360-container {
    margin-top: 40px !important;
  }
  .gallery-share-buttons div.buttons-container, .tos-slide div.buttons-container{
    width: 60px;
  }
}

/*adjust right menu background*/
.rightContent:after{
  content: '';
  z-index: -1;
  background-color: rgba(0,0,0, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/*hide psuedo element in map view*/
.map-sidebar.rightContent:after{
  background-color: transparent;
}

/*menu option buttons in share modal*/
.menu-option-drawer {
  height: 100%;
  width: 185px;
  display: flex;
  text-align: left;
  margin-left: 36px;
}

.menu-option {
  /*border-bottom: 1px solid darkgrey;*/
  width: 400px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu-option:first-child{
  /*border-top: 1px solid darkgrey;*/
  width: 400px;

}

/*adjust for desktop*/
#track-link{
  margin-left: -4px;
}

/*adjust in tos gallery*/
.gallery-only {
  margin-left: 7px !important;
}

/*adjust i phone*/
@media only screen
and (min-device-width : 375px)
and (max-device-height : 812px)
and (orientation : portrait){
  #track-link{
    margin-left: -38px;
  }

  .linkInvalid {
    width: 300px;
  }

  .required-link-label{
    padding-right: 38px !important;
  }

  .embed-code-wrapper span{
    padding-left: 0;
  }

}

@media only screen
and (min-device-height : 375px)
and (max-device-width : 812px)
and (orientation : landscape){
  .required-link-label{
    padding-right: 41px !important;
  }
}

.more-options {
  border-top: 1px solid darkgrey;
  width: 400px;
}

.more-option-btn{
  border: none;
  font-size: 25px;
  vertical-align: middle;
  margin-bottom: 20px;
  background-color: inherit;
}

.blocked-option {
  color: rgba(0,0,0,0.3);
}

.share-view-options .more-option-btn{
    background-color: inherit;
    color: white;
}

#share-view .blocked-option {
    color: rgba(255, 255, 255, 0.4);
}

#share-view .more-option-btn:focus {
  text-shadow: 0 0 10px #fff, 0 0 10px #fff;
}

#share-view input[type="checkbox"]:focus {
  box-shadow: 0 0 10px #fff, 0 0 10px #fff;
}

.trackLinkLabel {
  border: 1px solid darkgrey;
  margin-top: 25px;
}

.trackLinkInput {
  background-color: white;
  padding-left: 10px !important;
}

.trackLinkInput::placeholder {
  color: #595959;
}
.trackLinkInput:focus::placeholder {
  color: transparent;
}

.delete-link-label{
  background-color: inherit;
  border: none;
  font-size: 26px;
  position: absolute;
  top: 150px;
  margin-left: 10px;
}

.track-link-btn {
  width: 250px;
  background-color: #97023b;
  margin-top: 15px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  color: white;
  height: 40px;
  font-size: 16px;
  margin-bottom: 20px;
}

.required-link-label {
  color: #97023b !important;
  padding-right: 41px;
  float: right;
  margin-top: 15px;
  margin-bottom: -20px !important;
}

.linkInvalid {
  border: 2px solid #97023b;

}

.editLinkLabel {
  margin-top: 20px;
  width: 400px;
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.empty-gallery {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
}

/*for text character count*/
.char-count {
  background: none;
  color: red;
}

.text-limit {
  float: right;
}

.iframe-err-text {
  color: white;
}

/*for 360 and 3d titles*/
.immersive-media-title-container {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 0px;
  height: 40px;
  display: flex;
  justify-content: center;
  margin:0px auto;
  left:0;
  right:0;
  margin-bottom: 5px;
}

.immersive-media-title {
  border-radius: 5px;
  font-size: 14px;
  align-self: center;
  padding: 10px;
  background-color: #C0C0C0;
  color: #0f0f0f;
  white-space: nowrap;
}

/* Translation Styles */

.skiptranslate {
  display: none;
}

.translated-ltr body,
.translated-rtl body
{
  top: 0!important;
}

.fa.fa-globe-americas {
  font-size: 24px;
  right: -1px!important;
}

@media (min-width: 680px) {
  .modalLanguage {
    top: 40%!important;
    bottom: 40%!important;
  }
}

/* Make focus styling consistent across app */

#leftMenuBar:focus-visible:before,
.menuRight:focus-visible:before,
.menuWithIcons li a:focus-visible,
.prev-nav-btn:focus-visible,
.next-nav-btn:focus-visible,
.rightList .list a:focus-visible,
.flag-container:focus-visible
{
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #000, 0 0 0 3px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #000, 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #000, 0 0 0 3px #fff;
}

.action-button:focus-visible,
.newCloseBtn:focus-visible,
.play-action-button:focus-visible,
.closepop:focus-visible,
.ion-ios-close-outline:focus-visible,
.tos-prev:focus-visible,
.tos-next:focus-visible
{
  -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000, 0 0 0 5px #fff;
  -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000, 0 0 0 5px #fff;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000, 0 0 0 5px #fff;
}

.photo .stackone:focus-visible img
{
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 5px #fff;
  -moz-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 5px #fff;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 5px #fff;
}


.listing_status {
  height: 100%; 
  width:100%; 
  position: absolute; 
  background-color: #000; 
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-align-items: center;
  text-align: center;
  z-index: -1;
  display: none;
}

.public {
  
}

.private {
  z-index: 10000;
  display: flex;
}