@font-face {
  font-family: 'Draft B';
  font-style: normal;
  font-weight: 400;
  src: url(https://www.myjordanjourney.com/hubfs/fonts/Draft%20B%20Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Draft B';
  font-style: italic;
  font-weight: 600;
  src: url(https://www.myjordanjourney.com/hubfs/fonts/Draft%20B%20Medium%20Italic.otf) format('opentype');
}

@font-face {
  font-family: 'Draft B';
  font-style: normal;
  font-weight: 700;
  src: url(https://www.myjordanjourney.com/hubfs/fonts/Draft%20B%20Bold.otf) format('opentype');
}

@font-face {
  font-family: 'Draft B';
  font-style: normal;
  font-weight: 900;
  src: url(https://www.myjordanjourney.com/hubfs/fonts/Draft%20B%20ExBold.otf) format('opentype');
}

@font-face {
  font-family: 'Draft B';
  font-style: normal;
  font-weight: 900;
  src: url(https://www.myjordanjourney.com/hubfs/fonts/Draft%20B%20ExBold.otf) format('opentype');
}

@font-face {
  font-family: 'Draft B';
  font-style: italic;
  font-weight: 400;
  src: url(https://www.myjordanjourney.com/hubfs/fonts/Draft%20B%20Regular%20Italic.otf) format('opentype');
}

.flex{
  display:flex;  
  display:-webkit-flex;   
  align-items:center;
  -webkit-align-items:center;
}

.side-links .padding-side{
  padding:0 10px;
}

.side-links{
  padding-bottom:25px;
}

.trail-section{
  /* margin-bottom:120px;*/
  border-bottom: 1px solid #cacaca;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

.center{
  text-align:center;
}

.uline{
  text-decoration:underline;
}

.bg-trail{
  /* background-image:url(//www.myjordanjourney.com/hubfs/bg-trail.png);
  background-size:contain;
  background-repeat:no-repeat;*/
}

.video-text-content .title-cursive.title-vid.blog-andrew-title{
  font-size:5em;
}

.thirdtierbg{
  background-image:url('//www.myjordanjourney.com/hubfs/tier3fullwidth.jpg');
  background-size:cover;
}

.body-container{
  width:100%!important;
}

.circular-img{
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  cursor:pointer;
  border: 5px solid #d36c29;
  /*box-shadow: 5px 5px 15px -5px black;*/
}

.trail-title{
  margin-bottom:25px;
  cursor:pointer;
}

.video-text-content{
  margin-top: 0px auto!important;
  padding: 100px 0 150px;
  position: relative;
  z-index: 2;
}

.video-text-content .title-cursive.title-vid{
  font-size: 2.75em;
  color: white;
  text-shadow: 0px 0px 5px black;
  line-height:1em;
  margin-bottom:0;
}

.video-text-content p{
  text-align:center;
  margin-top:60px;
}

.sponsor-logo-wrapper{
  text-align:center;
  margin-top:30px;
}

.jtbna-sponsor-logo{
  height:150px;
}

.video-text-content .follow-cta-popup,
.video-text-content .follow-cta-popup-2,
.video-text-content .follow-cta,
.follow-cta-popup{
  display: inline-block;
  background: transparent;
  color: white;
  font-size: 1.2em;
  font-weight:bolder;
  padding: 15px 25px;
  border: 2px solid white;
  border-radius: 5px;
  transition:all 500ms ease;
}

.white-button{
  display: inline-block;
  background: transparent;
  color: white;
  font-size: 1.2em;
  font-weight:bolder;
  padding: 15px 25px;
  border: 2px solid white;
  border-radius: 5px;
  transition:all 500ms ease;
}
.white-button:hover{
  background: white;
  color: #d36c29;
}

.trail-title{
  line-height: 1.25em!important;
}

.subtitle{
  margin: 10px 0!important;
  color: white;
  font-weight: bold;
  text-shadow: 0px 0px 5px black;
  font-size:1.5em;
}

.video-text-content .follow-cta-popup:hover,
.video-text-content .follow-cta-popup-2:hover,
.video-text-content .follow-cta:hover,
.follow-cta-popup:hover{
  background: white;
  color: #d36c29;
}

.cta-blog{
  display: inline-block;
  background: transparent;
  color: white;
  font-size: 1.2em;
  font-weight:bolder;
  padding: 15px 25px;
  border: 2px solid white;
  border-radius: 5px;
  transition:all 500ms ease;
}

.cta-blog:hover{
  background: white;
  color: #d36c29;
}

.side-links form .hs-form-required{
  display:none;
}

.side-links form .input{
  width:100%;
}

.side-links form .hs_submit{
  text-align:center;
}

.jtbna-cta{
  color: #d36c29;
  background:white;
  border: 2px solid #d36c29;
  padding: 6px 12px;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  transition:all 500ms ease;
  border-radius: 4px;
}

.jtbna-cta:hover{
  background: #d36c29;
  color:white!important;
}

.leaflet-control-container{
  display:none;
}

#image-map, #image-map-right{
  width:100%;
  height:462px;
  margin-top: 50px;
  position:relative;
  z-index:1;
}

.andrew-lightbox,
.andrew-lightbox-2{
  display:none;
}

.lightbox-form,
.orange-tier-popup{
  position: fixed;
  width: 600px;
  text-align: center;
  top: 200px;
  right: 0;
  left: 0;
  margin: auto;
  background: white;
  z-index: 1111;
  padding: 25px;
}

.lighbox-form .hs-form-required{
  display:none;
}

.lighbox-form .input{
  width:100%;
}

.close-lightbox{
  position: absolute;
  top: -35px;
  right: -25px;
  font-size: 1em;
  color: white;
  z-index: 12;
}

.lightbox-mask{
  height:100vh;
  width:100vw;
  background:rgba(0,0,0,0);
  top:0;
  left:0;
  z-index:11;
  position:fixed;
}

.relative{
  position:relative;
}

.btn-close{
  cursor:pointer;
  padding: 10px;
  background: #d36e2d;
}

.flex-box{
  display:flex;
  display:-webkit-flex;
  justify-content: center;
}

a.orange-cta-btn{
  display: block;
  width: 24%;
  margin: auto;
  color: #d36c29;
  font-size: 1.2em;
  text-align: center;
  background: white;
  border: 3px solid #d36c29;
  border-radius: 10px;
  padding: 10px;
}

a.orange-cta-btn:hover{
  color:white;
  background: #d36c29;
}

a.bottom-cta{
  display: block;
  width: 24%;
  margin: .5%;
  float: left;
  color: #d36c29;
  font-size: 1.2em;
  text-align: center;
  background: white;
  border: 3px solid #d36c29;
  border-radius: 10px;
  padding: 10px;
  display:flex;
  display:-webkit-flex;
  align-items:center;
  -webkit-align-items:center;
  justify-content:center;
}

a.bottom-cta:hover{
  color:white;
  background: #d36c29;
}

.show-ipad{
  display:none;
}

.hidden-415{
  display:none;
}

.side-links p.newsletter{
  color: #d36c29;
  background: transparent;
  border-bottom: 3px solid #d36c29;
  margin-left: 10px;
  margin-right: 10px;
}

.side-links{
  margin-bottom: 25px;
}

.margin-top-50{
  margin-top:50px;
}

.ful-width-img img{
  width:100%!important;
}

#image-map .tooltip-inner{
  font-size: 1.5em;
  background: none;
  color: black;
}

#image-map .tooltip-arrow{
  display:none;
}

.show-768-only{
  display:none;
}

.full-width{
  width:100%;
}

.background-overlay-text{
  background-size:cover;
  background-position:center;
  color: white;
  padding: 15px 10px;
  position:relative;
}

.background-overlay-text > div{
  position:relative;
  z-index:2;
}

.white{
  color:white!important;
}

.background-overlay-text .white.large{
  text-align: center;
  font-weight: bolder;
  font-size: 1.1em;
  text-shadow: 0px 0px 5px black;
  color:white;
}

.flexbox-boxes .row-fluid{
  display: flex;
  display: -webkit-flex;
}

.background-overlay-text-1{
  background-image:url('//www.myjordanjourney.com/hubfs/reduced.jpg');
}

.background-overlay-text-1:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.35);
  z-index: 1;
}

.background-overlay-text-2,
.background-overlay-text-3,
.background-overlay-text-4,
.background-overlay-text-5,
.background-overlay-text-6,
.background-overlay-text-7,
.background-overlay-text-8{
  padding:0;
}

.background-overlay-text-2 p,
.background-overlay-text-3 p,
.background-overlay-text-4 p,
.background-overlay-text-5 p,
.background-overlay-text-6 p,
.background-overlay-text-7 p,
.background-overlay-text-8 p{
  margin:250px 0 0 0;
  background: #d36c29;
  padding:10px;
  transition: all 500ms ease;
}

.background-overlay-text-2 p:hover,
.background-overlay-text-3 p:hover,
.background-overlay-text-4 p:hover,
.background-overlay-text-5 p:hover,
.background-overlay-text-6 p:hover,
.background-overlay-text-7 p:hover,
.background-overlay-text-8 p:hover{
  margin:150px 0 0 0;
  padding-bottom:110px; 
}

.bg-city{
  background-image:url('https://www.myjordanjourney.com/hubfs/18346249422_916761bca3_n.jpg');
  background-size:cover;
  position:relative;
}

.bg-rock{
  background-image:url('https://www.myjordanjourney.com/hubfs/Jordan-Petra-Camels-2-3.jpg');
  background-size:cover;
  position:relative;
}

.bg-rock > div{
  position:relative;
  z-index:2;
}

.bg-rock:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  background:rgba(0,0,0,.5);
  height:100%;
  width:100%;
  z-index:1
}

.background-overlay-text-2{
  background-image:url('//www.myjordanjourney.com/hubfs/stepfeed.jpg');
}

.background-overlay-text-3{
  background-image:url('//www.myjordanjourney.com/hubfs/adventure-travel-news.jpg');
}

.background-overlay-text-4{
  background-image:url('//www.myjordanjourney.com/hubfs/The-Gear-caster.jpg');
}

.background-overlay-text-5{
  background-image:url('//www.myjordanjourney.com/hubfs/Andrew%20Evans/AE4-13-17/img%5D5.jpg');
}

.background-overlay-text-6{
  background-image:url('//www.myjordanjourney.com/hubfs/Andrew%20Evans/AE4-13-17/img%5D6.jpg');
}

.background-overlay-text-7{
  background-image:url('//www.myjordanjourney.com/hubfs/Andrew%20Evans/AE4-13-17/img%5D7.jpg');
}

.background-overlay-text-8{
  background-image:url('//www.myjordanjourney.com/hubfs/Andrew%20Evans/AE4-13-17/img%5D8.jpg');
}

.andrew-lp-promotion{
  background-image:url('//www.myjordanjourney.com/hs-fs/hubfs/andrew-image-separation-1.jpg');
  background-size:cover;
  background-position:center 100%;
  position:relative;
}

.andrew-lp-promotion:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  background:rgba(0,0,0,.5);
  height:100%;
  width:100%;
  z-index:1
}

