@font-face {
    font-family: 'JuniorWelterwt';
    src: url('/fonts/KnockoutHTF30JuniorWelterwt.eot');
    src: url('/fonts/KnockoutHTF30JuniorWelterwt.eot') format('embedded-opentype'),
         url('/fonts/KnockoutHTF30JuniorWelterwt.woff2') format('woff2'),
         url('/fonts/KnockoutHTF30JuniorWelterwt.woff') format('woff'),
         url('/fonts/KnockoutHTF30JuniorWelterwt.ttf') format('truetype'),
         url('/fonts/KnockoutHTF30JuniorWelterwt.svg#KnockoutHTF30JuniorWelterwt') format('svg');
}

@font-face {
    font-family: 'JuniorHeviwt';
    src: url('/fonts/KnockoutHTF33JuniorHeviwt.eot');
    src: url('/fonts/KnockoutHTF33JuniorHeviwt.eot') format('embedded-opentype'),
         url('/fonts/KnockoutHTF33JuniorHeviwt.woff2') format('woff2'),
         url('/fonts/KnockoutHTF33JuniorHeviwt.woff') format('woff'),
         url('/fonts/KnockoutHTF33JuniorHeviwt.ttf') format('truetype'),
         url('/fonts/KnockoutHTF33JuniorHeviwt.svg#KnockoutHTF33JuniorHeviwt') format('svg');
}

@font-face {
    font-family: 'cruiserweight';
    src: url('/fonts/ufonts_com_knockouthtf52cruiserweight.eot');
    src: url('/fonts/ufonts_com_knockouthtf52cruiserweight.eot') format('embedded-opentype'),
         url('/fonts/ufonts_com_knockouthtf52cruiserweight.woff2') format('woff2'),
         url('/fonts/ufonts_com_knockouthtf52cruiserweight.woff') format('woff'),
         url('/fonts/ufonts_com_knockouthtf52cruiserweight.ttf') format('truetype'),
         url('/fonts/ufonts_com_knockouthtf52cruiserweight.svg#ufonts_com_knockouthtf52cruiserweight') format('svg');
}

@font-face {
    font-family: 'JuniorSumo';
    src: url('/fonts/KnockoutHTF34JuniorSumo.eot');
    src: url('/fonts/KnockoutHTF34JuniorSumo.eot') format('embedded-opentype'),
         url('/fonts/KnockoutHTF34JuniorSumo.woff2') format('woff2'),
         url('/fonts/KnockoutHTF34JuniorSumo.woff') format('woff'),
         url('/fonts/KnockoutHTF34JuniorSumo.ttf') format('truetype'),
         url('/fonts/KnockoutHTF34JuniorSumo.svg#KnockoutHTF34JuniorSumo') format('svg');
}

@font-face {
    font-family: 'JuniorCruiserwt';
    src: url('/fonts/KnockoutHTF32JuniorCruiserwt.eot');
    src: url('/fonts/KnockoutHTF32JuniorCruiserwt.eot') format('embedded-opentype'),
         url('/fonts/KnockoutHTF32JuniorCruiserwt.woff2') format('woff2'),
         url('/fonts/KnockoutHTF32JuniorCruiserwt.woff') format('woff'),
         url('/fonts/KnockoutHTF32JuniorCruiserwt.ttf') format('truetype'),
         url('/fonts/KnockoutHTF32JuniorCruiserwt.svg#KnockoutHTF32JuniorCruiserwt') format('svg');
}

@font-face {
    font-family: 'KnockoutHTF53Heviweight';
    src: url('/fonts/KnockoutHTF53Heviweight.eot');
    src: url('/fonts/KnockoutHTF53Heviweight.eot') format('embedded-opentype'),
         url('/fonts/KnockoutHTF53Heviweight.woff2') format('woff2'),
         url('/fonts/KnockoutHTF53Heviweight.woff') format('woff'),
         url('/fonts/KnockoutHTF53Heviweight.ttf') format('truetype'),
         url('/fonts/KnockoutHTF53Heviweight.svg#KnockoutHTF53Heviweight') format('svg');
}

@font-face {
    font-family: 'FullLiteweight';
    src: url('/fonts/KnockoutHTF69FullLiteweight.eot');
    src: url('/fonts/KnockoutHTF69FullLiteweight.eot') format('embedded-opentype'),
         url('/fonts/KnockoutHTF69FullLiteweight.woff2') format('woff2'),
         url('/fonts/KnockoutHTF69FullLiteweight.woff') format('woff'),
         url('/fonts/KnockoutHTF69FullLiteweight.ttf') format('truetype'),
         url('/fonts/KnockoutHTF69FullLiteweight.svg#KnockoutHTF69FullLiteweight') format('svg');
}

@font-face {
    font-family: 'Liteweight';
    src: url('/fonts/KnockoutHTF49Liteweight.eot');
    src: url('/fonts/KnockoutHTF49Liteweight.eot') format('embedded-opentype'),
         url('/fonts/KnockoutHTF49Liteweight.woff2') format('woff2'),
         url('/fonts/KnockoutHTF49Liteweight.woff') format('woff'),
         url('/fonts/KnockoutHTF49Liteweight.ttf') format('truetype'),
         url('/fonts/KnockoutHTF49Liteweight.svg#KnockoutHTF49Liteweight') format('svg');
}

@font-face {
	font-family: 'JuniorMiddlewt';
	src: url('/fonts/Knockout-HTF31-JuniorMiddlewt.eot');
	src: url('/fonts/Knockout-HTF31-JuniorMiddlewt.eot?#iefix') format('embedded-opentype'),
		url('/fonts/Knockout-HTF31-JuniorMiddlewt.woff2') format('woff2'),
		url('/fonts/Knockout-HTF31-JuniorMiddlewt.woff') format('woff'),
		url('/fonts/Knockout-HTF31-JuniorMiddlewt.ttf') format('truetype'),
		url('/fonts/Knockout-HTF31-JuniorMiddlewt.svg#Knockout-HTF31-JuniorMiddlewt') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('/fonts/ProximaNova-Regular.eot');
	src: url('/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/ProximaNova-Regular.woff2') format('woff2'),
		url('/fonts/ProximaNova-Regular.woff') format('woff'),
		url('/fonts/ProximaNova-Regular.ttf') format('truetype'),
		url('/fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


@media all and (max-width: 1100px) {
  .links_divider {
      width: 18%!important;
      margin: 0% 1%;
      float: left;
      border-top: 1px solid #333333;
      opacity: .6;
      margin-top: 8px;
  }

  div#video4 {
      width: 100%!important;
      height: 100%!important;
  }

  div#video_section_holder {
      width: 100%!important;
      display: block!important;
  }

  .video_graphics img {
      position: absolute;
      width: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      /* height: 80%; */
      max-height: 80%!important;
  }

  div#hero_logo img {
    display: inline-block;
    vertical-align: middle;
    font: 16px/1 Arial sans-serif;
    width: 100%;
    max-width: 375px!important;
}

section#video_section {
    min-height: 100vw!important;
    height: 100vw!important;
}

  #press {
    height: auto!important;
    min-height: auto!important;
}

  section#footer {
    height: 100vh!important;
}

  div#map_container {
    width: 100%!important;
    /* height: 100%; */
    /* display: inline-block; */
    overflow: auto;
    position: absolute;
    margin: auto;
    top: 50px;
    /* bottom: 0; */
    left: 0;
    right: 0;
}

  div#map_container {
    width: 1130px;
    /* height: 100%; */
    /* display: inline-block; */
    overflow: auto;
    position: relative!important;
    margin: auto;
    top: 50px;
    /* bottom: 0; */
    left: 0;
    right: 0;
}

  div#mobile_map_holder {
    display: block!important;
    float: right;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}

/*#map_section {
    width: 100%!important;
    height: auto!important;
    float: left;
    overflow: auto!important;
    max-height: auto!important;
    max-width: 100vw!important;
    min-width: 0px!important;
    min-height: 0px!important;
}*/

/*.cd-section {
    width: 100%!important;
    height: auto!important;
    float: left;
    overflow: auto;
    min-height: auto!important;
    min-width: 0px!important;
}*/

  div#map_left {
    float: right;
    width: 90%!important;
    margin-right: 5%;
    overflow: auto;
    position: relative;
    height: 100%;
    /* margin-top: 13%; */
    display: table;
}

  div#map_info {
    position: relative;
    float: right;
    width: 30%;
    height: 80%;
    margin-top: 10%;
    overflow: auto;
    margin-right: 5%;
    display: none!important;
}

  div#footer_links {
      width: 60%!important;
      float: left;
      margin-bottom: 19px!important;
  }

  div#telegraph {
      width: 100%!important;
      margin: 0% 0%!important;
      overflow: visible;
      margin-top: 3px;
      float: left;
      vertical-align: middle;
      display: inline-block;
      /* height: 16px; */
      text-align: center;
  }

  div#telegraph a {
    width: 170px;
    margin: 0 auto;
    display: block;
}

div#map_holder {
    width: 100%;
    height: 100%;
    /* display: table-cell; */
    /* vertical-align: middle; */
    position: relative;
    display: none!important;
}

div#view_map p {
    margin-bottom: 5px;
    display: none!important;
}

div#mobile_map_holder {
    display: block!important;
    float: right;
    margin-top: 14%;
}

.mobile_trail_name {
    width: 100%;
    float: right;
    /* text-align: center; */
    margin: 20px 0px;
    font-family: 'FullLiteweight';
    font-size: 30px;
    letter-spacing: em;
    text-transform: uppercase;
}

.mobile_trail_name .info_holder {
    display: none;
    width: 90%;
    overflow: auto;
}


.info_holder p {
    width: 90%;
    float: left;
}

p#location_copy, p#location_highlights, p#location_photo_op, p#location_bike_rental {
    font-family: 'JuniorWelterwt';
    font-size: 14px;
    color: #676767;
    line-height: 20px;
    width: 95%!important;
    margin-bottom: 15px;
}

