@font-face {
  font-family: Proxima Nova Alt;
  src: url(/tour-nasdaq/fonts/proxima_nova_alt/ProximaNovaAlt.eot);
  src: url(/tour-nasdaq/fonts/proxima_nova_alt/ProximaNovaAlt.eot?#iefix) format("embedded-opentype"), url(/tour-nasdaq/fonts/proxima_nova_alt/ProximaNovaAlt.woff) format("woff"), url(/tour-nasdaq/fonts/proxima_nova_alt/ProximaNovaAlt.ttf) format("truetype");
}

.popover-navigation {
  display: none;
}
body .popover-title {
  border-radius: 0;
  border: none;
}
body {
  background-repeat: no-repeat;
}

body .popover {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  padding: 6px;
}
body .tour-backdrop {
  opacity: 0.0;
  transition: 0.3s all;
}

.x-button {
  font-size: 24px;
  width: 21px;
  position: absolute;
  right: -2px;
  top: 0px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  border: none;
  background: none;
  cursor: pointer;
  font-weight: bold;
}

.x-button {
    display: none;
}

.start-btn,
.next-btn {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
  background: #009ec2; /* Old browsers */
  background: -moz-linear-gradient(top, #009ec2 0%,  #008dae 98%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #009ec2 0%, #008dae 98%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #009ec2 0%, #008dae 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ec2', endColorstr='#008dae',GradientType=0 ); /* IE6-9 */
  border: none;
  padding: 3px;
  color: white;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;

}

.start-btn:hover,
.next-btn:hover {
  background: #38b2d0; /* Old browsers */
  background: -moz-linear-gradient(top, #38b2d0 0%, #1d798e 98%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #38b2d0 0%,#1d798e 98%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #38b2d0 0%,#1d798e 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dd5f1', endColorstr='#1d798e',GradientType=0 ); /* IE6-9 */
}


.next-btn:after {
  content: "\279d";
  font-size: 17px;
  line-height: 14px;
  vertical-align: middle;
}

.popover {
  font-family: Arial, sans-serif;
  border-radius: 3px!important;
  box-shadow: 1px 2px 5px 0px #282828!important;
  transition: 0.15s opacity;
  opacity: 0;
}

.popover-content {
  padding: 9px 11px;
}

.Tour {
  font-size: 14px;
  color: #4e4e4e;
}

.btn-wrapper {
  text-align: right;
}

.Tour-0 .next-btn {
  float: none;
}

.content-text {
  margin-bottom: 13px;
}

.Tour h4 {
  font-size: 16px;
  margin: 10px 0;
}

.Tour h4:before {
  margin-right: 5px;
  vertical-align: -3px;
}


.popover.analysis h4:before {
  vertical-align: -1px;
  content: url(/tour-nasdaq/images/icon-analysis.png);
}

.popover.performance h4:before {
  content: url(/tour-nasdaq/images/icon-performance.png);
}

.popover.insights h4:before {
  content: url(/tour-nasdaq/images/icon-insights.png);
}

.popover.overview h4:before {
  content: url(/tour-nasdaq/images/icon-overview.png);
}

.well-done:before {
  content: url(/tour-nasdaq/images/icon-trophy.png);
  float: left;
  margin-right: 20px;
  margin-left: 10px;
  margin-top: 15px
}

.well-done .next-btn {
  display: none;
}

.well-done .start-btn {
  float: right;
  margin-bottom: 6px;
  display: block;
}

.well-done .start-btn {
  
    /*display: none!important;*/
}

.well-done .start-btn:first-of-type {
    margin-left: 5px;
    /*display: none!important;*/
}


.well-done hr {
  margin: 15px 0;
  border-color: #d4d4d4;
  border-style: solid;
}

.well-done .next-btn:after {
  content: none;
}

.well-done {
  font-weight: bold;
}

.well-done h1, .Tour-0 h1 {
  font-weight: normal;
  color: #009ec2;
  margin: 2px 0px 15px;
  font-family: Proxima Nova Alt;
}

.popover.bottom>.arrow:after {
  border-width: 9px!important;
  border-top-width: 0px!important;
  top: 3px!important;
  margin-left: -9px!important;
}

.popover.right>.arrow:after {
  left: 2px!important;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px;
   top: -9999px;
   height: 1px;
   width: 1px;
}

.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 8px;
  background: #009ec2;
  transition: 0.75s all;
}

.not-supported {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkittransform: translate(-50%, -50%);
  font-family: Arial, sans-serif;
  min-width: 70%;
  color: #222;
  
}

.not-supported ol {
  font-size: 20px;
}

.not-supported li {
  margin-bottom: 5px;
}

.not-supported div:first-child {
  font-size: 30px;
  margin-bottom: 15px;
}

.not-supported div:nth-child(2) {
  font-size: 24px;
}

.not-supported div:last-child {
  font-size: 24px;
}