.andrew-lp-promotion > div{
  position:relative;
  z-index:2;
}

.contain{
  max-width: 1170px!important;
  margin: auto!important;
  float: none!important;
}

body h2.title-cursive.offer-footer{
  font-size: 2.25em;
  color: white;
  margin: 0;
  margin-bottom:40px;
}

.offer-padding{
  padding:150px 0;
}

.orange-tier-popup{
  display:none;
}

.collapse-trigger{
  float:right;
}

.trail-section .row-fluid.flex{
  display:none;
}

.trail-section .row-fluid.flex.collapse{
  display:flex!important;
  display:-webkit-flex!important;
}

/*.trail-section .span8 p{
visibility:hidden;
display:none;
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.trail-section.open .span8 p{
visibility:visible;
}*/


.leaflet-marker-pane .leaflet-marker-icon{
  transition:all 500ms ease;
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(1){
  transform: translate3d(232px, 75px, 0px) scale(2)!important;    
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(3){
  transform: translate3d(242px, 125px, 0px) scale(2)!important;
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(5){
  transform: translate3d(234px, 162px, 0px) scale(2)!important;
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(7){
  transform: translate3d(236px, 200px, 0px) scale(2)!important;
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(9){
  transform: translate3d(230px, 241px, 0px) scale(2)!important;
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(11){
  transform: translate3d(225px, 286px, 0px) scale(2)!important;
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(13){
  transform: translate3d(212px, 325px, 0px) scale(2)!important;
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(15){
  transform: translate3d(208px, 404px, 0px) scale(2)!important;
}

.leaflet-marker-pane .leaflet-marker-icon:hover:nth-child(17){
  transform: translate3d(167px, 418px, 0px) scale(2)!important;
}

/*.trail-section .span8{
min-height:200px;
}

#first-trail .span8,
#seventh-trail .span8{
min-height:222px;
}

#fifth-trail .span8{
min-height:270px;
}

#sixth-trail .span8,
#eighth-trail .span8{
min-height:318px;
}*/

.show-hover{
  display:none;
  font-weight:normal;
}

.background-overlay-text-2 p:hover .show-hover,
.background-overlay-text-3 p:hover .show-hover,
.background-overlay-text-4 p:hover .show-hover,
.background-overlay-text-5 p:hover .show-hover,
.background-overlay-text-6 p:hover .show-hover,
.background-overlay-text-7 p:hover .show-hover,
.background-overlay-text-8 p:hover .show-hover{
  display:block;

}


.jquery-background-video-wrapper {
  position: relative;
  /*height:600px;*/
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-image:url('//www.myjordanjourney.com/hubfs/2016_PressBlogger_Tour/andrew-bg.jpg');
  background-color:black;
  height:100vh;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

.jquery-background-video-wrapper-blog {
  position: relative;
  /*height:600px;*/
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-image:url('//www.myjordanjourney.com/hubfs/2016_PressBlogger_Tour/andrew-bg.jpg');
  background-color:black;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

.jquery-background-video-wrapper-blog .video-text-content{
  padding: 200px 0 150px;
}


.jquery-background-video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  margin-left:-1px;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
/**
* Fade in videos
* Note the .js class - so non js users still
* see the video
*/
.js .jquery-background-video {
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}
.js .jquery-background-video.is-visible {
  opacity: 1;
}

/**
* Pause/play button
*/ 
.jquery-background-video-pauseplay {
  position: absolute;
  background: transparent;
  border: none;
  box-shadow: none;
  width: 20px;
  height: 20px;
  top: 15px;
  right: 15px;
  padding: 0;
  cursor: pointer;
  outline: none !important;
}
.jquery-background-video-pauseplay span {
  display: none;
}
.jquery-background-video-pauseplay:after,
.jquery-background-video-pauseplay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.jquery-background-video-pauseplay.play:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #FFF;
}
.jquery-background-video-pauseplay.pause:before,
.jquery-background-video-pauseplay.pause:after {
  border-top: 10px solid #FFF;
  border-bottom: 10px solid #FFF;
  border-left: 5px solid #FFF;
}
.jquery-background-video-pauseplay.pause:after {
  left: 10px;
}

.leaflet-container {
  font: 12px/20px'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #404040;
  color: rgba(0, 0, 0, .75);
  outline: 0;
  /* overflow: hidden;*/
  -ms-touch-action: none;
}
.leaflet-container *,
.leaflet-container:after,
.leaflet-container:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.leaflet-container h1,
.leaflet-container h2,
.leaflet-container h3,
.leaflet-container h4,
.leaflet-container h5,
.leaflet-container h6,
.leaflet-container p {
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 10px
}
.leaflet-container .marker-description img {
  margin-bottom: 10px
}
.leaflet-container a {
  color: #3887BE;
  font-weight: 400;
  text-decoration: none
}
.leaflet-container a:hover,
.leaflet-container.dark a {
  color: #63b6e5
}
.leaflet-container.dark a:hover {
  color: #8fcaec
}
.leaflet-container .mapbox-button,
.leaflet-container.dark .mapbox-button {
  background-color: #3887be;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis
}
.leaflet-container .mapbox-button:hover,
.leaflet-container.dark .mapbox-button:hover {
  color: #fff;
  background-color: #3bb2d0
}
.leaflet-image-layer,
.leaflet-layer,
.leaflet-map-pane,
.leaflet-marker-icon,
.leaflet-marker-pane,
.leaflet-marker-shadow,
.leaflet-overlay-pane,
.leaflet-overlay-pane svg,
.leaflet-popup-pane,
.leaflet-shadow-pane,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-tile-pane,
.leaflet-zoom-box {
  position: absolute;
  left: 0;
  top: 0
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden
}
.leaflet-tile-loaded {
  visibility: inherit
}
.leaflet-zoom-box {
  width: 0;
  height: 0
}
.leaflet-tile-pane {
  z-index: 2
}
.leaflet-objects-pane {
  z-index: 3
}
.leaflet-overlay-pane {
  z-index: 4
}
.leaflet-shadow-pane {
  z-index: 5
}
.leaflet-marker-pane {
  z-index: 6
}
.leaflet-popup-pane {
  z-index: 7
}
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto;
  float: left;
  clear: both
}
.leaflet-right .leaflet-control {
  float: right
}
.leaflet-top .leaflet-control {
  margin-top: 10px
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px
}
.leaflet-left .leaflet-control {
  margin-left: 10px
}
.leaflet-right .leaflet-control {
  margin-right: 10px
}
.leaflet-bottom,
.leaflet-top {
  position: absolute;
  z-index: 1000;
  pointer-events: none
}
.leaflet-top {
  top: 0
}
.leaflet-right {
  right: 0
}
.leaflet-bottom {
  bottom: 0
}
.leaflet-left {
  left: 0
}
.leaflet-fade-anim .leaflet-popup,
.leaflet-fade-anim .leaflet-tile {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup,
.leaflet-fade-anim .leaflet-tile-loaded {
  opacity: 1
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
  -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1);
  transition: transform .25s cubic-bezier(0, 0, .25, 1)
}
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated,
.leaflet-zoom-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden
}
.leaflet-container {
  /*cursor: -webkit-grab;
  cursor: -moz-grab*/
}
.leaflet-container.leaflet-clickable,
.leaflet-container.map-clickable,
.leaflet-marker-icon,
.leaflet-overlay-pane path {
  cursor: pointer
}
.leaflet-control,
.leaflet-popup-pane {
  cursor: auto
}
.leaflet-dragging,
.leaflet-dragging .leaflet-clickable,
.leaflet-dragging .leaflet-container,
.leaflet-dragging .map-clickable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing
}
.leaflet-zoom-box {
  background: #fff;
  border: 2px dotted #202020;
  opacity: .5
}
.leaflet-bar,
.leaflet-control-layers {
  background-color: #fff;
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, .4);
  border-radius: 3px;
  box-shadow: none
}
.leaflet-bar a,
.leaflet-bar a:hover {
  color: #404040;
  color: rgba(0, 0, 0, .75);
  border-bottom: 1px solid #ddd;
  border-bottom-color: rgba(0, 0, 0, .1)
}
.leaflet-bar a:active,
.leaflet-bar a:hover {
  background-color: #f8f8f8;
  cursor: pointer
}
.leaflet-bar a:hover:first-child {
  border-radius: 3px 3px 0 0
}
.leaflet-bar a:hover:last-child {
  border-bottom: 0;
  border-radius: 0 0 3px 3px
}
.leaflet-bar a:hover:only-of-type {
  border-radius: 3px
}
.leaflet-bar .leaflet-disabled {
  cursor: default;
  opacity: .75
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  display: block;
  content: '';
  text-indent: -999em
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative
}
.leaflet-control-layers-expanded {
  background: #fff;
  padding: 6px 10px 6px 6px;
  color: #404040;
  color: rgba(0, 0, 0, .75)
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px
}
.leaflet-control-layers label {
  display: block
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  border-top-color: rgba(0, 0, 0, .1);
  margin: 5px -10px 5px -6px
}
.leaflet-container .leaflet-control-attribution {
  background-color: rgba(255, 255, 255, .5);
  margin: 0;
  box-shadow: none
}
.leaflet-container .leaflet-control-attribution a,
.leaflet-container .map-info-container a {
  color: #404040
}
.leaflet-control-attribution a:hover,
.map-info-container a:hover {
  color: inherit;
  text-decoration: underline
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px
}
.leaflet-control-scale-line {
  background-color: rgba(255, 255, 255, .5);
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, .4);
  border-top: 0;
  padding: 2px 5px 1px;
  white-space: nowrap;
  overflow: hidden
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #ddd;
  border-top-color: rgba(0, 0, 0, .1);
  border-bottom: 0;
  margin-top: -2px
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777
}
.leaflet-popup {
  position: absolute;
  text-align: center;
  pointer-events: none
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  pointer-events: all
}
.leaflet-popup-content {
  padding: 10px 10px 15px;
  margin: 0;
  line-height: inherit
}
.leaflet-popup-close-button+.leaflet-popup-content-wrapper .leaflet-popup-content {
  padding-top: 15px
}
.leaflet-popup-tip-container {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  position: relative
}
.leaflet-popup-tip {
  width: 0;
  height: 0;
  margin: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  box-shadow: none
}
.leaflet-popup-close-button {
  text-indent: -999em;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: all
}
.leaflet-popup-close-button:hover {
  background-color: #f8f8f8
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, .4)
}
.leaflet-editing-icon {
  border-radius: 3px
}
.leaflet-bar a,
.leaflet-control-layers-toggle,
.leaflet-popup-close-button,
.map-tooltip.closable .close,
.mapbox-button-icon:before,
.mapbox-icon {
  content: '';
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  background-repeat: no-repeat
}
.leaflet-bar a {
  display: block
}
.leaflet-container.dark .map-tooltip .close,
.leaflet-control-layers-toggle,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-popup-close-button,
.map-tooltip .close,
.mapbox-icon {
  opacity: .75;
  background-image: url(images/icons-000000@2x.png);
  background-repeat: no-repeat;
  background-size: 26px 260px
}
.leaflet-container.dark .leaflet-control-layers-toggle,
.leaflet-container.dark .leaflet-control-zoom-in,
.leaflet-container.dark .leaflet-control-zoom-out,
.leaflet-container.dark .mapbox-icon,
.mapbox-button-icon:before {
  opacity: 1;
  background-image: url(images/icons-ffffff@2x.png);
  background-size: 26px 260px
}
.leaflet-bar .leaflet-control-zoom-in {
  background-position: 0 0
}
.leaflet-bar .leaflet-control-zoom-out {
  background-position: 0 -26px
}
.leaflet-popup-close-button,
.map-tooltip.closable .close {
  background-position: -3px -55px;
  width: 20px;
  height: 20px;
  border-radius: 0 3px 0 0
}
.mapbox-icon-info {
  background-position: 0 -78px
}
.leaflet-control-layers-toggle {
  background-position: 0 -104px
}
.mapbox-icon.mapbox-icon-share,
.mapbox-icon.mapbox-icon-share:before {
  background-position: 0 -130px
}
.mapbox-icon.mapbox-icon-geocoder,
.mapbox-icon.mapbox-icon-geocoder:before {
  background-position: 0 -156px
}
.mapbox-icon-facebook,
.mapbox-icon-facebook:before {
  background-position: 0 -182px
}
.mapbox-icon-twitter,
.mapbox-icon-twitter:before {
  background-position: 0 -208px
}
.mapbox-icon-pinterest,
.mapbox-icon-pinterest:before {
  background-position: 0 -234px
}
.leaflet-popup-content-wrapper,
.map-legends,
.map-tooltip {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}
.map-legends,
.map-tooltip {
  max-width: 300px
}
.map-legends .map-legend {
  padding: 10px
}
.map-tooltip {
  z-index: 999999;
  padding: 10px;
  min-width: 180px;
  max-height: 400px;
  overflow: auto;
  opacity: 1;
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  transition: opacity 150ms
}
.map-tooltip .close {
  text-indent: -999em;
  overflow: hidden;
  display: none
}
.map-tooltip.closable .close {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 3px
}
.map-tooltip.closable .close:active {
  background-color: #f8f8f8
}
.leaflet-control-interaction {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px
}
.leaflet-popup-content .marker-title {
  font-weight: 700
}
.leaflet-control .mapbox-button {
  background-color: #fff;
  border: 1px solid #ddd;
  border-color: rgba(0, 0, 0, .1);
  padding: 5px 10px;
  border-radius: 3px
}
.mapbox-modal>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow-y: auto
}
.mapbox-modal.active>div {
  z-index: 99999;
  transition: all .2s, z-index 0 0
}
.mapbox-modal .mapbox-modal-mask {
  background: rgba(0, 0, 0, .5);
  opacity: 0
}
.mapbox-modal.active .mapbox-modal-mask {
  opacity: 1
}
.mapbox-modal .mapbox-modal-content {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}
.mapbox-modal.active .mapbox-modal-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}
.mapbox-modal-body {
  position: relative;
  background: #fff;
  padding: 20px;
  z-index: 1000;
  width: 50%;
  margin: 20px 0 20px 25%
}
.mapbox-share-buttons {
  margin: 0 0 20px
}
.mapbox-share-buttons a {
  width: 33.3333%;
  border-left: 1px solid #fff;
  text-align: center;
  border-radius: 0
}
.mapbox-share-buttons a:last-child {
  border-radius: 0 3px 3px 0
}
.mapbox-share-buttons a:first-child {
  border: 0;
  border-radius: 3px 0 0 3px
}
.mapbox-modal input {
  width: 100%;
  height: 40px;
  padding: 10px;
  border: 1px solid #ddd;
  border-color: rgba(0, 0, 0, .1);
  color: rgba(0, 0, 0, .5)
}
.leaflet-control.mapbox-control-info {
  margin: 5px 30px 10px 10px;
  min-height: 26px
}
.leaflet-right .leaflet-control.mapbox-control-info {
  margin: 5px 10px 10px 30px
}
.mapbox-info-toggle {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .5);
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1
}
.leaflet-right .mapbox-control-info .mapbox-info-toggle {
  left: auto;
  right: 0
}
.mapbox-info-toggle:hover {
  background-color: #fff
}
.map-info-container {
  background: #fff;
  padding: 3px 5px 3px 27px;
  display: none;
  position: relative;
  bottom: 0;
  left: 0;
  border-radius: 13px 3px 3px 13px
}
.leaflet-right .map-info-container {
  left: auto;
  right: 0;
  padding: 3px 27px 3px 5px;
  border-radius: 3px 13px 13px 3px
}
.mapbox-control-info.active .map-info-container {
  display: inline-block
}
.leaflet-container .mapbox-improve-map {
  font-weight: 700
}
.leaflet-control-mapbox-geocoder {
  position: relative
}
.leaflet-control-mapbox-geocoder.searching {
  opacity: .75
}
.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-wrap {
  background: #fff;
  position: absolute;
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, .4);
  overflow: hidden;
  left: 26px;
  height: 28px;
  width: 0;
  top: -1px;
  border-radius: 0 3px 3px 0;
  opacity: 0;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms
}
.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-wrap {
  width: 180px;
  opacity: 1
}
.leaflet-bar .leaflet-control-mapbox-geocoder-toggle,
.leaflet-bar .leaflet-control-mapbox-geocoder-toggle:hover {
  border-bottom: 0
}
.leaflet-control-mapbox-geocoder-toggle {
  border-radius: 3px
}
.leaflet-control-mapbox-geocoder.active,
.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.leaflet-control-mapbox-geocoder .leaflet-control-mapbox-geocoder-form input {
  background: 0 0;
  border: 0;
  width: 180px;
  padding: 0 0 0 10px;
  height: 26px;
  outline: 0
}
.leaflet-control-mapbox-geocoder-results {
  width: 180px;
  position: absolute;
  left: 26px;
  top: 25px;
  border-radius: 0 0 3px 3px
}
.leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-results {
  background: #fff;
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, .4)
}
.leaflet-control-mapbox-geocoder-results a,
.leaflet-control-mapbox-geocoder-results span {
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 26px;
  text-align: left;
  overflow: hidden
}
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover,
.leaflet-control-mapbox-geocoder-results a:hover {
  background: #f8f8f8;
  opacity: 1
}
.leaflet-right .leaflet-control-mapbox-geocoder-results,
.leaflet-right .leaflet-control-mapbox-geocoder-wrap {
  left: auto;
  right: 26px
}
.leaflet-right .leaflet-control-mapbox-geocoder-wrap {
  border-radius: 3px 0 0 3px
}
.leaflet-right .leaflet-control-mapbox-geocoder.active,
.leaflet-right .leaflet-control-mapbox-geocoder.active .leaflet-control-mapbox-geocoder-toggle {
  border-radius: 0 3px 3px 0
}
.leaflet-bottom .leaflet-control-mapbox-geocoder-results {
  top: auto;
  bottom: 25px;
  border-radius: 3px 3px 0 0
}
.leaflet-container.dark .leaflet-bar {
  background-color: #404040;
  border-color: #202020;
  border-color: rgba(0, 0, 0, .75)
}
.leaflet-container.dark .leaflet-bar a {
  color: #404040;
  border-color: rgba(0, 0, 0, .5)
}
.leaflet-container.dark .leaflet-bar a:active,
.leaflet-container.dark .leaflet-bar a:hover {
  background-color: #505050
}
.leaflet-container.dark .leaflet-control-attribution,
.leaflet-container.dark .map-info-container,
.leaflet-container.dark .mapbox-info-toggle {
  background-color: rgba(0, 0, 0, .5);
  color: #f8f8f8
}
.leaflet-container.dark .leaflet-control-attribution a,
.leaflet-container.dark .leaflet-control-attribution a:hover,
.leaflet-container.dark .map-info-container a,
.leaflet-container.dark .map-info-container a:hover {
  color: #fff
}
.leaflet-container.dark .leaflet-control-layers-list span {
  color: #f8f8f8
}
.leaflet-container.dark .leaflet-control-layers-separator {
  border-top-color: rgba(255, 255, 255, .1)
}
.leaflet-container.dark .leaflet-bar a.leaflet-disabled,
.leaflet-container.dark .leaflet-control .mapbox-button.disabled {
  background-color: #252525;
  color: #404040
}
.leaflet-container.dark .leaflet-control-mapbox-geocoder>div {
  border-color: #202020;
  border-color: rgba(0, 0, 0, .75)
}
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a {
  border-color: #ddd #202020;
  border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .75)
}
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results span {
  border-color: #202020;
  border-color: rgba(0, 0, 0, .75)
}
@media only screen and (max-width: 800px) {
  .mapbox-modal-body {
    width: 83.3333%;
    margin-left: 8.3333%
  }
}
@media only screen and (max-width: 640px) {
  .mapbox-modal-body {
    width: 100%;
    height: 100%;
    margin: 0
  }
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute
}
.leaflet-container img.leaflet-tile {
  max-width: none!important
}
.leaflet-container img.leaflet-marker-icon {
  max-width: none
}
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px!important
}
.leaflet-overlay-pane svg {
  -moz-user-select: none
}
.leaflet-oldie .mapbox-modal .mapbox-modal-content {
  display: none
}
.leaflet-oldie .mapbox-modal.active .mapbox-modal-content {
  display: block
}
.map-tooltip {
  width: 280px\8
}