p.location_copy, p.location_highlights, p.location_photo_op, p.location_bike_rental {
    font-family: 'JuniorWelterwt';
    font-size: 14px;
    color: #676767;
    line-height: 20px;
    width: 95%!important;
    margin-bottom: 15px;
}

.altimeter {
    display: none;
}
.cd-section {
    min-width: 100% !important;
    min-height: 700px;
}
}


@media all and (max-width: 1100px) and (min-width: 768px) {
  div#hero_logo img {
    display: inline-block;
    vertical-align: middle;
    font: 16px/1 Arial sans-serif;
    width: 100%;
    max-width: 360px!important;
}

div#video_section_right_holder2 {
    margin-top: 0%!important;
}

div#left_nav img {
    height: 95%!important;
}

#press {

    height: auto!important;
    min-height: auto!important;
}
}



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

  #map_info {
    display: none!important;
  }

  div#video_section_right_holder2 {
    margin-top: 0%!important;
}

  /*.lb-nav {
    top: 115%!important;
}*/

a.lb-prev {
    opacity: 1!important;
}

a.lb-next {
    opacity: 1!important;
}

  div#mobile_menu {
    display: block!important;
}

  #press {

    height: auto!important;
    min-height: auto!important;
}

  div#contact_holder {
    width: 350px;
    margin: auto;
    margin-top: 40px!important;
    overflow: auto;
}


  .cd-section {
        width: 100%!important;
        height: 100vh!important;
        float: left!important;
        overflow: auto!important;
        min-height: 100vh!important;
        min-width: 768px!important;
    }


    div#mobile_map_holder {
        overflow: auto!important;
        margin: 30px 0px!important;
        width: 100%!important;
        display:block!important;
    }

    div#map_holder {
    display: none!important;
}

.mobile_trail_name {
    width: 90%!important;
    text-transform: uppercase;
    /* text-align: center; */
    margin-left: 5%!important;
    display: block!important;
    margin-top: 20px;
    font-family: 'FullLiteweight';
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

div#map_left {
    float: left!important;
    width: 100%!important;
    margin-right: 0%!important;
    overflow: auto;
    position: relative;
    height: 50%!important;
    /* margin-top: 13%; */
    display: table;
    margin-left: 0%!important;
}

    .altimeter {
        display: none!important;
    }

    #map_section {
    width: 100%!important;
    height: 100vh!important;
    float: left!important;
    overflow: auto!important;
    min-height: 135vh!important;
    min-width: 768px!important;
}

    div#map_info {
    position: relative;
    float: left!important;
    width: 70%!important;
    height: 45%!important;
    margin-top: 4%!important;
    overflow: auto;
    margin-right: 0%!important;
    margin-left: 20%!important;
}

    div#slider_section {
        width: 80%!important;
        float: left!important;
        margin-left: 10%!important;
        /* max-width: 100%; */
        /* max-height: 80%; */
        overflow: hidden!important;
        height: 60vh!important;
        margin-right: 0%!important;
        position: relative!important;
        z-index: 5!important;
        margin-bottom: -15px!important;
    }

    .slider_side {
        display: none!important;
    }

    div#trails_nav {
      text-align: center;
      width: 180%!important;
      float: left;
      color: white;
      margin: 30px 0px;
      font-family: 'JuniorSumo';
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: .6em;
      line-height: 24px;
      display: flex;
      overflow: hidden;
      margin-left: -40%!important;
  }

  .image1 {
      width: 40%!important;
      float: left;
      /* overflow: hidden; */
  }

  .image2 {
      float: left;
      width: 60%!important;
      overflow: auto;
      position: relative;
  }

  div#driving_directions_title {
    height: 50px;
}

p#travel_title2 {

    width: 100%!important;
font-family: 'JuniorSumo'!important;
    float: left!important;

}

.info {
    margin: 5%!important;

    float: left!important;
    width: 50%!important;
    margin-top: 40px!important;
}

.info_Section {
    width: 100%!important;
    float: left;
    overflow: auto;
    margin-right: 0%!important;
    margin-top: 10px;
}

section#footer {
    min-height: 50vh!important;
    height: 50vh!important;
}

.links_divider {
    width: 15%!important;
    margin: 0% 1%;
    float: left;
    border-top: 1px solid #333333;
    opacity: .6;
    margin-top: 8px;
}

div#footer_links {
    width: 64%!important;
    float: left;
    margin-bottom: 19px!important;
}

div#telegraph {
    width: 100%!important;
    margin: 0% 0%!important;
    overflow: visible;
    margin-top: 3px;
    float: left;
    vertical-align: middle;
    display: inline-block;
    /* height: 16px; */
    text-align: center;
}

.mobile_trail_name .info_holder {
    width: 90%!important;
    overflow: auto!important;
}


.info_holder p {
    width: 90%!important;
    float: left!important;
}

div#top_nav_social {
    background: black!important;
}

div.link {
    background: black!important;
}

div#top_nav_right {
    height: 400px!important;
    background: black;
    z-index: -1;
}


}

@media all and (min-width: 450px) and (max-width: 768px) {
  .cd-section {
    width: 100%!important;
    height: 100vh!important;
    float: left!important;
    overflow: auto!important;
    min-height: 100vh!important;
    min-width: 100%!important;
}

div#video_section_right_holder2 {
    margin-top: 0%!important;
}

body {
    line-height: 1;
    overflow: hidden!important;
    width: 100vw!important;
}



#press {

    height: auto!important;
    min-height: auto!important;
}

section#footer {
    max-height: 100vh!important;
    height: 100vh!important;
    min-width: 0px!important;
    min-height: 0px!important;
}

#map_section {
    width: 100vw!important;
    height: 100vh!important;
    float: left!important;
    overflow: auto!important;
    min-height: 135vh!important;
    min-width: 100vw!important;
}

div#mobile_map_holder {
    overflow: auto!important;
    margin: 0px 0px!important;
    width: 100%!important;
    display: block!important;
}

div#hero_logo {
    height: 100vh;
    text-align: center;
    font: 0/0 a;
    min-height: 100vh!important;
}

div#hero_logo img {
    display: inline-block;
    vertical-align: middle;
    font: 16px/1 Arial sans-serif;
    width: 100%;
    max-width: 60%!important;
}

div#left_nav {
    height: 150%!important;
    position: absolute;
    top: -25%!important;
    left: 0;
}

.cd-section {
    width: 100%!important;
    height: 100vh!important;
    float: left!important;
    overflow: auto!important;
    min-height: 100vh!important;
    min-width: 100vw!important;
}

#hero {
    background-image: url(https://s3.amazonaws.com/theoztrails/hero_background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden!important;
}

#map_section {
    width: 100%!important;
    height: auto!important;
    float: left!important;
    overflow: auto!important;
    min-height: auto!important;
    min-width: auto!important;
}

.cd-section {
    width: 100%!important;
    height: auto!important;
    float: left!important;
    overflow: auto!important;
    min-height: auto!important;
    min-width: 100%!important;
}

div#slider_section {
    width: 100%!important;
    float: left!important;
    margin-left: 0%!important;
    /* max-width: 100%; */
    /* max-height: 80%; */
    overflow: hidden!important;
    height: 60vh!important;
    margin-right: 0%!important;
    position: relative!important;
    z-index: 5!important;
    margin-bottom: -15px!important;
}

div#top_nav_right {
    width: 100%!important;
    position: absolute!important;
    top: 0;
    padding-top: 100px!important;
    left: 0;
    display: none;
}

.link {
    height: 50px!important;
    width: 100%!important;
    line-height: 50px!important;
    text-align: center !important;
}

div#top_nav_social {
    float: left!important;
    height: 50px!important;
    line-height: 50px!important;
    width: 100%!important;
    padding: 0px!important;
}



.cover_image {
    height: 40vw!important;
}

img.frame {
    height: 42vw!important;
    width: 102%!important;
    margin-left: -1%;
    margin-top: -1vw!important;
}

.trail_pictures_container {
    width: 41vw!important;
    height: 50vw!important;
}

div#blog_holder {
    background: #eae9e5;
    width: 90%;
    /* margin: 5% 10%; */
    margin-top: 100px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    margin-top: 150px;
    min-width: 0px!important;
}


.blog_post_holder {
    display: block!important;
    float: left!important;
}

html {
    overflow-x: hidden!important;
    /*width: 100vw!important;*/
}

.cd-section {
    overflow: hidden!important;
    width: 100vw!important
}

section#current_press {
    overflow: hidden!important;
}

div#top_nav {
    background: black!important;
}



.link {
    display: none!important;
}

.link.mobile {
    display: block!important;
}
}

@media all and (max-width: 450px) {

  .link {
      display: none!important;
  }

  .link.mobile {
      display: block!important;
  }
  div#top_nav_right {
      width: 100%!important;
      position: absolute!important;
      top: 0!important;
      padding-top: 100px!important;
      left: 0!important;
      display: none;
  }
  div#trail_locations {
    width: 100%;
    height: auto!important;
    margin-top: 100px;
    float: left;
}

div#video_section_right_holder2 {
    margin-top: 0%!important;
}

  div#top_nav {
      background: black!important;
  }

  html {
      overflow-x: hidden!important;
      /*width: 100vw!important;*/
  }
  .blog_post_right img {
    max-width: 90%!important;
    float: none!important;
    max-height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.blog_post_left_info_vertical {
    text-align: center!important;
}

.blog_post_left img {
    max-width: 90%!important;
    float: none!important;
    max-height: 100%!important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

div#blog_holder {
    background: #eae9e5;
    width: 100%!important;
    /* margin: 5% 10%; */
    margin-top: 100px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    margin-top: 150px;
    min-width: 900px;
}

.cd-section {
    overflow: hidden!important;
    width: 100vw!important
}

section#current_press {
    overflow: hidden!important;
}
div#blog_post_body {
    float: left;
    width: 100%!important;
    margin-left: 0%!important;
    text-align: center;
}

