.bar_container {
  border-bottom: 1px solid #454b57;
  clear: both;
  padding: 0 0 20px 0;
  position: relative; }
  .bar_container .bar {
    height: 5px;
    width: 152px;
    transition: 0.4s ease-in-out;
    background: #45A4FC;
    position: absolute;
    top: 20px; }

.bar_items .bar_item {
  cursor: pointer;
  position: relative;
  height: 50px;
  display: inline-block;
  width: 152px;
  padding-top: 10px;
  text-align: center;
  color: #50657a;
  text-decoration: none;
  text-transform: uppercase; }
  .bar_items .bar_item.selected, .bar_items .bar_item:hover {
    color: white; }
    .bar_items .bar_item.selected path, .bar_items .bar_item:hover path {
      stroke: white; }
  .bar_items .bar_item span:nth-child(2) {
    position: relative;
    top: -11px; }
  .bar_items .bar_item svg {
    cursor: pointer;
    margin-right: 10px;
    height: 35px; }
    .bar_items .bar_item svg path {
      stroke: #50657a; }

/**
 * ----------------------------------------------
 *          OVERLAYS AND MODALS
 * ----------------------------------------------
 */
#overlay, .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.45;
  top: 0;
  display: none;
  z-index: 9998; }

/*.modal{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-215px;
    z-index:88888891;
    background:#fff;
    border:rgb(12,61,117) 3px solid;
    width:430px;
    padding:1em 1em 2em;
    display:none;
    transform: translateZ(1000000px);
}*/
.modal a {
  color: #474A54;
  text-decoration: none;
  /* border-bottom:rgb(64,114,170) 1px solid; */ }

.modal div.checkbox {
  margin: 0; }

.modal p {
  margin-bottom: 0; }

.modal label {
  width: 100px; }

.modal div.inputs {
  padding: 1em; }

.modal div.inputs input[type='text'] {
  width: 270px; }

.modal div.inputs small {
  font-size: 0.75em; }

.modal .buttons {
  width: 425px;
  margin: 0 auto; }

.modal ul.buttons {
  list-style-type: none;
  padding: 0;
  margin: 0 auto; }

.modal ul.buttons.limit3 {
  width: 320px; }

.modal ul.buttons.limit2 {
  width: 215px; }

.modal ul.buttons li {
  display: inline-block; }

.modal .buttons .btn {
  margin: 0.5em 0;
  text-align: center;
  width: 150px; }

.modal a.close-modal {
  position: absolute;
  top: 0;
  right: 0.15em;
  background: #0c3d75;
  text-decoration: none;
  color: #fff;
  padding: 0 0.5em;
  font-weight: bolder; }

.modal .visitortype {
  position: relative;
  width: 230px;
  display: inline-block; }

.modal .visitortype select {
  width: 230px; }

#tourRequestScreen, #signupScreen {
  width: 375px; }

#tourRequestScreen div.inputs, #signupScreen div.inputs {
  padding: 0.3em; }

#tourRequestScreen h2, #signupScreen h2, #tourRequestScreen p, #signupScreen p {
  margin: 0; }

#requestTourSubmit, #signupSubmit {
  margin-right: 1.75em; }

#languageSelectScreen .buttons .btn {
  width: 75px; }

/**
 * ----------------------------------------------
 *          Original ShareTourModal
 * ----------------------------------------------
 */
.modal .overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000000; }
.modal .share_tour {
  font-size: 14px;
  display: none;
  background: white;
  width: 610px;
  height: 480px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  z-index: 1000000; }
  .modal .share_tour img {
    vertical-align: middle; }
  .modal .share_tour .primary.btn {
    text-transform: uppercase;
    background: #45a4fc;
    color: white;
    border: none;
    border-radius: 3px;
    box-shadow: none; }
    .modal .share_tour .primary.btn:hover, .modal .share_tour .primary.btn.zeroclipboard-is-hover {
      background: #45d8fc; }
  .modal .share_tour .copy_message {
    position: absolute;
    bottom: 15px;
    right: 80px;
    color: #45a4fc;
    display: none; }
  .modal .share_tour .close_share_tour {
    background: url("/Assets/svg/close-button.svg");
    border: 1px solid #abadc2;
    border-radius: 50%;
    position: absolute;
    right: -50px;
    top: 0;
    width: 32px;
    height: 32px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 7px 7px;
    cursor: pointer; }
  .modal .share_tour .bar-control {
    text-align: center; }
  .modal .share_tour .title {
    padding-top: 50px;
    padding-bottom: 10px;
    font-size: 32px;
    text-align: center; }
  .modal .share_tour .embed_container {
    width: 430px;
    margin: auto;
    margin-top: 40px;
    height: 240px;
    position: relative;
    color: #B1B2C6; }
    .modal .share_tour .embed_container button {
      position: absolute;
      bottom: 0;
      right: 0; }
    .modal .share_tour .embed_container .copy_embed {
      color: black;
      font-size: 12px; }
    .modal .share_tour .embed_container .resize {
      width: 85px;
      border-bottom: 1px dashed #B1B2C6;
      padding-bottom: 5px;
      font-weight: normal; }
    .modal .share_tour .embed_container textarea {
      resize: none;
      width: 100%;
      height: 120px;
      background: white;
      border: 1px solid #B1B2C6;
      border-radius: 4px;
      color: #B1B2C6; }
    .modal .share_tour .embed_container input {
      color: #B1B2C6;
      background: white;
      width: 40px;
      padding: 0;
      border: none; }
  .modal .share_tour .social_and_link .link {
    padding: 10px;
    border-bottom: 1px dashed gray;
    margin: auto;
    width: 450px;
    position: relative; }
    .modal .share_tour .social_and_link .link input.url {
      width: 250px;
      padding-left: 0;
      color: gray;
      background: white;
      border: none;
      cursor: text; }
    .modal .share_tour .social_and_link .link .copy_url {
      font-size: 12px; }
    .modal .share_tour .social_and_link .link button {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
  .modal .share_tour .groups {
    position: relative; }
    .modal .share_tour .groups > div {
      position: absolute;
      top: 0;
      right: 0;
      left: 0; }
  .modal .share_tour .social_links {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 70px; }
    .modal .share_tour .social_links span.active {
      border: none; }
    .modal .share_tour .social_links .facebook {
      height: 80px; }
    .modal .share_tour .social_links img {
      margin-right: 40px;
      height: 32px;
      cursor: pointer; }
      .modal .share_tour .social_links img:hover {
        opacity: 0.8; }
  .modal .share_tour .bar_container {
    padding: 0;
    border: none; }
    .modal .share_tour .bar_container .bar {
      top: 46px; }
  .modal .share_tour .w_x_h {
    margin-top: 20px; }
  .modal .share_tour .bar_items {
    border-bottom: 1px solid #abadc2; }
    .modal .share_tour .bar_items .bar_item {
      color: #abadc2;
      margin-right: 30px;
      padding: 0; }
      .modal .share_tour .bar_items .bar_item.twitter svg {
        width: 27px; }
      .modal .share_tour .bar_items .bar_item svg path {
        fill: white;
        stroke: #abadc2; }
      .modal .share_tour .bar_items .bar_item.selected, .modal .share_tour .bar_items .bar_item.bar_item:hover {
        color: #45a4fC; }
        .modal .share_tour .bar_items .bar_item.selected svg path, .modal .share_tour .bar_items .bar_item.bar_item:hover svg path {
          stroke: #45a4fC; }

/*# sourceMappingURL=sharetourmodal.css.map */