.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);font-weight:bolder;}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:188px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('//www.myjordanjourney.com/hubfs/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('//www.myjordanjourney.com/hubfs/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('//www.myjordanjourney.com/hubfs/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('//www.myjordanjourney.com/hubfs/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('//www.myjordanjourney.com/hubfs/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}



.trail-section .title-cursive-2{
  text-align:left;
}


@media(max-width:1024px){
  .body-container-wrapper{
    margin:0 25px;
  }    

  .bg-trail{
    /*background-image:url('//www.myjordanjourney.com/hubfs/jtb-trail-bg-1024-v2.png');*/
  }

  .show-ipad{
    /*display:block;*/
  }

  /* #third-trail{
  margin-top:-50px;
}

  #fourth-trail{
  margin-top:-35px;
}*/

  .body-container-wrapper{
    padding:0!Important;
    margin:0;
  }

  .container{
    padding-left:25px!important;
    padding-right:25px!important;
  }

  .background-overlay-text-2 p,
  .background-overlay-text-3 p,
  .background-overlay-text-4 p,
  .background-overlay-text-5 p,
  .background-overlay-text-6 p,
  .background-overlay-text-7 p,
  .background-overlay-text-8 p{
    min-height: 98px;    
  }

  .left-cta{
    width: 100%;
  }

  .left-cta .cta_button{
    width: 100%!important;
    float: none!important;
    margin-bottom: auto!important;
    text-align: center!important;
  }

}

@media(max-width:768px){
  a.bottom-cta{
    width:100%;
    margin:5px 0;
  }   

  body .header-container-wrapper .container-fluid .row-fluid .free-travel-container .left-cta{
    width: 100%!important;
  }

  .trail-section .span4{
    text-align:center;
  }

  .flexbox-boxes .row-fluid{
    display:block;
  }

  .margin-top-ipad{
    margin-top: 60px;
  }

  .andrew-image{
    display:none;
  }

  .bg-trail{
    /*background-image:url('//www.myjordanjourney.com/hubfs/jtb-trail-bg-768-v2.png');*/
  }

  .three-slider{
    display:none!important;
  }

  .title-vid{
    top:0;
  }

  .copyright{
    padding:10px;
  }

  .fb-page.fb_iframe_widget span{
    width:340px!important;
    display: block!important;
  }

  span #twitter-widget-0{
    width: 472px!important;
    display: block!important;
    margin: auto!important;
  }

  .no-padding-mobile{  
    padding-top:0!important;
    /*margin-top: -70px!important;*/
  }

  .space-top-ipad{
    margin-top:80px;
  }

  /* #second-trail{
  margin-top: -55px;
}

  #third-trail {
  margin-top: -80px;
}

  #fourth-trail{
  margin-top: 65px;
}

  #sixth-trail{
  margin-top: -80px;
}*/

  .trail-section span .row-fluid:nth-child(1) .span8 {
    width: 65.81196581196582%;
    float: left;
  }

  .trail-section span .row-fluid:nth-child(1) .span4 {
    width: 31.623931623931625%;
    float: left;
  }

  .trail-section span .row-fluid:nth-child(1) [class*="span"]:first-child {
    margin-left: 0;
  }

  .trail-section span .row-fluid:nth-child(1) [class*="span"] {
    margin-left: 2.564102564102564%;
  }

  a.bottom-cta,
  .flex-box,
  .video-text-content .follow-cta-popup,
  .video-text-content .follow-cta-popup-2,
  .video-text-content .follow-cta{
    display:block;
  }

  .video-text-content .follow-cta-popup,
  .video-text-content .follow-cta-popup-2,
  .video-text-content .follow-cta{
    margin:5px 0;
  }

  .andrew-img{
    width:50%;
  }

  .background-overlay-text{
    padding-top:1px;
    margin-bottom:10px;
  }

  .sponsor-logo{
    margin-bottom:10px;
  }

  .background-overlay-text-2 p,
  .background-overlay-text-3 p,
  .background-overlay-text-4 p,
  .background-overlay-text-5 p,
  .background-overlay-text-6 p,
  .background-overlay-text-7 p,
  .background-overlay-text-8 p{
    min-height: 10px;    
  }

}