div#social_post_buttons {
    width: 100%!important;
    float: left;
    height: 80px;
    background-position: 51% 100%!important;
    text-align: center;
    line-height: 80px;
    letter-spacing: 5px;
    font-size: 25px;
    margin-left: 0%!important;
}

.blog_post_left {
    text-align: center!important;
}

.blog_post_right {
    text-align: center!important;
}

  .blog_post_title {
    margin: 0!important;
    width: 100%!important;
}

.blog_post_left_info {
    margin-left: 0%!important;
    width: 100%!important;
}

.blog_post_right_info {
    margin-left: 0%!important;
    width: 100%!important;
}

.blog_post_teaser {
    width: 100%!important;
    margin: 0px!important;
}

  .blog_post_right {
    text-align: center!important;
    height: 35vh!important;
}

.blog_post_left {
    float: left!important;
    height: 35vh!important;
}

.blog_post_teaser {
    width: 100%!important;
    margin: 0px!important;
    margin-bottom: 14px!important;
}

  .blog_post_right {
    text-align: center!important;
}

  .blog_post_left {
    float: left!important;
    width: 100%!important;
}

.blog_post_right {
    float: left!important;
    width: 100%!important;
}


.blog_post_holder {
    display: block!important;
    float: left!important;
}

  div#blog_holder {
    background: #eae9e5;
    width: 90%;
    /* margin: 5% 10%; */
    margin-top: 100px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    margin-top: 150px;
    min-width: 0px!important;
}

  .cover_image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 86vw!important;
      z-index: 1;
      background-size: cover;
  }

  img.frame {
      width: 102%!important;
      height: 88vw!important;
      position: relative;
      z-index: 3;
      margin-left: -1%;
      margin-top: -1vw;
  }

  .trail_pictures_container {
      width: 86vw!important;
      height: 100vw!important;
  }

  .link {
      height: 50px!important;
      width: 100%!important;
      line-height: 50px!important;
      text-align: center !important;
  }

  div#top_nav_social {
      float: left!important;
      height: 50px!important;
      line-height: 50px!important;
      width: 100%!important;
      padding: 0px!important;
  }

  /*div#video_section_holder {
      width: 100%!important;
      height: 50%!important;
  }*/

  div#press_table div {
    width: 50%!important;
    height: 24vw!important;
}

div#new_footer_left, div#new_footer_cemter, div#new_footer_right {
    width: 100%!important;
    height: 33.333%!important;
}

div#new_footer {
    height: 240px!important;
}
/*
  div#video4 {
    height: 50%!important;
    width: 100%!important;
}*/

div#video {
    display: block!important;
}

/*div#video4 {
    height: 90%!important;
    width: 100%!important;
    margin-top: 10%!important;
}*/

div#current_press_left {
    width: 122%!important;
}

div#current_press_top {
    display: block!important;
}

div#telegraph_new {
    width: 160px!important;
}

div#video_section_right {

    width: 100%!important;
    height: 40%!important;
}

div#video_section_right_holder {
    width: 80%!important;
    height: 60%!important;
}

div#home_post_overlay {
    margin-top: 29%!important;
}

div#current_press_right {
    display: none!important;
}

div#post_info_home {
    top: -25%!important;
}

  #press {

    height: auto;
    min-height: auto!important;
    float: left;
    overflow: auto;
    width: 100vw!important;
}

  #hero {

  background-image: url(https://s3.amazonaws.com/theoztrails/hero_background.png);
  background-size: cover!important;
  background-repeat: no-repeat;
  background-position: 62% 50%!important;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  }

  .responsive .slick-slide img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto!important;
    max-width: 50%!important;
    max-height: 40%!important;
    left: 0;
    right: 0;
}

  #press {

      height: auto!important;
      min-height: auto!important;
  }

  div#press_holder {
    overflow: auto;
    height: auto!important;
}

.responsive {
    width: 80vw;
    padding: 25px 0px;
    float: left;
    height: 200px!important;
}

.responsive .slick-slide {
    height: 150px!important;
    position: relative;
    overflow: auto;
}

  img#hero_background {
    height: 100%;
    position: absolute;
    right: 0px;
    z-index: -1;
    display: block!important;
  }


  div#press_left, #press_right {
    height: 200px!important;
    padding: 0px!important;
}



  div#left_nav img {
      height: 100%;
      opacity: 0!important;
  }

  div#left_nav ul {
      position: absolute;
      height: 19%;
      top: 40%;
      left: 0;
      color: #EFEFEF;
      letter-spacing: 2px;
      font-size: 14px;
      width: 190px;
      display: block;
      margin-left: 18%!important;
  }
  .cd-section {
    width: 100%!important;
    height: 100vh!important;
    float: left!important;
    overflow: auto!important;
    min-height: 100vh!important;
    min-width: 100vw!important;
}

section#video_section {
    width: 100%!important;
    /*height: 150vh!important;*/
    float: left!important;
    overflow: auto!important;
    /*min-height: 100vh!important;*/
    min-width: 100vw!important;
}

section#video_section {
    min-height: 100vw!important;
    height: 100vh!important;
}

section#footer {
    min-height: auto!important;
    height: 40vh!important;
}

  div#logo {
    display: none!important;
  }

  div#left-side {
    position: absolute;
    left: 0;
    top: -215px!important;
    width: 20%;
    height: 100%;
    /* overflow: auto; */
    font-family: 'JuniorWelterwt';
  }

  div#hero_logo:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100vh!important;
}

div#hero_logo {
    height: 100vh;
    text-align: center;
    font: 0/0 a;
    min-height: 100vh!important;
}

div#hero_logo img {
    display: inline-block;
    vertical-align: middle;
    font: 16px/1 Arial sans-serif;
    width: 90%!important;
    max-width: 90%!important;
    margin-top: 10%;
}

div#map_info {
    position: relative;
    float: left!important;
    width: 90%!important;
    height: 45%!important;
    margin-top: 4%!important;
    overflow: auto;
    margin-right: 0%!important;
    margin-left: 5%!important;
}

p#location_copy, p#location_highlights, p#location_photo_op, p#location_bike_rental {
    font-family: 'JuniorWelterwt';
    font-size: 14px;
    color: #676767;
    line-height: 20px;
    width: 100%!important;
    margin-bottom: 15px;
}

p.location_copy, p.location_highlights, p.location_photo_op, p.location_bike_rental {
    font-family: 'JuniorWelterwt';
    font-size: 14px;
    color: #676767;
    line-height: 20px;
    width: 100%!important;
    margin-bottom: 15px;
}


.line_left {
    display: none!important;
}

.location_image_holder {
    display: none!important;
}

section#map_section {
    /*min-height: auto!important;*/
    height: auto!important;
    min-width: 100vw!important;
    width: 100vw!important;
    min-height: 900px!important;
}

#map {
    background-image: none!important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    background-color: #E1E0DB!important;
    min-height: 900px!important;
}

div#map_info {
    position: relative;
    float: left!important;
    width: 90%!important;
    height: 56%!important;
    margin-top: 4%!important;
    overflow: auto;
    margin-right: 0%!important;
    margin-left: 5%!important;
}

div#mobile_map_holder {
    /* overflow: auto!important; */
    /* margin: 20px 0px!important; */
    width: 100%!important;
    display: block!important;
    height: auto;
    float: left!important;
}

.mobile_trail_name {
    width: 90%!important;
    text-transform: uppercase;
    /* text-align: center; */
    margin-left: 5%!important;
    display: block!important;
    margin-top: 20px;
    font-family: 'FullLiteweight';
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

div#map_left {
    float: left!important;
    width: 100%!important;
    margin-right: 0%!important;
    overflow: auto;
    position: relative;
    height: 30%!important;
    /* margin-top: 13%; */
    display: table;
    margin-left: 0!important;
}

#footer_top {
    background-image: url(https://s3.amazonaws.com/theoztrails/footer_top_background.png);
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

img#arkasas {
    width: 90%!important;
    float: right;
    position: absolute;
    top: 21%;
    right: 0px;
}

.location_holder.active {
    position: absolute;
    width: 14%!important;
    overflow: visible;
    z-index: 1;
}

#location1 {
    right: 74%!important;
    top: 47%!important;
}

#location2 {
    right: 78.5%!important;
    top: 21%!important;
}

#location3 {
    right: 70.6%!important;
    top: 50%!important;
}

#location4 {
    right: 66%!important;
    top: 32%!important;
}

#location5 {
    right: 61%!important;
    top: 23%!important;
}

#location6 {
    right: 69%!important;
    top: 58%!important;
}

#location7 {
    right: 59%!important;
    top: 45%!important;
}

#location14 {
    right: 51%!important;
    top: 38%!important;
}

#location15 {
    right: 43.5%!important;
    top: 47.5%!important;
}

p#location_title {
    font-family: 'FullLiteweight';
    font-size: 30px;
    letter-spacing: .2em;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    margin-top: 25px;
}

div#slider_section {
    width: 80%!important;
    float: left!important;
    margin-left: 10%!important;
    /* max-width: 100%; */
    /* max-height: 80%; */
    overflow: hidden!important;
    height: 55vh!important;
    margin-right: 0%!important;
    position: relative!important;
    z-index: 5!important;
    margin-bottom: -15px!important;
}

.slick-slide {
    height: 57.5vh!important;
    /* background: black; */
}

div#trails_nav {
    text-align: center;
    width: 400%!important;
    float: left;
    color: white;
    margin: 0px 0px!important;
    font-family: 'JuniorSumo';
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .6em;
    line-height: 24px;
    display: flex;
    overflow: hidden;
    margin-left: -150%!important;
}

div#travel_header_holder img {
    float: right;
    width: 200%;
}

div#driving_directions_title {
    height: 100%!important;
}

.info {
    margin: 5%!important;
    /* overflow: auto; */
    float: left!important;
    width: 90%!important;
    margin-top: 30px!important;
}

