/*==== Bootstrap, Framework, & Mixins ====*/
@import "old-styles.css";
@import "bootstrap.min.css";
/* ==|== LESS mixins =====================================================
  
  A set of useful LESS mixins by Dmitry Fadeyev tweaked by Dave Fuller
    More info at: http://lesselements.com
  
  .gradient
  .bordered
  .drop-shadow
  .rounded
  .border-radius
  .opacity
  .background-opacity
  .transition-duration
  .transition-target
  .rotation
  .scale
  .transition
  .transition-specific
  .inner-shadow
  .box-shadow
  .columns
  .translate
  .clearfix
  .box-sizing
  .clickable-area
  
========================================================================== */
/*  .gradient(#F5F5F5, #EEE, #FFF); 
  
  Gradient background. First color is the background color to use for browsers 
  that don’t support gradients. The second two colors are the start and stop 
  colors, going from bottom to top.
*/
/*  .bordered(#EEE, #E5E5E5, #DDD, #E5E5E5);
  
  Quick way to set a 1 pixel thick border that varies its color on each side. The color values
  go in a clockwise order: top, right, bottom, left.
*/
/*  .drop-shadow(0, 1px, 2px, 0.2);
  
  Adds a box-shadow that is a semi-transparent black. The first two values control the x and y
  axis position, the third controls blur (how big the shadow is), and the final value is the opacity
  (0 is fully transparent, 1 is opaque).
*/
/*  .rounded(5px);
  Sets a border-radius for all 4 corners. If you want to set border-radius for individual corners use: .border-radius
*/
/*  .border-radius(5px, 0, 0, 5px);
  
  Sets a border-radius for each of the 4 corners individually. 
  The values go in a clockwise rotation: top right, bottom right, bottom left, top left.
*/
/*  .opacity(0.8);
  
  Sets the opacity. 0 is fully transparent, 1 is opaque.
*/
/*  .background-opacity(#fff, 0.8);
    Author: Taylor

    Set the opacity of the background rather than everything contained in that element.
    IE needs to have background:transparent;
    
    http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/
    http://stackoverflow.com/questions/5176114/lesscss-converting-rgba-to-hex-how-to-nest-color-variables-into-a-mixin
*/
/*  .transition-duration(0.2s);
  
  Sets a transition-duration (time it takes to do things like hover effects). The value provides a time in seconds.
*/
/*  .rotation(15deg);
  
  Rotates the item by a number of degrees clockwise.
*/
/*  .scale(2);
  
  Scales the item by the ratio provided. The above makes the item 2 times larger.
*/
/*  .transition(2s, ease-out);
  
  Sets the transition duration and effect to use for any transitions (e.g. hover effects), unlike
  transition-duration which only sets the duration.
*/
/*  .transition-specific(background);
    
  Sets the transition duration, effect and target element to use for any transitions (e.g. hover effects)
*/
/*  .inner-shadow(0, 1, 2px, 0.4);
  
  Sets the inner shadow. The first two numbers are the x and y coordinates, the third is the blur
  and the last one is the strength of the shadow.
*/
/*  .box-shadow(0 1px 2px #999);
  
  Sets the box-shadow. The first two numbers are the x and y coordinates, then the blur, and the
  color. This is different from drop-shadow in that it takes on a color instead of setting a
  transparent black shadow. Additionally, this mixin takes on the whole set of arguments in one
  go, so no need for commas between each number, and you can also add “inset” before the first
  number for inset shadow.
*/
/*  .columns(250px, 0, 50px, #EEE, solid, 1px);
  
  Divides the content into columns. The variables are: column width, column count, column gap,
  column border color, column border style, column border width.
*/
/*  .translate(10px, 20px)
  
  Translates an element using the given coordinates. The values are x and y offset coordinates, so
  the above example moves the element right 10 pixels and up 20 pixels.
*/
/*  .clearfix
  
  Clears floated element
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*  .box-sizing

  Prevents padding adding width to block element
*/
.box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('boxsizing.htc');
}
/*==== Common Page Rules ====*/
body {
  color: #ccc;
}
a {
  color: #fff;
}
a:hover {
  color: #FF5002;
  text-decoration: none;
}
.container {
  width: 970px;
  /* Container Size Change */
}
.header {
  border-bottom: 3px solid black;
  height: 180px;
  padding-bottom: 40px;
}
.header #header_banner {
  background: url('/imgs/header-banner-med.jpg') 0% 0%;
  height: 140px;
  overflow: hidden;
}
.header #header_banner .logo {
  margin-left: 30px;
  margin-top: 15px;
}
.header #header_banner .contactInfo {
  float: right;
  margin-right: 30px;
  margin-top: 30px;
  text-align: right;
  width: auto;
}
.header #header_banner .contactInfo a {
  color: #C4762B;
}
.header #header_banner .contactInfo a:hover {
  color: #FF5002;
  text-decoration: none;
}
.header #nav_row {
  margin-top: -50px;
}
.header #nav_row #navigationTop .nav {
  float: left;
  clear: left;
  margin: 0;
  padding-top: 15px;
}
.header #nav_row #navigationTop .nav li {
  display: inline;
}
.header #nav_row #navigationTop .nav li a {
  background: #000;
  color: #aaa;
  display: inline;
  font-weight: bold;
  line-height: 18px;
  padding: .5em 1em .5em 1em;
  text-decoration: none;
  text-transform: uppercase;
}
.header #nav_row #navigationTop .nav li a:hover {
  background: #aaa;
  color: #FF5002;
}
.offset {
  margin-top: -40px;
}
.offset .col-md-3-override {
  width: 250px;
  /* Container Size Change */
}
.offset .left-nav {
  background: url('/imgs/style/aboutWildImages-background.jpg') 0% 0%;
}
.offset .left-nav .navbar {
  border: 0;
  border-radius: 0;
}
.offset .left-nav .navbar-default {
  background: none;
  margin: 0;
}
.offset .left-nav .navbar-default .navbar-header .navbar-brand {
  display: none;
}
.offset .left-nav .navbar-default #navigationAndLinks {
  border: 0;
  min-height: 0;
  padding: 0;
  width: 100%;
  z-index: 1;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation {
  width: auto;
  margin: 0 0 15px;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li.first {
  color: #C4762B;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li.first h1 {
  font-size: 1.6em;
  margin-bottom: 3px;
  margin-top: 0;
  padding-left: 10px;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li {
  background: #0D0D0D;
  margin-bottom: 3px;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li .daddy {
  background: #0D0D0D;
  color: #ccc;
  padding-right: 25px;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li .daddy .caret {
  position: absolute;
  right: 10px;
  top: 45%;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li .daddy a {
  color: #ccc;
  padding: 0;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li .daddy a:hover {
  background: #aaa;
  color: #FF5002;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li .daddy:hover {
  background: #aaa;
  color: #FF5002;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li .daddy:hover a {
  color: #FF5002;
}
.offset .left-nav .navbar-default #navigationAndLinks #tourNavigation a {
  border-top: 0;
}
.offset .left-nav .navbar-default #navigationAndLinks ul.subList {
  display: none;
  left: 220px;
  /* Container Size Change */
  width: 300px;
  z-index: 1;
}
.offset .left-nav .navbar-default #navigationAndLinks ul.subList li {
  background: #0D0D0D;
}
.offset .left-nav .navbar-default #navigationAndLinks ul.subList li a {
  background: #ccc;
  color: #0D0D0D;
  font-weight: bold;
  text-transform: uppercase;
}
.offset .left-nav .navbar-default #navigationAndLinks ul.subList li a:hover {
  background: #aaa;
  color: #FF5002;
}
.offset .left-nav .navbar-default #navigationAndLinks .calendar {
  margin-bottom: 15px;
}
.offset .left-nav .navbar-default #navigationAndLinks .calendar li {
  margin-bottom: 3px;
}
.offset .left-nav .navbar-default #navigationAndLinks .calendar li:hover {
  background: #aaa;
}
.offset .left-nav .navbar-default #navigationAndLinks .newsletter {
  background: #fff url('/imgs/style/newsletter-li-background.jpg') 0% 0% repeat-x;
}
.offset .left-nav .navbar-default #navigationAndLinks .newsletter a {
  color: #222;
  padding-bottom: 10px;
  padding-top: 15px;
}
.offset .left-nav .navbar-default #navigationAndLinks .newsletter a:hover {
  color: #FF5300;
}
.offset .left-nav .navbar-default #navigationAndLinks .aboutWildImages {
  margin-top: 15px;
  text-align: center;
}
.offset .left-nav .navbar-default #navigationAndLinks .aboutWildImages img {
  margin-bottom: 10px;
}
.offset .left-nav .navbar-default #navigationAndLinks .aboutWildImages p {
  margin: 0 0 10px;
  padding: 0;
  text-align: left;
}
.offset .top-nav-repeat {
  display: none;
}
.offset .article,
.offset .gallery {
  background: url('/imgs/style/content-background.jpg') 0% 0%;
}
.offset .article {
  padding: 0 15px;
}
.offset .article img {
  width: 100%;
}
.offset .article p {
  text-align: justify;
}
.offset .col-md-9-override {
  padding-left: 0;
  width: 720px;
  /* Container Size Change */
}
.offset .col-md-9 .article {
  width: 100%;
}
.offset .col-md-9 .article h1 {
  margin: 10px 0 0;
}
.offset .col-md-9 .article .gallery-wrapper {
  padding: 0;
  width: 100%;
}
.offset .col-md-9 .article .gallery-wrapper img {
  width: initial;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-9 {
  padding-left: 0;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-9 .filterbar {
  padding: 0;
  margin-right: 10px;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-9 .filterbar select {
  width: 240px;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-9 .country-select {
  margin-top: 10px;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-3 {
  padding: 0;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-3 .search {
  margin-top: -19px;
  padding: 0;
  float: none;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-3 .search form {
  float: right;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-3 .search form label {
  width: 220.5px;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-3 .search form .long {
  width: 180px;
}
.offset .col-md-9 .article .gallery-wrapper #header-wrapper .col-lg-3 .search form button {
  height: 24px;
}
.offset .col-md-9 .article .gallery-wrapper .photoBlock #photo-div {
  padding: 0;
  width: 100%;
}
.offset .col-md-9 .article .gallery-wrapper .photoBlock #photo-div .galleryImageContainer {
  max-height: none;
  max-width: none;
  width: 100%;
}
.offset .col-md-9 .article .gallery-wrapper .photoBlock #photo-div .galleryImageTitle {
  padding: 0 5px 5px;
  text-align: center;
}
.offset .col-md-9 .article .gallery-wrapper .col-sm-4 {
  margin-bottom: 0;
  padding: 15px 0 0;
}
.offset .col-md-9 .article .gallery-wrapper #pagination {
  height: 15px;
  left: 0;
  margin: 0 0 15px;
  width: 100%;
}
.offset .col-md-9 .article .gallery-wrapper .clearfix {
  margin-top: 10px;
}
.offset .col-md-9 .article .selected-gallery #header-wrapper {
  margin-top: 20px;
}
.offset .col-md-9 .article .selected-gallery #header-wrapper p {
  margin: 10px 0;
  padding: 0;
}
.offset .col-md-9 .article .tour-list {
  width: 100%;
}
.offset .col-md-6-override {
  padding: 0;
  width: 425px;
  /* Container Size Change */
}
.offset .col-md-6 .article {
  padding: 0 15px;
  width: 100%;
}
.offset .col-md-6 .article h1 {
  margin: 10px 0 0;
}
.offset .right-column {
  padding-left: 0;
  width: 295px;
  /* Container Size Change */
}
.offset .col-md-3 .gallery {
  padding: 15px;
  width: 100%;
}
.offset .col-md-3 .gallery .leader-img {
  float: right;
  margin-left: 20px;
}
.offset .col-md-3 .gallery .button-list {
  width: 100%;
}
.offset #formContact {
  width: auto;
}
.offset #formContact ul {
  padding: 1em 24px;
}
.foot-of-page {
  background: url('/imgs/style/footer-background.jpg') 0% 0%;
  border-top: 10px solid black;
}
.foot-of-page .footer {
  margin-left: 0;
  padding-top: 15px;
}
.foot-of-page .footer ul .col-md-6,
.foot-of-page .footer ul .col-md-2 {
  padding-left: 0;
}
.foot-of-page .footer ul .col-md-4 {
  padding-left: 45px;
}
.foot-of-page .footer ul li li {
  margin-bottom: 3px;
}
.foot-of-page .footer ul li li a:hover {
  text-decoration: none;
}
.foot-of-page .footer ul li.regions {
  width: 100%;
}
.foot-of-page .footer ul li.regions h3 {
  margin-bottom: 10px;
  margin-top: 15px;
}
.foot-of-page .footer ul li.regions .col-xs-6 {
  padding-left: 0;
}
.foot-of-page .footer ul li.regions .col-xs-6 .tour-links {
  margin-bottom: 15px;
  margin-right: 20px;
}
.foot-of-page .footer ul li.company {
  height: 195px;
}
.foot-of-page .footer ul li.company h3 {
  margin-top: 15px;
}
.foot-of-page .footer ul li.contact {
  height: 195px;
  width: 100%;
}
.foot-of-page .footer ul li.contact h3 {
  margin-top: 15px;
}
.foot-of-page .footer ul li.contact .telephone {
  font-size: 20px;
  margin-bottom: 2px;
  margin-top: 5px;
}
.foot-of-page .credits {
  padding: 0;
}
p.caption {
  padding-top: 8px;
}
form.ContactForm legend {
  color: #ccc;
}
.obscurer {
  z-index: 2;
}
.popUpContents {
  left: 50%;
  max-width: 475px;
  width: 100%;
  z-index: 3;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
}
.popUpContents .close {
  color: #fff;
  text-shadow: none;
}
.popUpContents form ul li {
  height: 5em;
  width: 100%;
}
.popUpContents form ul li label,
.popUpContents form ul li input {
  width: 100%;
}
.telephone {
  text-decoration: none;
}
/*==== Media Queries ====*/
@media only screen and (max-width: 1199px) {
  /* Large Desktop */
}
@media only screen and (max-width: 991px) {
  /* Desktop */
  .container {
    width: 750px;
    /* Container Size Change */
  }
  .header #header_banner {
    background: url('/imgs/header-banner-small.jpg') 0% 0%;
  }
  .header #nav_row {
    display: none;
  }
  .offset {
    margin-top: 0;
  }
  .offset .col-md-3-override {
    width: 100%;
    /* Container Size Change */
  }
  .offset .left-nav .navbar-default .navbar-header .navbar-toggle {
    border: 2px solid #c4762b;
  }
  .offset .left-nav .navbar-default .navbar-header .navbar-toggle .icon-bar {
    background: #c4762b;
  }
  .offset .left-nav .navbar-default .navbar-header .navbar-brand {
    color: #C4762B;
    display: inline-block;
    font-size: 1.6em;
    font-style: italic;
    line-height: 1.1;
    position: absolute;
    right: 65px;
  }
  .offset .left-nav .navbar-default #navigationAndLinks #tourNavigation li.first {
    display: none;
  }
  .offset .left-nav .navbar-default #navigationAndLinks ul.subList {
    left: initial;
    right: 0;
    width: auto;
  }
  .offset .top-nav-repeat {
    display: block;
  }
  .offset .top-nav-repeat .navbar {
    border: 0;
    border-radius: 0;
  }
  .offset .top-nav-repeat .navbar-default {
    background: #000;
    margin: 0;
  }
  .offset .top-nav-repeat .navbar-default .navbar-header .navbar-toggle {
    border: 2px solid #aaa;
  }
  .offset .top-nav-repeat .navbar-default .navbar-header .navbar-toggle .icon-bar {
    background: #aaa;
  }
  .offset .top-nav-repeat .navbar-default .navbar-header .navbar-brand {
    color: #aaa;
    display: inline-block;
    font-size: 1.6em;
    line-height: 1.1;
    position: absolute;
    right: 55px;
  }
  .offset .top-nav-repeat .navbar-default #navTopRepeat {
    border-top: 2px solid #aaa;
  }
  .offset .top-nav-repeat .navbar-default #navTopRepeat .nav {
    margin-bottom: 0;
    margin-left: 50%;
    padding: 15px 0;
    text-align: center;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
  }
  .offset .top-nav-repeat .navbar-default #navTopRepeat .nav li {
    display: block;
    margin: 1em 0;
  }
  .offset .top-nav-repeat .navbar-default #navTopRepeat .nav li a {
    background: #000;
    color: #aaa;
    display: inline;
    font-weight: bold;
    line-height: 18px;
    padding: .5em 1em .5em 1em;
    text-decoration: none;
    text-transform: uppercase;
  }
  .offset .top-nav-repeat .navbar-default #navTopRepeat .nav li a:hover {
    background: #aaa;
    color: #FF5002;
  }
  .offset .col-md-9,
  .offset .col-md-9 {
    padding-left: 15px;
  }
  .offset .col-md-9-override {
    width: 100%;
    /* Container Size Change */
  }
  .offset .col-md-6-override {
    padding-left: 15px;
    width: 66.66666667%;
    /* Container Size Change */
  }
  .offset .right-column {
    padding-left: 0;
    width: 33.33333333%;
    /* Container Size Change */
  }
}
@media only screen and (max-width: 767px) {
  /* Tablet */
  .container {
    width: 100%;
    /* Container Size Change */
  }
  .header #header_banner .logo {
    margin-left: 0;
    margin-top: 15px;
  }
  .header #header_banner .contactInfo {
    float: left;
    margin-right: 0;
    margin-top: 10px;
    padding: 0;
    text-align: left;
  }
  .header #header_banner .contactInfo .telephone {
    display: none;
  }
  .offset .col-md-9 {
    padding: 0 15px;
  }
  .offset .col-md-9 .article {
    padding: 0 15px;
  }
  .offset .col-md-9 .article .gallery-wrapper .col-xs-12 {
    padding: 0;
  }
  .offset .col-md-9 .article .gallery-wrapper .col-xs-12 #header-wrapper .region-select {
    width: 80%;
  }
  .offset .col-md-9 .article .gallery-wrapper .col-xs-12 #header-wrapper .search {
    float: left;
    margin-top: 10px;
  }
  .offset .col-md-9 .article .selected-gallery #header-wrapper #imageInstruction {
    padding-top: 5px;
  }
  .offset .col-md-6 {
    padding: 0 15px;
  }
  .offset .col-md-6 .article {
    padding: 0 15px;
  }
  .offset .right-column {
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  .offset .right-column .gallery {
    padding: 0 15px;
  }
  .offset .right-column .gallery img {
    margin-left: auto;
    margin-right: auto;
  }
  .offset #formContact legend {
    padding-left: 15px;
  }
  .offset #formContact ul {
    padding: 1em 15px;
  }
  .offset .col-md-9-override {
    padding-left: 15px;
    width: 100%;
    /* Container Size Change */
  }
  .offset .col-md-6-override {
    padding-right: 15px;
    width: 100%;
    /* Container Size Change */
  }
  .offset .right-column {
    padding-left: 15px;
    width: 100%;
    /* Container Size Change */
  }
  .foot-of-page .footer ul li.regions,
  .foot-of-page .footer ul li.company,
  .foot-of-page .footer ul li.contact {
    height: auto;
    margin-bottom: 15px;
  }
  .foot-of-page .footer ul .col-md-4 {
    padding-left: 0;
  }
  .foot-of-page .footer ul li .company-links {
    margin-bottom: 15px;
  }
  .foot-of-page .footer ul li .contact-links {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  /* Mobile */
}
/*==== Retina Displays (2x Resolution Devices) ====*/
/*==== Print ====*/
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
}