@media(max-width:768px) and (min-width:737px){
  .show-768-only{
    display:block;
  }
}

@media(max-width:736px){
  /*.body-container,*/
  .container{
    width:480px!important;
  }    

  body .video-banner-items{
    top:60px!important;
  }

  .container > div{
    padding:0 0px!important;
  }

  .jtbna-sponsor-logo{
    margin-top:45px;
  }

  .space-top-mobile{
    padding-top:40px;
  }

  .space-top-mobile{
    padding-top:40px;
  }

  .less-space-mobile.span6 .jtbna-sponsor-logo{
    margin-top: 0;
    margin-bottom: -75px;
  }

  .trail-section .span8{
    margin-left:0;
    width:66%;
    margin:0 1%;
  }

  .trail-section .span4{
    margin-left:0;
    width:30%;
    margin:0 1%;
  }

  .circular-img{
    width:144px;
    height:144px;
  }

  .bg-trail{
    /*background-image:url('//www.myjordanjourney.com/hubfs/jtb-trail-bg-736-v2.png');*/
  }

  .body-container-wrapper{
    margin:0;
  }


  a.orange-cta-btn{
    width:100%;
  }

  .lightbox-form, 
  .orange-tier-popup{
    width: 90%;
    max-height: 90vh;
    overflow: hidden;
    top: 30px;
    overflow: auto;
  }

  /*#second-trail{
  /*margin-top: -65px;
}*/
  /* 
  #third-trail{
  margin-top: 0;
}

  #fourth-trail{
  margin-top: 0;
}*/


  .trail-section .span8{
    margin-left:auto!important;
    margin-right:auto;
  }

  .jquery-background-video-wrapper{
    height: 180vh;
  }

  .container{
    padding-left:0!important;
    padding-right:0!important;
  }
  #image-map-right:after{
    height:100%;
    width:100%;
    position:absolute;
    display:block;
    content:'';
    background:transparent;
    z-index:999;
  }

  #image-map-right{
    pointer-events: 'none'; 
  } 
  #image-map:after{
    height:100%;
    width:100%;
    position:absolute;
    display:block;
    content:'';
    background:transparent;
    z-index:999;
  }

  #image-map{
    pointer-events: 'none'; 
  }
}

@media(max-width:415px){
  /* .body-container,*/
  .container{
    width:320px!important;
  }    

  /*  .jquery-background-video-wrapper {
  height: 115vh;
}*/

  .jquery-background-video-wrapper{
    height: 580px;
  }

  .circular-img{
    width:96px;
    height:96px;
  }

  .bg-trail{
    /* background-image:url('//www.myjordanjourney.com/hubfs/jtb-trail-bg-415-v2.png');*/
  }

  .hidden-415{
    display:initial;   
  }

  .bg-trail{
    /*background-position: 0 50px;*/
  }

  /*#second-trail {
  margin-top: 0;
}

  #eighth-trail{
  margin-top: -65px;
}

  #seventh-trail{
  margin-top: -45px;
}*/

  .video-text-content{
    padding-top:200px;
  }

  .title-head .subtitle_{
    font-size:.75em;
  }

.footer .footer-title, .footer ul.links li a, .footer span {
  font-family: 'Draft B', sans-serif !important;
  font-size: 1rem !important;
}
  

}
@media (max-width: 736px){
  .container > div {
    float: left!important;
    max-width: 100%;
  }