#travel_section {
    width: 100%!important;
    height: auto!important;
    float: left!important;
    overflow: auto!important;
    min-height: 175vh!important;
    min-width: 100vw!important;
}

div#footer_links a {
    width: 98%!important;
    margin: 2% 1%!important;
    font-family: 'JuniorWelterwt';
    /* color: white; */
    text-decoration: none;
    text-align: center;
    float: left;
    letter-spacing: .1em;
    color: #C2C1BC;
}

.links_divider {
    width: 15%!important;
    margin: 0% 1%;
    float: left;
    border-top: 1px solid #333333;
    opacity: .6;
    margin-top: 13%!important;
}

div#other_links {
    width: 80%!important;
    text-align: center;
    float: left;
    color: white;
    margin-top: 15px;
    font-family: 'JuniorSumo';
    font-size: 8px;
    letter-spacing: .1em;
    opacity: .3;
    line-height: 20px!important;
    margin-left: 10%!important;
}

div#mobile_play {
    width: 33.3333%;
    margin-left: 33.3333%;
    margin-top: 15%;
    float: left;
    display: block!important;
}

div#left_nav {
    height: 100%;
    position: absolute;
    top: -20px!important;
    left: 0;
}

div#map_container {
    width: 1130px;
    height: 100%;
    /* display: inline-block; */
    overflow: auto;
    position: absolute;
    margin: auto;
    top: 0px!important;
    /* bottom: 0; */
    left: 0;
    right: 0;
}

.videoplayer {
    height: 100%!important;
    width: 100%!important;
    float: left;
    position: relative;
    overflow: visible;
}

.video_graphics img {
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* height: 80%; */
    max-height: 90%!important;
}

.tag_line {
    position: absolute;
    bottom: 0;
    left: 3%;
    right: 0;
    margin: auto;
    text-align: center;
    letter-spacing: 29px!important;
    font-family: 'JuniorWelterwt';
    font-size: 150px!important;
    width: 100%;
    text-align: center;
    color: white;
    line-height: 89px!important;
}

div#press_middle_holder {
  top: 0px!important;
z-index: 10!important;
}

div#bottom_press_text_large {
    font-size: 80px!important;
    line-height: 80px!important;
    margin-top: 82%!important;
}
}

.copyright-text {
    margin-top: 7px;
    display: block;
    width: 100%;
}

@media all and (max-width: 320px) {
  div#left_nav ul {
    position: absolute;
    height: 19%;
    top: 45%!important;
    left: 0;
    color: #EFEFEF;
    letter-spacing: 2px;
    font-size: 14px;
    width: 190px;
    display: block;
    margin-left: 30%;
}

div#social {
    position: absolute;
    right: 2.5%;
    top: 7%!important;
    width: auto;
}

div#social a {
    width: 40px!important;
    float: left;
    text-align: center;
    color: white;
    text-decoration: none;
}

div#video_section_right_holder2 {
    margin-top: 0%!important;
}

#hero {
    background-image: url(https://s3.amazonaws.com/theoztrails/hero_background_mobile.jpg)!important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    /*min-height: 850px;
    min-width: 1050px;*/
}
}

.link {
    display: block;
}

.link.mobile {
    display: none;
}

div#video_section_right_holder2 {
    font-family: 'JuniorWelterwt';
    line-height: 30px;
    color: white;
    font-size: 16px;
    width: 64%;
    letter-spacing: 1px;
    margin-left: 5%;
    position: absolute;
    height: 20%;
    display: table;
    margin-left: 10%;
}

/*div#video_section_vertical2 {
    display: table-cell;
    vertical-align: middle;
}*/

div#mobile_menu {
    width: 100px;
    height: 100px;
    float: right;
    font-size: 40px;
    line-height: 100px;
    text-align: center;
    position: relative;
    z-index: 1000000000000000;
    display: none;
}

body {
    /* width: 100vw; */
    width: 100%;
    margin: 0px;
}

.cd-section {
    /* width: 100vw; */
    width: 100%;
    height: 100vh;
    float: left;
    overflow: auto;
    min-height: 900px;
    min-width: 1050px;
}

#hero {
    background-image: url(https://s3.amazonaws.com/theoztrails/hero_background.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    /*min-height: 850px;
    min-width: 1050px;*/
}

#map {
    background-image: url(https://s3.amazonaws.com/theoztrails/map_background.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    /*min-height: 850px;
    min-width: 1050px;*/
}

#video {
    background-image: url(https://s3.amazonaws.com/theoztrails/video_background.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100vw;
    height: 100%;
    position: relative;
    overflow: auto;
}

#travel {
    background-image: url(https://s3.amazonaws.com/theoztrails/travel_background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% -100%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}

#footer_top {
    background-image: url(https://s3.amazonaws.com/theoztrails/footer_top_background.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    /*min-height: 850px;
    min-width: 1050px;*/
}

div#left-side {
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 100%;
    /* overflow: auto; */
    font-family: 'JuniorWelterwt';
}

div#hero_logo {
    height: 100vh;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
    min-height: 900px;
}

div#hero_logo:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

div#hero_logo img {
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    font: 16px/1 Arial sans-serif;        /* <-- reset the font property */
    width: 100%;
    max-width: 500px;
}

.altimeter {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 7%;
}

.altimeter img {
    height: 100%;
    position: absolute;
    right: 0;
}

div#left_nav {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

div#left_nav img {
    height: 100%;
}

div#logo {
    position: absolute;
    top: 7%;
    left: 18%;
}

div#logo img {
  width: 100%;
}

div#left_nav ul {
    position: absolute;
    height: 19%;
    top: 40%;
    left: 0;
    color: #EFEFEF;
    letter-spacing: 2px;
    font-size: 14px;
    width: 190px;
    display: block;
    margin-left: 30%;
}

div#left_nav ul li {
    /* margin: 0px; */
    float: left;
    width: 100%;
    height: 19%;
    line-height: 50px;
}

div#view_map {
    font-family: 'JuniorCruiserwt';
    font-size: 9px;
    letter-spacing: .2em;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: auto;
}

div#view_map p {
  margin-bottom: 5px;
}
div#view_map a {
  color: #ffffff;
  text-decoration: none;
}

div#map_info {
    position: relative;
    float: right;
    width: 30%;
    height: 90vh;
    margin-top: 0%;
    overflow: auto;
    margin-right: 0%;
    min-height: 800px;
}
div#map_info_holder {
    position: absolute;
    top: 50%;
    /* bottom: 0; */
    margin: auto;
    /* display: inline-block; */
    transform: translateY(-50%);
}

.slick-list {
    height: 100%;
}

.slick-track {
    height: 100%;
}

p#location_title {
    font-family: 'FullLiteweight';
    font-size: 30px;
    letter-spacing: .2em;
    margin-bottom: 5px;
    /* float: left; */
    width: 100%;
    display: inline-block;
}

p#location_type {
    font-family: 'JuniorSumo';
    font-size: 10px;
    letter-spacing: .1em;
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

div#divider {
    width: 100%;
    float: left;
    margin-bottom: 7px;
    overflow: hidden;
}

p#location_copy, p#location_highlights, p#location_photo_op, p#location_bike_rental {
    font-family: 'JuniorWelterwt';
    font-size: 14px;
    color: #676767;
    line-height: 20px;
    width: 85%;
    margin-bottom: 15px;
}

p.location_copy, p.location_highlights, p.location_photo_op, p.location_bike_rental {
    font-family: 'JuniorWelterwt';
    font-size: 14px;
    color: #676767;
    line-height: 20px;
    width: 85%;
    margin-bottom: 15px;
}

div#trail_list {
    width: 100%;
    display: table;
}


p.black_small_title {
    color: black;
    /* line-height: 25px; */
    font-size: 16px;
    font-family: 'JuniorCruiserwt';
    letter-spacing: .1em;
    margin-bottom: 0px;
    float: left;
    width: 100%;
    margin-top: 5px;
}

div#news_admin_holder div {
    float: left;
    width: 100%;
}

div#map_button {
    border: 1px solid black;
    width: 50%;
    padding: 15px 0px;
    background: rgba(225,224,219,.6);
    color: black;
    font-size: 14px;
    font-family: 'JuniorWelterwt';
    text-align: center;
    text-decoration: none;
    letter-spacing: .2em;
    margin-top: 25px;
    float: left;
    display: inline;
    border-left: 3px solid black;
    border-bottom: 3px solid black;
}

p#location_bike_rental a {
    color: #676767;
     text-decoration: underline!important;
}

div#map_info a {
    text-decoration: none;
}

div#map_left {
    float: right;
    width: 777px;
    margin-right: 1%;
    overflow: auto;
    position: relative;
    height: 740px;
    margin-top: 3%;
    display: table;
}

div#map_holder {
    width: 100%;
    height: 100%;
     display: table-cell;
    /* vertical-align: middle; */
    position: relative;
}


img#arkasas {
    width: 100%;
    float: right;
    position: absolute;
    top: 0%;
    right: 0px;
    min-width: 100%;
    height: 95%;
    min-height: 95%;
}
div#travel_header_holder {
    width: 100%;
    overflow: hidden;
    background: black;
    float: left;
}

div#travel_header_holder img {
    float: right;
}

.travel_row {
    float: left;
    overflow: auto;
    position: relative;
    width: 100%;
}

.image1 {
    width: 17%;
    float: left;
    /* overflow: hidden; */
}

.image1 img {
    width: 100%;
    display: block;
}

.image2 {
    float: left;
    width: 29%;
    overflow: auto;
    position: relative;
}

.image2 img {
    width: 100%;
    display: block;
}

.location_holder {
    position: absolute;
    width: auto;
    overflow: visible;
    z-index: 0;
}

.location_holder.active {
    position: absolute;
    width: 40%;
    overflow: visible;
  z-index: 0;
}

.location_holder.active .line_left {
    border-top: 1px solid black;
    width: 125px;
    float: right;
    margin-right: 0;
    margin-top: 0;
    margin-left: 0;
    display: block;
    top: 8px;
    position: absolute;
    right: 9px;
}

.line_left {
    border-top: 1px solid black;
    width: 40%;
    float: right;
    margin-right: -22px;
    margin-top: 22px;
    margin-left: 12px;
    display: none;
}

.location_image {
    width: 97%;
    height: 97%;
    margin: 1.5%;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
}

.location_dot {
    position: relative;
    float: right;
    width: 17px;
    height: 17px;
    overflow: auto;
    position: relative;
    /* padding: 10px; */
    border-radius: 50%;
    /* border: 2px solid rgba(0,0,0,0); */
    z-index: 1;
    overflow: visible;
}

/*.location_dot img:hover {
    background-color: rgba(0,0,0,.1);
}*/

.location_holder.active .location_image_holder {
    float: right;
    width: 250px;
    height: 250px;
    margin-right: 0;
    margin-top: 0;
    border-radius: 50%;
    background-size: cover;
    overflow: hidden;
    border: 1px solid black;
    display: block;
    z-index: 0;
    position: absolute;
    top: -120px;
    right: 140px;
}

.location_image_holder {
    float: right;
    width: 250px;
    height: 250px;
    margin-right: 49%;
    margin-top: -128px;
    border-radius: 50%;
    background-size: cover;
    overflow: hidden;
    border: 1px solid black;
    display: none;
}

.location_dot img {
    width: 17px;
    height: 17px;
    position: absolute;
    /* top: 13px; */
    /* left: 13px; */
    /* background: rgba(0,0,0,.2); */
    border-radius: 50%;
    /* padding: 3px 3px; */
    z-index: 3;
}


.location_dot_name {
    position: absolute;
    left: 20px;
    height: 17px;
    display: inline-block;
    color: black;
    display: inline-block;
    font-family: 'JuniorWelterwt';
    font-size: 14px;
    width: 300px;
    display: none;
    text-transform: uppercase;
}

.location_holder.active .location_dot {
    width: 17px;
    height: 17px;
    overflow: hidden;
    position: relative;
    /* padding: 10px; */
    /* border: 2px solid rgba(0,0,0,.2); */
    border-radius: 50%;
    z-index: 0;
}

.location_holder.active .location_dot img {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    /* background: rgba(0,0,0,.2); */
    border-radius: 50%;
    /* padding: 3px 3px; */
}

#location1 {
    right: 38%;
    top: 37%;
}

#location2 {
    right: 45%;
    top: 28%;
}

#location3 {
    right: 65%;
    top: 46%;
}
#location4 {
    right: 27%;
    top: 32.5%;
}

#location5 {
    right: 33%;
    top: 38.5%;
}

#location6 {
    right: 43%;
    top: 48%;
}

#location7 {
    right: 18%;
    top: 65%;
}

#location8 {
    right: 46%;
    top: 54%;
}
#location9 {
    right: 46.5%;
    top: 31%;
}
#location10 {
    right: 44%;
    top: 32.5%;
}

#location11 {
    right: 40.5%;
    top: 38%;
}

#location12 {
    right: 55.5%;
    top: 56%;
}

div#location13 {
    right: 21.5%;
    top: 18%;
}
#location14 {
    right: 48%;
    top: 36%;
}

#location15 {
    right: 41%;
    top: 45%;
}


section.footer {
    float: left;
    width: 100%;
    overflow: auto;
}

div#footer_bottom {
    background: black;
    padding: 25px 0px;
    overflow: auto;
    width: 100%;
}

div#footer_logo_holder {
    width: 100%;
    text-align: center;
    overflow: auto;
    margin-bottom: 25px;
}

div#footer_logo_holder img {
    width: 200px;
}

div#foot_links_row {
    width: 100%;
    overflow: visible;
}

.links_divider {
    width: 28%;
        margin: 0% 1%;
    float: left;
    border-top: 1px solid #333333;
    opacity: .6;
    margin-top: 8px;
}

div#footer_links {
    width: 40%;
    float: left;

}

div#footer_links a {
    width: 23%;
    margin: 0% 1%;
    font-family: 'JuniorWelterwt';
    /* color: white; */
    text-decoration: none;
    text-align: center;
    float: left;
    letter-spacing: .1em;
    color: #C2C1BC;
}

div#other_links {
    width: 100%;
    text-align: center;
    float: left;
    color: white;
    margin-top: 15px;
    font-family: 'JuniorSumo';
    font-size: 8px;
    letter-spacing: .1em;
    opacity: .3;
}

div#other_links a {
    font-family: 'JuniorSumo';
    font-size: 8px;
    letter-spacing: .1em;
    color: white;
    /* opacity: .3; */
}

div#telegraph {
    width: 15%;
    /* margin: 0% 1%; */
    overflow: visible;
    margin-top: 3px;
    float: left;
    vertical-align: middle;
    display: inline-block;
    /* height: 16px; */
    text-align: center;
}
div#telegraph a img {
    width: 65px;
    margin-top: -7px;
    vertical-align: middle;
    display: inline-block;
    float: left;
}

div#telegraph a span {
    float: left;
    width: 100px;
    font-size: 8px;
    /*letter-spacing: .1em;*/
    color: #666666;
    font-family: 'JuniorSumo';
}

p#travel_titl2 {
    letter-spacing: .4em;
    font-size: 14px;
    float: 100%;
}

.info2 {
    /* overflow: auto; */
    float: left;
    width: 42%;
}

.info {
    margin: 2% 5%;
    /* overflow: auto; */
    float: left;
    width: 70%;
}

.info_Section {
    width: 45%;
    float: left;
    overflow: auto;
    margin-right: 5%;
}
p.travel_info_title {
    color: black;
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    width: 100%;
    font-family: 'JuniorHeviwt';
}

p.travel_info_copy a {
    color: #8e8e8e;
    text-decoration: underline;
}

p.travel_info_copy {
    color: #8e8e8e;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    width: 100%;
    font-family: 'JuniorWelterwt';
    line-height: 22px;
    font-size: 15px
}

p#photos_title {
    width: 100%;
    float: left;
    color: rgba(255,255,255,.6);
    /* background-color: white; */
    text-align: center;
    margin-top: 75px;
    margin-bottom: 5px;
    font-family: 'Liteweight';
    font-size: 22px;
    letter-spacing: .6em;
}

#footer_links a:hover, #left_nav ul li:hover {
  cursor: pointer;
}

div#slider_section {
    width: 50%;
    float: left;
    margin-left: -25%;
    /* max-width: 100%; */
    /* max-height: 80%; */
    overflow: hidden;
    height: 60vh;
    margin-right: -25%;
    position: relative;
    z-index: 5;
    margin-bottom: -15px;
}

.slider_side {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 40vh;
    margin-top: 9vh;
    opacity: .2;
}

.slick-slide img {
    max-width: 100%;
    max-height: 90%;
    height: auto;
    width: auto;
    /*object-fit: contain;*/
    margin: 0 auto;
    text-transform: center;
}

.slider_side .slick-slide img {
    max-height: 100%;
    height: 100%;
    /* object-fit: contain; */
    margin: 0 auto;
    text-transform: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.middle_slider, .left_slider, .right_slider {
    width: 100%;
    height: 100%;
}

.slick-list.draggable {
    width: 100%;
    height: 100%;
}

.slider_side .slick-slide {
    height: 40vh!important;
}

.slick-slide {
    /*height: 60vh!important;*/
    /*background: black;*/
}

div#buttons {
    width: 100%;
    float: left;
    color: white;
    margin: 15px 0px;
}

div#button_holder {
    overflow: auto;
    width: 260px;
    margin: 0 auto;
}

.photo_nav {
    border: 1px solid white;
    text-align: center;
    width: 97px;
    padding: 10px;
    float: left;
    margin: 5px;
}

/*.right_slider .slick-list {
  margin-left: -20%;
}*/

div#trails_nav {
    text-align: center;
    width: 110%;
    float: left;
    color: white;
    margin: 30px 0px;
    font-family: 'JuniorSumo';
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .6em;
    line-height: 24px;
    display: flex;
    overflow: hidden;
    margin-left: -5%;
}

div#trails_nav div.active p {
    border-bottom: 1px solid white;
    display: inline-block;
    opacity: 1;
    margin: auto;
    width: auto;
    color: white!important;
}

div#trails_nav div.active  {
    opacity: 1;
    text-align: center;
}

div#trails_nav div {
    width: auto;
    display: inline-block;
    opacity: .4;
    width: 20%;
    margin: auto;
}

.middle_slider .slick-slide img {
    /* vertical-align: middle!important; */
    /* display: inline-block!important; */
    /* height: auto; */
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

div#trails_nav div:nth-child(1) {
    opacity: .4;
}
div#trails_nav div:nth-child(5) {
    opacity: .4;
}


#play_button {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
    margin: 0 auto;
}

#play_button:hover {
  cursor: pointer;
}

div#video_holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000000;
    background: black;
    height: 100vh;
    text-align: center;
    display: none;
}

div#video_holder video {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

div#video_holder2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000000;
    background: black;
    height: 100vh;
    text-align: center;
    display: none;
}

div#video_holder2 video {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

div#video_holder3 video {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

div#video_holder3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000000;
    background: black;
    height: 100vh;
    text-align: center;
    display: none;
}

div#video_holder4 video {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

div#video_holder4 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000000;
    background: black;
    height: 100vh;
    text-align: center;
    display: none;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    z-index: 2;
}

.close {
    opacity: .5;
}

.close img {
    width: 100%;
}

div#close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    z-index: 100000000000000000;
}

div#close img {
    width: 100%;
}

div#close:hover {
  cursor: pointer;
}

div#close2 {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    z-index: 100000000000000000;
}

div#close2 img {
    width: 100%;
}

div#close2:hover {
  cursor: pointer;
}

div#close3 {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    z-index: 100000000000000000;
}

div#close3 img {
    width: 100%;
}

div#close3:hover {
  cursor: pointer;
}

div#close4 {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    z-index: 100000000000000000;
}

div#close4 img {
    width: 100%;
}

div#close4:hover {
  cursor: pointer;
}

div#close5 {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    z-index: 100000000000000000;
}

div#close5 img {
    width: 100%;
}

div#close5:hover {
  cursor: pointer;
}

div#mobile_play {
    width: 33.3333%;
    margin-left: 33.3333%;
    margin-top: 15%;
    float: left;
    display: none;
}

div#mobile_play2 {
    width: 33.3333%;
    margin-left: 33.3333%;
    margin-top: 15%;
    float: left;
    display: none;
}

div#mobile_play3 {
    width: 33.3333%;
    margin-left: 33.3333%;
    margin-top: 15%;
    float: left;
    display: none;
}

div#mobile_play4 {
    width: 33.3333%;
    margin-left: 33.3333%;
    margin-top: 15%;
    float: left;
    display: none;
}

div#admin_header {
    font-family: 'JuniorSumo';
    width: 100%;
    overflow: auto;
    height: 100px;
}

div#admin_header ul {
    width: 80%;
    float: left;
    overflow: auto;
    height: 100%;
}

div#admin_header a {
    color: white;
    width: auto;
    float: right;
    padding: 25px;
    height: 100%;
    padding-top: 10px;
    font-size: 18px;
    line-height: 82px;
    text-transform: uppercase;
}

div#admin_logo {
    float: left;
    width: 20%;
    overflow: auto;
    vertical-align: middle;
    display: inline-flex;
    height: 100px;
}

div#admin_logo img {
    width: 80%;
    margin-left: 10%;
}

div#image_holder {
    width: 50%;
    margin-left: 10%;
    margin-top: 50px;
    height: 60vh;

    text-align: center;
    float: left;
}

div#image_holder img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 100%;
    margin: 0 auto;


}

div#form_photos {
    width: 40%;
    margin-left: 0%;
    margin-top: 100px;
    height: 60vh;
    float: left;
}

select {
    float: left;
    width: 50%;
    margin-right: 50%;
}

button#save {
    width: 33%;
    float: left;
    margin-top: 50px;
    background: white;
    color: black;
    margin-right: 66%;
}

button#discard {
    width: 33%;
    float: left;
    margin-top: 50px;
    background: red;
    color: white;
}

div#trail_buttons {
    width: 90%;
    margin-left: 5%;
    overflow: auto;
    position: relative;
}

div#trail_buttons a {
    color: white;
    text-align: center;
    text-decoration: none;
}

div#trail_button {
    width: 21%;
    margin: 2%;
    float: left;
    border: 1px solid white;
    padding: 15px 0px;
    font-family: JuniorCruiserwt;
    letter-spacing: 4px;
    font-size: 11px;
    background: rgba(255,255,255,.3);
}

div#trail_button:hover {
  background: rgba(255,255,255,.1)
}

form#trail_form {
    width: 50%;
    margin-left: 25%;
    margin-top: 100px;
    overflow: auto;
    position: relative;
}

.input_holder {
    width: 100%;
    float: left;
    overflow: auto;
    margin: 0px 10px;
}

.input_holder label {
    width: 100%;
    float: left;
    font-size: 18px;
}

.input_holder input, .input_holder textarea {
    width: 100%;
    color: black;
}

.input_holder textarea {
    height: 100px;
}

.submit_button button {
    width: 50%;
    margin-left: 25%;
    margin-top: 30px;
    height: 50px;
    border: 1px solid white;
    padding: 15px 0px;
    /* font-family: JuniorCruiserwt; */
    letter-spacing: 4px;
    font-size: 15px;
    background: rgba(255,255,255,.3);
}

.submit_button button:hover {
  background: rgba(255,255,255,.1)
}

div#form_trail_image {
    width: 50%;
    float: left;
    overflow: auto;
    margin-top: 40px;
}

#form_trail_image_holder {
    width: 200px;
    height: 200px;
    margin: 1.5%;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin: auto;
}

/*div#form_trail_image img {
    width: 100%;
}*/

div#form_trail_image_new {
    float: left;
    width: 50%;
    overflow: auto;
}

div#form_trail_image_new label {
    margin-top: 16%;
    margin-left: 40px;
}

div#form_trail_image_new input {
    margin-left: 40px;
}

div#form_trail_image_new p {
    margin-left: 40px;
    margin-top: 20px;
    font-size: 10px;
}

div#login_logo {
    width: 350px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

p#number {
    text-align: center;
    font-size: 25px;
}

div#mobile_map_holder {
    display: none;
}

#map_section {
  background-color: #E1E0DB!important;
}

div#contact_us {
    width: 100%;
    text-align: center;
    float: left;
    color: white;
    margin-top: 15px;
    font-family: 'JuniorSumo';
    font-size: 11px;
    letter-spacing: .1em;
    opacity: .3;
    text-decoration: underline;
}

div#contact_popup {
    width: 100%;
    position: fixed;
    z-index: 1000000000;
    background: rgba(0,0,0,.8);
    height: 100vh;
    display: none;
}

div#contact_holder {
    width: 350px;
    margin: auto;
    margin-top: 100px;
    overflow: auto;
}

div#contact_holder form {
    width: 100%;
    height: 500px;
}

div#contact_holder form input, #contact_holder form textarea {
    width: 100%;
    margin-top: 20px;
    padding: 9px;
}

div#contact_holder form textarea {
    height: 250px;
}

div#contact_holder form button {
    border: 1px solid white;
    padding: 15px 0px;
    font-family: JuniorCruiserwt;
    letter-spacing: 4px;
    font-size: 11px;
    background: rgba(255,255,255,.3);
    width: 200px;
    margin-left: 75px;
    margin-top: 15px;
    color: white;
}

#trails_nav div:hover {
  cursor: pointer;
}

div#social {
    position: absolute;
    right: 2.5%;
    top: 5%;
    width: auto;
}

div#social a {
    width: 50px;
    float: left;
    text-align: center;
    color: white;
    text-decoration: none;
}

div#social a i {
    font-size: 20px;
}

#social a:hover {
  opacity: .7;
  text-decoration: none;
  cursor: pointer;
}

.photos_trail_title {
    color: white;
    width: 100%;
    float: left;
    padding: 5px 40px;
    height: 100%;
    padding-top: 10px;
    font-size: 30px;
    line-height: 82px;
    text-transform: uppercase;
    font-family: 'JuniorSumo';
}

.image_admin_container {
    width: 300px;
    height: 300px;
    text-align: center;
    float: left;
    position: relative;
    overflow: auto;
    margin-bottom: 50px;
    border: 1px solid;
    margin: 0px 15px 50px 15px;
}

.image_admin_container img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 80%;
    display: inline-block;
    vertical-align: middle;
}

.image_admin_container a {
    position: absolute;
    bottom: 10px;
    left: 25%;
    /* right: 0; */
    width: 50%;
}

div#admin_top_button {
    float: left;
    text-align: center;
    width: 100%;
}

div#trail_select {
    width: 50%;
    margin-left: 25%;
}

div#trail_select select {
    width: 100%;
    /* height: 40px; */
}

div#form_trail_image_add {
    width: 50%;
    margin-left: 25%;
    margin-bottom: 31px;
}

div#loading_holder {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: black;
    top: 0;
    left: 0;
    z-index: 10000000;
    text-align: center;
    display: none;
}

div#loading_holder img {
    width: 200px;
    margin-top: 100px;
}

.travel_wrapper {
    width: 100%;
    float: left;
    overflow: auto;
    margin: 5px 0px;
    margin-bottom: 20px;
}

p#travel_title2 {
    font-family: 'JuniorWelterwt';
    letter-spacing: 4px;
    margin-bottom: 5px;
}

div#map_container {
    width: 1130px;
    /* height: 100%; */
    /* display: inline-block; */
    overflow: visible;
    position: absolute;
    margin: auto;
    top: 50px;
    /* bottom: 0; */
    left: 0;
    right: 0;
}

img#hero_background {
    height: 100%;
    position: absolute;
    right: 0px;
    z-index: -1;
    display: none;
}
button.slick-prev.slick-arrow {
    display: none!important;
}

#travel_section {
    height: auto!important;
    margin-top: 100px;
}

#press {
}

div#press_header {
    font-family: 'KnockoutHTF53Heviweight';
    letter-spacing: 3px;
    font-size: 12px;
    text-align: center;
    /* margin-top: 50px; */
}

div#press_header p {
    padding: 25px;
    margin: 0px;
    /* border-top: 1px solid #dadada; */
    border-bottom: 1px solid #dadada;
}
.responsive {
  width: 80vw;
  padding: 25px 0px;
  float: left;
}

.responsive .slick-slide {
    height: 11.4285714vw;
    position: relative;
    overflow: auto;
}

.responsive .slick-slide img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto!important;
    max-width: 70%;
    max-height: 60%;
    left: 0;
    right: 0;
}

.responsive button.slick-next.slick-arrow, .responsive .slick-dots {
    display: none!important;
}

div#press_left {
      width: 10vw;
    height: 11.4285714vw;
    float: left;
    overflow: auto;
    position: relative;
      padding: 25px 0px;
}

div#press_left img {
    width: auto;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

div#press_right {
    width: 10vw;
    height: 11.4285714vw;
    float: left;
    overflow: auto;
    position: relative;
      padding: 25px 0px;
}

div#press_right img {
    width: auto;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#press {
    height: auto;
    min-height: auto!important;
    float: left;
    overflow: auto;
}


section#video_section {
    min-height: 100vw;
}

.videoplayer {
    width: 89%;
    /* float: left; */
    position: relative;
    overflow: visible;
    height: 100%;
    margin: 0 auto;
    background: black;
    z-index: 1;
}
.video_graphics {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}

.video_graphics img:hover {
  cursor: pointer;
}

.video_graphics img {
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* height: 80%; */
    max-height: 80%;
    z-index: 10;
}

div#trail_select {
    width: 50%;
    margin-left: 25%;
    color: black;
}



/*/////////////////////////////////////  BLOG  /////////////////////////////////////*/

#top_nav {
    background-image: url(/images/header_line.png);
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    height: 100px;
    color: white;
    background: black;
    display: block;
    z-index: 1000000;
}

div#top_nav_left {
    float: left;
    width: 25%;
    position: relative;
    height: 100%;
}

div#top_nav_left img {
    height: 40%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px 15px;
    background: black;
}

div#top_nav_right {
    width: 75%;
    float: left;
    height: 100%;
    position: relative;
}

div#top_nav_social {
    /* width: 20%; */
    float: right;
    font-size: 25px;
    line-height: 100px;
    text-align: center;
    letter-spacing: 5px;
    margin-right: 5%;
    padding: 0px 15px;
    background: black;
}

div#top_nav_social a {
    color: white;
}

.link {
    float: right;
    /* margin-right: 2.5%; */
    height: 100%;
    line-height: 100px;
    font-family: 'JuniorWelterwt';
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0% 1.5%;
    background: black;
}

div#blog_holder {
    background: #eae9e5;
    width: 90%;
    /* margin: 5% 10%; */
    margin-top: 100px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    margin-top: 150px;
    min-width: 900px;
}

.blog_post {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    margin-bottom: 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.blog_post_holder {
    width: 100%;
    display: -webkit-flex;
    display: flex;
}

.blog_post_left {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* float: left; */
    -webkit-flex: 1;
    flex: 1;
    position: relative;
}

.blog_post_right {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* float: left; */
    -webkit-flex: 1;
    flex: 1;
    position: relative;
}

.blog_post_right_info {
    /*float: left;*/
    margin-left: 5%;
    position:absolute; height:100%; width:95%;
    display: table;
}

.blog_post_right_info_vertical {
  display: table-cell;
  vertical-align: middle;
}

.blog_post_left_info {
    /*float: left;*/
    margin-right: 5%;
    position:absolute; height:100%; width:95%;
    display: table;
}

.blog_post_left_info_vertical {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.blog_post_left img {
    max-width: 90%;
    float: right;
    max-height: 70vh;
}

.blog_post_right img {
    max-width: 90%;
    float: left;
    max-height: 45vw;
}

.blog_post_header {
    font-size: 12px;
    color: #8e8e8e;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: 'KnockoutHTF53Heviweight';
    margin-bottom: 7.5px;
}

.blog_post_title {
    font-size: 24px;
    line-height: 24px;
    width: 60%;
    margin-right: 40%;
    font-family: 'JuniorWelterwt';
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.blog_post_teaser {
    color: #676767;
    font-size: 14px;
    width: 60%;
    margin-right: 40%;
    font-family: 'JuniorMiddlewt';
    letter-spacing: .25px;
    margin-bottom: 15px;
}

.blog_post_link_button {
    font-size: 14px;
    font-family: 'JuniorWelterwt';
    line-height: 36px;
    letter-spacing: 2px;
    color: black;
    padding: 10px 10px;
    width: auto;
    display: inline;
    height: 36px;
    border-top: 2px solid grey;
    border-right: 2px solid grey;
    border-bottom: 4px solid black;
    border-left: 4px solid black;
}

div#new_footer {
    height: 80px;
    float: left;
    background: black;
    width: 100%;
}

div#new_footer_left {
    width: 15%;
    float: left;
    height: 100%;
    position: relative;
}

div#new_footer_left img {
    height: 60%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

div#new_footer_cemter {
    float: left;
    width: 70%;
    height: 100%;
    text-align: center;
    line-height: 50px;
}

div#new_footer_right {
    float: left;
    width: 15%;
    height: 100%;
    position: relative;
}

div#telegraph_new {
    width: 100%;
    /* margin: 0% 1%; */
    overflow: visible;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: 15%;
}
div#telegraph_new a img {
    width: 65px;
    margin-top: -7px;
    vertical-align: middle;
    display: inline-block;
    float: left;
}

div#telegraph_new a span {
    float: left;
    width: 90px;
    font-size: 8px;
    /*letter-spacing: .1em;*/
    color: #666666;
    font-family: 'JuniorSumo';
}

div#post_header {
    float: left;
    width: 100%;
    text-align: center;
    color: #8e8e8e;
    font-family: 'KnockoutHTF53Heviweight';
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 22px;
}

div#post_title {
    font-size: 33px;
    line-height: 33px;
    width: 100%;
    font-family: 'JuniorWelterwt';
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
    float: left;
    text-align: center;
    margin-top: 20px;
}

div#post_date_author {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 30px;
    font-family: 'JuniorWelterwt';
    width: 100%;
    text-align: center;
    float: left;
}

div#social_post_buttons {
    width: 64%;
    float: left;
    height: 80px;
    background-position: 100% 54%;
    text-align: center;
    line-height: 80px;
    letter-spacing: 5px;
    font-size: 25px;
    margin-left: 18%;
}

div#blog_post_body {
    float: left;
    width: 90%;
    margin-left: 5%;
    text-align: center;
}

div#post_footer_divider {
    float: left;
    width: 64%;
    margin-left: 18%;
    margin-top: -40px;
}

div#blog_post_body p {
    width: 80%;
    float: left;
    margin-left: 11%;
    color: #676767;
    font-family: 'JuniorMiddlewt';
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .25px;
    margin-bottom: 5px;
    text-align: left;
}

div#blog_post_body p b {
    font-family: 'JuniorWelterwt';
}

div#blog_post_body p b {
    font-family: 'cruiserweight';
    line-height: 13px;
}

div#blog_post_body img {
    /* clear: left; */
    max-width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    max-height: 90vh;
    margin-bottom: 20px;
    display: inherit;
}

/*
.post_image_holder {
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 20px;
    margin-top: 30px;
}

.post_image_holder img {
    margin: 0 auto;
    display: block;
    max-height: 90vw;
    max-width: 80vw;
}*/

div#social_post_buttons a {
    color: black;
}

div#social_post_buttons a:hover {
    text-decoration: none;
}

#pictures {
    background-color: black;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-top: 100px;
}

p#photos_title {
    width: 100%;
    float: left;
    color: rgba(255,255,255,.6);
    /* background-color: white; */
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'Liteweight';
    font-size: 22px;
    letter-spacing: .6em;
}

div#buttons {
    width: 100%;
    float: left;
    color: white;
    margin: 15px 0px;
    margin-top: 50px;
}

div#other_links {
    width: 100%;
    text-align: center;
    float: left;
    color: white;
    margin-top: 15px;
    font-family: 'JuniorSumo';
    font-size: 8px;
    letter-spacing: .1em;
    opacity: .3;
    height: 45px;
    line-height: 13px;
    margin-top: 25px;
}

div#trail_locations {
    width: 100%;
    height: 100vh;
    margin-top: 100px;
    float: left;
}

div#videos {
    float: left;
    width: 100%;
    margin-top: 100px;
    display: block;
    z-index: 10000;
    position: relative;
}

.video_holder {
    float: left;
    width: 100vw;
    height: 50vw;
    display: block;
    position: relative;
    text-align: center;
    background: black;
}

.cover_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000000;
    /* display: none; */
    background-position: 0%;
}

.title {
    color: white;
    font-family: 'JuniorWelterwt';
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 10px 20px;
    background: rgba(0,0,0,.5);
    display: inline-block;
    position: absolute;
    top: 10%;
    left: 5%;
}

.playbutton_videos {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    z-index: 100000000000000000000000000;
}

.playbutton_videos img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

div#current_blog_post_top {
    width: 100%;
    height: 60vw;
    background-size: 100% 95%;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    position: relative;
}

.tag_line {
    position: absolute;
    bottom: 0;
    left: 3%;
    right: 0;
    margin: auto;
    text-align: center;
    letter-spacing: 90px;
    font-family: 'JuniorWelterwt';
    font-size: 300px;
    width: 100%;
    text-align: center;
    color: white;
    line-height: 178px;
}

img#main_home_post_image {
    position: absolute;
    bottom: 0;
    width: 68%;
    left: 0;
    right: 0;
    margin: auto;
}

div#home_post_overlay {
    top: 0;
    height: 100%;
    z-index: 1000000000000000000000000;
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,.7)) );
    width: 100%;
    overflow: hidden;
}

div#post_info_home {
    color: black;
    position: absolute;
    top: 10%;
    left: 16%;
    width: 68%;
}

div#post_number {
    /* float: left; */
    color: #233922;
    font-family: 'JuniorWelterwt';
    letter-spacing: 1px;
    /* width: 100%; */
    margin-top: 5px;
    font-size: 12px;
    border-bottom: 1px solid #233922;
    padding-bottom: 6px;
    display: inline-block;
    padding-right: 5px;
}

div#latest_blog_post {
    float: left;
    color: #233922;
    font-family: 'JuniorWelterwt';
    letter-spacing: 1px;
    width: 100%;
    margin-top: 5px;
}

div#current_blog_post_bottom {
    float: left;
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 50px;
}

div#current_blog_post_bottom_holder {
    width: 60%;
    margin: auto;
    padding: 2% 2.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#current_blog_post_bottom_title {
    font-family: 'KnockoutHTF53Heviweight';
    font-size: 13px;
    color: black;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 13px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

div#current_blog_post_bottom_teaser {
    font-size: 15px;
    line-height: 18px;
    /* -webkit-column-count: 2; */
    -moz-column-count: 2;
    /* column-count: 2; */
    float: left;
    width: 100%;
}

div#current_blog_post_button {
    font-size: 14px;
    font-family: 'JuniorWelterwt';
    line-height: 16px;
    letter-spacing: 2px;
    color: black;
    padding: 10px 20px;
    width: auto;
    display: inline;
    height: 16px;
    border-top: 2px solid grey;
    border-right: 2px solid grey;
    border-bottom: 4px solid black;
    border-left: 4px solid black;
}

div#blog_post_button_holder {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
}

section#current_blog_post {
    height: auto;
}

section#press {
    width: 100%;
}

div#press_holder {
    width: 100%;
}

div#press_table {
    width: 100%;
    float: left;
    display: block;
    position: relative;
}

div#press_table div {
    /* width: 16.6666vw; */
    width: 16.66%;
    float: left;
    height: 12vw;
    position: relative;
}

div#press_table div img {
    position: absolute;
    /* width: 60%; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 60%;
    max-height: 50%;
}

div#press_table div {
    /* width: 16.6666vw; */
    width: 16.66%;
    float: left;
    height: 12vw;
    position: relative;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#form_trail_image_add input[type="text"] {
    color: black;
}

div#current_press_left {
    width: 50%;
    float: left;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* float: left; */
    -webkit-flex: 1;
    flex: 1;
}

div#current_press_left img {
    width: 105%;
}

div#current_press_top {
    width: 100%;
    float: left;
    position: absolute;
    top: -10%;
    display: -webkit-flex;
    display: flex;
}

div#current_press_right {
    /* float: left; */
    width: 50%;
    /* float: left; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* float: left; */
    -webkit-flex: 1;
    flex: 1;
    position: relative;
}

div#press_teaser_holder {
    /* float: left; */
    margin-left: 5%;
    position: absolute;
    height: 100%;
    width: 95%;
    display: table;
}

div#press_teaser_vertical {
    /* display: table-cell; */
    /* vertical-align: middle; */
    height: 25%;
    margin-top: 40%;
}

div#press_teaser {
    float: left;
    width: 55%;
    margin-left: 10%;
    color: white;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1px;
    font-family: 'JuniorWelterwt';
    text-align: center;
    margin-top: 5%;
}

div#press_link {
    float: left;
    display: block;
    /* display: table-cell; */
    position: relative;
    margin-left: 10px;
    margin-top: 5%;
    height: 84px;
}

div#press_link img {
    position: absolute;
    left: 70%;
    top: 0;
    bottom: 0;
    margin: auto;
}

div#green_block {
    position: absolute;
    top: 5%;
    background: #233922;
    width: 65%;
    height: 10%;
    z-index: -1;
}

div#current_press_bottom {
    float: left;
    width: 100%;
    display: block;
    position: relative;
}

div#press_middle_holder {
    width: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -50px;
    background: #233922;
    padding: 25px;
    padding-bottom: 100px;
}

div#press_middle_logo {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
    height: 100px;
}

div#press_middle_logo img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    /*width: 70%;*/
}

div#press_middle_name {
    font-family: 'KnockoutHTF53Heviweight';
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
    float: left;
}

div#press_middle_divider {
    float: left;
    width: 20%;
    border-top: 1px solid white;
    margin-left: 40%;
    margin-bottom: 25px;
    margin-top: -10px;
}

div#press_middle_date {
    font-family: 'JuniorCruiserwt';
    width: 100%;
    float: left;
    text-align: center;
    color: white;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
}

div#press_middle_link {
    font-family: 'JuniorWelterwt';
    float: left;
    margin-top: 25px;
    color: white;
    font-size: 12px;
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
}

div#press_middle_link a {
    color: white;
}

div#bottom_press_text_large {
    color: white;
    font-size: 185px;
    line-height: 154px;
    letter-spacing: 15px;
    font-family: 'FullLiteweight';
    text-transform: uppercase;
    margin-top: 216px;
    width: 90%;
    margin-left: 9%;
    position: relative;
    z-index: 5;
    margin-bottom: 15px;
}



div#white_block {
    position: absolute;
    bottom: 0px;
    height: 8%;
    width: 50%;
    background: white;
    left: 0;
}

div#green_block2 {
    position: absolute;
    bottom: 0px;
    height: 8%;
    width: 50%;
    background: #233922;
    right: 0;
    z-index: 1;
}

div#left_line {
    position: absolute;
    bottom: 0px;
    height: 20%;
    width: 13%;

    left: 0;
    border-top: 1px solid white;
}

.link a {
    color: white;
    text-decoration: none;
}



.blog_post_link_button a {
    color: black;
    text-decoration: none;
}

div#next_blog_nav {
    width: 100%;
    float: left;
    display: block;
    position: relative;
}

div#next_blog_nav_left {
    float: left;
    display: inline-block;
    margin-bottom: 50px;
    margin-left: 5%;
}
div#next_blog_nav_right {
    float: right;
    display: inline-block;
    margin-bottom: 50px;
    margin-right: 5%;
}

.arrow_holder {
    display: inline-block;
    padding: 0px 10px;
}

div#next_blog_title {
    display: inline-block;
    font-family: 'JuniorWelterwt';
    font-size: 18px;
    letter-spacing: .25px;
}

div#next_blog_nav_right a, div#next_blog_nav_left a {
  color: black;
  text-decoration: none;
}

div#video4 {
    height: 100%;
    width: 100%;
}

div#pictures {
    width: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    position: relative;
}

img.frame {
    width: 100%;
    height: 18.5vw;
    position: relative;
    z-index: 3;
}

.trail_pictures_container {
    width: 18.5vw;
    height: 22.5vw;
    float: left;
    margin: 2vw;
    position: relative;
    margin-bottom: 15px;
    display: table-cell;
}

.cover_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 18.5vw;
    z-index: 1;
    background-size: cover;
}

.photos_trail_name {
    color: #c8c7c3;
    font-size: 13px;
    text-align: center;
    width: 100%;
    float: left;
    font-family: 'KnockoutHTF53Heviweight';
    text-transform: uppercase;
    letter-spacing: .25px;
    line-height: 18px;
}

.photos_trail_number {
    color: #737373;
    font-size: 12px;
    text-align: center;
    width: 100%;
    float: left;
    font-family: 'Proxima Nova Rg';
    /*text-transform: uppercase;*/
    letter-spacing: .25px;
    line-height: 18px;
}

.hidden {
    display: none;
}

div#current_blog_post_button a {
    color: black;
    text-decoration: none;
}

h3.news_header {
    color: white;
    margin-top: 55px;
    float: left;
    width: 100%;
}

div#news_admin_holder {
    width: 80%;
    float: left;
    margin-left: 10%;
    color: white;
}

.faq_edit_holder span {
    margin-right: 5%;
    float: left;
    width: 45%;
}

.faq_edit_holder a {
    margin-right: 2%;
    width: 13%;
    float: left
}

div#form_trail_image_add2 label, #form_trail_image_add2 input {
    width: 100%;
    float: left;
}

div#blog_add_body {
    width: 70%;
    margin-left: 15%;
    float: left;
}

div#form_trail_image_add2 {
    padding: 10px;
    border: 1px solid white;
    border-radius: 10px;
    overflow: auto;
    margin-bottom: 25px;
}

.toolbar_section a {
    color: white;
    display: inline-block;
    /* width: 8%; */
    text-align: center;
    border: .5px solid white;
    padding: 15px 30px;
}

.toolbar_section {
    width: 100%;
    display: inline-block;
}

div#top_nav a:hover {
    color: white;
}

div#press_buttons a {
    color: white;
    text-align: center;
}

div#blog_post_body div {
    width: 80%;
    float: left;
    margin-left: 11%;
    color: #676767;
    font-family: 'JuniorMiddlewt';
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .25px;
    margin-bottom: 5px;
    text-align: left;
}

div#blog_post_body b {
    font-family: 'JuniorSumo';
    color: black;
}

.background_video {
    position: absolute;
    width: 427px;
    top: -3px;
    bottom: 0;
    left: -2px;
    right: 0;
    margin: auto;
    height: 428px;
    max-height: 80%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 0;
    background-position: 50% 50%;
    background-size: cover;
}

#main_home_post_image {
    position: absolute;
    bottom: 0;
    width: 68%;
    left: 0;
    right: 0;
    margin: auto;
    height: 70%;
    background-size: cover;
    background-position: 50% 50%;
}

div#press_logo_edit {
    width: 100%;
    float: left;
    height: 150px;
}

div#press_logo_edit img {
    float: left;
    height: 80%;
}

div#image_button2 {
    float: left;
    width: 50%;
    margin-left: 0%;
}

input#image_file {
    width: 100%;
    /* margin-left: 37.5%; */
    padding: 7px 15px;
    border: 1px solid black;
}
.flex {
  width: 100%;
  float: left;
  margin-bottom: 10px; }

  div#insert_section {
    width: 300px;
}

div#trail_list i {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    position: relative;
    text-align: center;
    font-size: 30px;
    /* height: 100%; */
}

div#trail_list_holder {
    width: 100%;
    position: absolute;
    top: 100%;
    background: #e1e0db;
    left: 0;
    padding: 10px;
    border: 1px solid #676767;
    display: none;
}

div#trail_list {
    width: 100%;
    display: table;
    position: relative;
}

.trail_individual {
    font-family: 'JuniorWelterwt';
    font-size: 19px;
    color: #676767;
    padding: 5px 0px;
}

div#trail_list:hover {
    cursor: pointer;
}

.caption {
    max-width: 60%;
    margin: 0 auto;
    margin-top: 30px;
    /* max-height: 90vh; */
    margin-bottom: 20px;
    display: inherit;
    /* float: none!important; */
    width: 40vw!important;
    margin-left: 21.5vw!important;
    text-align: center!important;
    font-size: 12px!important;
    margin-top: -17px;
}

@media screen and (max-width: 1280px) {
    div#other_links {
        line-height: 18px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 640px) {
    div#other_links {
        width: 86% !important;
        margin-left: 7% !important;
        line-height: 17px !important;
        line-height: 15px;
        margin-top: 7px;
        height: auto;
    }
}