/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 24 February 2016 14:41:16
*/


/*********************
1. Typography 
2. Header
3. Breadcrumbs / Title
4. Banners / Carousels
   Event-strip callout styles
5. Content Styles
    Imagery
    Forms
    Data Records
    Powered by
4. Content Fluid (index landing pages)
   including landing-strips
   Instagram 

7. Document link icons
8. Index Tiles
9. Left Navigation

10. Events 
11. Venues
12. Right Column
13. eNewsletter
14. Mobile Social Media
15. Footer
16. Itinerary
17. Search
18. Frontpage
19. @media print
20. Insiders

XX. Bootstrap DateTimePicker

*********************/

/* {  font-family: FontAwesome; content: "\f178"; } */

.pink { background-color: pink; }
img.pink { height: 200px; width: 300px; }
.purple { background-color: purple; }
.red { background: red; }
.orange { background: orange; }
.yellow { background: yellow; }
.green { background: green; }
.blue { background: blue; }
.indigo { background: indigo; }
.grey { background: grey; }
img.grey { height: 200px; width: 300px; }
.white { background: #f1f1f1; }
.black { background: #000000; color: #ffffff; }
.brand1 { background-color: #2f4757; }
.brand2 { background-color: #425968; }
.brand3 { background-color: #93a3af; }
.brand4 { background-color: #a7b6c1; }
.brand5 { background-color: #dae0e4; }
.brand6 { background-color: #f1f3f5; }
.brand7 { background-color: #f2f4f6; }



.btn { border-radius: 0px; padding: 12px 6px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
.btn-primary { color: #fff; background-color: #2f4757; border-color: #2f4757; }

.btn.add_to_itinerary { background-color: #337ab7; border-color: #337ab7; }

.btn.remove_from_itinerary { font-size: 12px; min-height: 46px; }



p.contact-us-by {}
p.contact-us-by .fa { margin: 0 10px 10px 0; }

.pagination > li > a, .pagination > li > span {
    padding: 10px 16px;    
    color: #2f4757;
    font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
    font-weight: 700;
    font-style: normal;
   
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #2f4757;
    border-color: #2f4757;
}


.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}



/*********************************
 HIGHLIGHTING ERRORS IN HTML THAT NEED CORRECTED.
 (Which, Tom / Squiz, is originally why we had the purple body colour. So please don't change this.)
 THIS WILL BE DELETED AT GO LIVE
*********************************/
/*
#content p[style] { color: purple; }
#content table[style] { border-color: purple; }
#contentwrapper, 
#content #content,
#body-outer,
#body-inner,
#page-outer, 
#page-inner { background-color: #ffccff; border: 5px solid #ff0000; }
#body-outer:before { content: 'body-outer div to be removed'; }
#contentwrapper:before { content: 'contentwrapper div to be removed'; }
#content #content:before { content: 'double up of id="content"'; }
*/
#content a[href*="sandboxdcc.co.nz"] { border-bottom: 3px solid #ff0000; }






/***** TYPOGRAPHY *****/

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  height: 100%;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
  background-size: cover;
  color: #000000;
  height: 100%;
  min-height: 100%;

  animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */;
}

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1;}
}

@-moz-keyframes fadein { /* Firefox */
  from { opacity: 0; }
  to { opacity: 1; }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
  from { opacity: 0; }
  to { opacity: 1; }
}

@-o-keyframes fadein { /* Opera */
  from { opacity: 0; }
  to { opacity: 1; }
}



h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, 
li, dl, p, table, td, th, nav, footer, form {
  color: #000000;
}

h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, 
table {
  margin-top: 0;
  margin-bottom: 2rem;
}

h1 {
  font-size: 4.0rem;
  font-size: 66px;
  line-height: 1.2;
  letter-spacing: 0rem;
  font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

h2, .h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
  clear: both;
  margin: 4rem 0 1.4rem 0;
  font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

#content > h2:first-child {
  margin-top: 0rem;
}

h3, .h3 {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem;
  clear: both;
  margin: 3rem 0 1.2rem 0;
  font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-style: normal;
}

h4, .h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
  color: #253745;
  font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
  font-style: normal;
  margin: 2rem 0 1.2rem 0;
}

h5, .h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

h6, .h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

p {
  line-height: 1.5;
  margin-top: 0;
}



hr {
  border: none;
  outline: none;
  border-bottom: 3px solid #ccc;
  margin: 3.0em 0;
  clear: both;
}

#content ul, 
#content ol,
#content li {
  line-height: 1.5;
  margin: 0 0 0.4em 0;
}

#content ul li {
  list-style-type: disc;
}

.smalltag, .smalltag a { color: #666666; font-style: italic; }

table {
  text-align: left;
  border-top: 1px solid #a7b6c1;
  border-left: 1px solid #a7b6c1;
  width: 100%;
}

th, td {
  padding: 12px 15px;
  border-bottom: 1px solid #a7b6c1;
  border-right: 1px solid #a7b6c1;
  vertical-align: top;
}

th {
  background: #f1f1f1;
  color: #000;
}

table.smallertext th,
table.smallertext td { font-size: 14px; padding: 6px 8px; }
table.centred th,
table.centred td { text-align: center; }
.nocentred { text-align: left !important; }

table caption {
  font-size: 3.0rem;
  text-align: left;
}

iframe {
  width: 100%;
  border: none;
}



.headingline {
    clear: both;
    padding: 2.0em 0 0 0;
    border-top: 5px solid #f1f1f4;
    margin-top: 2.0em;
    width: 100%;
}


#content h3.headingline:first-of-type { border-top: 0px; margin-top: 0em; padding-top: 0em; }


@media only screen and (max-width:767px) {
  h3, .h3 {
  font-size: 2.1rem;
  }
}








/***** HEADER *****/
header, .header, footer, div {
  margin: 0;
  padding: 0;
}

header, .header {
  background: #2f4757;
}

.header {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 30px 0 30px 0;
}

.frontpage div.logo img,
.header div#logo img {
  height: 50px;
}

@media only screen and (max-width:767px) {
 
  .header {
    padding-top: 0px !important;
    min-height: 60px;
  }

  .header div#logo img {
    height: 28px;
  }

  #logo {
    float: left;
    margin-top: 16px;
    padding: 0;
  }

  #mobile-nav,
  #mobile-search,
  #mobile-itinerary {
    float: right;
    margin-right: 16px;
    margin-top: 12px;
    margin-bottom: 8px;
  }


   #mobile-nav {
     margin-right: 0px; 
     margin-top: 15px;
  }

}




/***** BREADCRUMBS / TITLE *****/
#title-breadcrumbs {
  background: #000000;
  color: #869495;
  margin: 0;
}

.ShowTitleBreadcrumbs {
  display: block;
}

.HideTitleBreadcrumbs {
  display: none;
}

#breadcrumbs {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  margin: 30px 0 10px 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}

#breadcrumbs ol {
  margin: 0;
  padding: 0;
}

#breadcrumbs ol li {
  display: inline;
  margin: 0;
  padding: 0;
  color: #ccc;
}

#breadcrumbs ol li:after { content: " / "; }
#breadcrumbs ol li:last-child:after { content: ""; }
#breadcrumbs a { padding: 0 5px 0 5px; color: #869495; }
#breadcrumbs a:hover { color: #ccc; }

@media only screen and (min-width:320px) {
  #breadcrumbs  ol { display: none; }
}

@media only screen and (min-width:768px) {
  #breadcrumbs ol { display: block; }
}

#title { padding-bottom: 14px; }
#title h1 { color: #fff; margin: 0 0 0 0; }
.page-description { width: 100%; margin-top: 10px; color: #ff0000; }
.page-description p { font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #869495; margin-bottom: 14px; }

.page-description p:last-child { margin-bottom: 30px; }




@media only screen and (max-width:1024px) {
  #title h1 { font-size: 46px; }
 
}


@media only screen and (max-width:767px) {
  #title h1 { font-size: 26px; }
  .page-description p:last-child { margin-bottom: 14px; }
}














/***** BANNERS / CAROUSELS *****/
.callout {
  font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.callout a:hover {
  text-decoration: none;
}

.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: 100%;
  background: #2f4757;
}

.banner img {
  width: 100%;
  height: auto;
  display: block;
}

.banner img.no-thumbnail {
  display: none;
}

.banner img no-thumbnail6 {
}

.banner .callout {
  z-index: 1;
  position: absolute;
  top: 0;
  margin-top: 15%;
  width: 40%;
}

.callout h1 {
 /** all done in @media **/
  margin-bottom: 1rem;
}

.callout h1 > span {
  box-shadow: -.2em -.2em 0 #000, .2em -.2em 0 #000, -.2em .2em 0 #000, .2em .2em 0 #000;
}

/* fixed: no need for text-shadow with an extra element */
.callout > span > span {
  position: relative;
}

.callout p {
  margin-top: 0px;
  margin-left: -.4em;
  float: left;
  padding: 10px 14px;
  text-transform: uppercase;
}

#myCarousel {}

.carousel-inner .item .carousel-caption {
  position: absolute;
  left: 0%;
  right: 5%;
  top: 0;
  margin-top: 100px;
  z-index: 1;
  text-align: left;
}

.carousel-indicators {}

.carousel-control .fa {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.carousel-control.left {
  text-align: left;
  padding-left: 20px;
}

.carousel-control.right {
  text-align: right;
  padding-right: 20px;
}

.carousel-control.right .fa { right: 20px; }

@media only screen and (max-width:319px) {
   .banner .callout h1, 
  .carousel-caption h1,
  .landing-strip .callout h1 {
    font-size: 2.2rem;
  }
}

@media only screen and (min-width:320px) {
 
  .banner .callout h1, 
  .carousel-caption h1,
  .landing-strip .callout h1 {
    font-size: 3.0rem;
  }

  .banner .callout p,
  .landing-strip .callout p {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 7px 0 0 0;
    padding: 7px 0;
    text-transform: uppercase;
  }
}

@media only screen and (max-width:414px) {
  .banner .callout h1,
  .landing-strip .callout h1 { width: 100%; font-size: 2.6rem; }
  .callout h1 span, 
  .callout p a span {
    padding: 0em;
    margin: 0em;
    line-height: 1.2;
    display: inline-block;
  }

  .callout p {
    margin: 0;
    padding: 10px 0 10px 0px;
    font-size: 12px;
  }
}

@media only screen and (max-width:767px) {
  .carousel-inner .item { background: #000000; }
  body.A501986A .carousel-inner .item { max-height: 310px; /* accommodation photos */ }
  .carousel-inner .item .carousel-caption {
    position: relative;
    bottom: 0;
    margin-top: 0;
    background: #000000;
    padding: 0;
  }
  .carousel-inner .item .carousel-caption h1 { margin: 0; padding: 10px 0 0 0; }
  .carousel-inner .item .carousel-caption p { margin: 10px 0 0 0; padding: 0 0 10px 0px; }
  .carousel-indicators, .carousel-control { display: none; }
  .callout h1 > span { box-shadow: none; }
  .callout p { margin-top: 10px; margin-left: -.4em; }
}

@media only screen and (min-width:768px) {
  .carousel-inner .item .carousel-caption { left: 5%; right: 5%; }
  .banner .callout,
  .landing-strip .callout { margin-top: 5%; position: absolute; }
  .banner .white-on-black span,
  .landing-strip .white-on-black span { background: #000000; color: #ffffff; }
  .carousel-inner .item .carousel-caption h1 { line-height: 1.4; }
}

@media only screen and (min-width:992px) {
  .banner .callout,
  .landing-strip .callout { margin-top: 5%; }
  .banner .callout h1, 
  .carousel-caption h1,
  .landing-strip .callout h1 { font-size: 4.0rem; }
}

@media only screen and (max-width:1000px) {  
  .banner .callout h1 { width: 100%; }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {  
  .banner .callout,
  .landing-strip .callout {
    margin-top: 10%;
  }

  .banner .callout h1, 
  .carousel-caption h1,
  .landing-strip .callout h1 {
    font-size: 5.0rem;
  }
}

@media only screen and (min-width:1400px) {
  
  
  .banner {
 max-height: 800px;
    /*max-height: 1000px;*/
  }

  .banner img,
  .landing-strip img {
    vertical-align: bottom;
  }

  .banner .callout,
  .landing-strip .callout {
    margin-top: 10%;
  }

  .banner .callout h1, 
  .carousel-caption h1,
  .landing-strip .callout h1 {
    font-size: 6.0rem;
  }
}

@media only screen and (min-width:1500px) {

  .callout p {
    margin-left: -.7em;
  }
}

.black-on-white span,
.black-on-white p {
  color: #000;
  background: #fff;
}

.black-on-white a {
  color: #000;
}

.white-on-black span,
.white-on-black p {
  color: #fff;
  background: #000;
}

.white-on-black a {
  color: #fff;
}

.black-on-transparent span,
.black-on-transparent p {
  color: #000;
  background-color: transparent;
}

.black-on-transparent a {
  color: #000;
}

.white-on-transparent span, 
.white-on-transparent p {
  color: #fff;
  background-color: transparent;
}

.white-on-transparent a {
  color: #fff;
}



/***** CONTENT FLUID (index landing pages) *****/

.content-fluid {
  padding: 0 0 0 0;
}

.content-fluid .row {
  margin: 0 0 0 0;
}

.content-fluid .row .col-xs-12,
.content-fluid .row .col-sm-12,
.content-fluid .row .col-md-12,
.content-fluid .row .col-lg-12 {
  padding: 0 0 0 0;
}

.landing-strip {
}

.landing-strip:first-child {
  margin-top: -40px;
  padding: 40px 0 80px;
  background: #fff;
}

.landing-strip img.strip-banner {
  width: 100%;
  height: auto;
}

.landing-strip h2 {
  font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  padding: 14px 24px 12px 30px;
  position: relative;
  margin: 40px auto 80px auto;
  background: #425968;
  color: #fff;
  text-align: center;
  width: 9em;
}

.landing-strip h2::after {
  content: '';
  position: absolute;
  left: 46%;
  top: 100%;
  width: 0;
  height: 0;
  clear: both;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #425968;
}














/* ROLLOVER */

.rollover{
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.rollover img{
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}



/* ROLLOVER - Hover */

.rollover{
    position: relative;
}
.rollover:hover{
    background: #343434;
}
.rollover:hover img {
    opacity: .7;
}

div.rollover:hover{
    background: transparent;
}
div.rollover:hover figure{
    background: #343434;
}
div.rollover:hover figure > img {
    opacity: .9;
}







/*** VIDEO STRIP ***/
#video {
  padding: 0;
  height: auto;
  width: 100%;
}

video {
  background: #000;
  display: block;
  max-width: 100%;
  max-height: 620px;
}

.fancyboxVid .videoTag {
  display: none;
}


.landing-strip h2.hero-video {
    font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
    font-size: 50px;
    font-weight: 700;
    font-style: normal;
    padding: 14px 24px 12px 30px;
    position: relative;
    color: #000;
    text-align: center;
    max-width: none;
    margin: 0 auto 20px;
    background: #fff;
    width: 90%;
    
}


.landing-strip h2.hero-video::after {
  display: none;
}


.video-strip p {
    color: #787c82;
    font-size: 16px;
    text-align: center;
    font-family: Arial;
    font-weight: 400;
    max-width: 880px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding: 0 20px;
}

.lander-vid-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 134px;
    height: 132px;
    margin: -66px 0 0 -67px;
    background: url('/__data/assets/image/0011/519734/play.png') no-repeat -0px -0px;

}

.lander-vid {
    position: relative;
    width: 80%;
    margin: 0 auto;

}

.lander-vid figure img  {
    width: 100%;     
    margin: 0 0 0 0;
    max-width: 100%;

}

.lander-vid figure {
    clear: both;
    display: block;
    padding: 0px 0 0.0em 0;
    border-top: none;
    float: left;
    margin-top: 0.0em;
    width: 100%;
    margin: 0 auto;
}



@media only screen and (max-width:1024px) {
  .content-fluid #content .video-strip .container { width: 100%; padding: 0; }
.lander-vid {
    position: relative;
    width: 100%;
   

}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .landing-strip h2.hero-video { font-size: 30px; margin: 0 auto 0px; }
}

@media only screen and (max-width:767px) {
  .landing-strip h2.hero-video { font-size: 2.6rem; padding: 30px 20px 0px 20px; }
  .lander-vid-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 89px;
    margin: -45px 0 0 -45.5px;
    background: url('/__data/assets/image/0018/520551/play-mobile.png') no-repeat -0px -0px; }
}

@media only screen and (max-width:414px) {
  .landing-strip h2.hero-video { font-size: 2.6rem; padding: 30px 0px 0px; }
}







/*** MAP STRIP ***/
.map-strip {
  width: 100%;
  height: 860px;
}

@media only screen and (max-width:1024px) {
  .map-strip {
    height: 500px;
  }
}

@media only screen and (max-width:767px) {
  .map-strip {
    display: none;
  }
}

@media only screen and (max-width:414px) {
  .map-strip { height: 300px; }
}


/*** EVENTS STRIP ***/
.events-strip {
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: 100%;
  background: #000;
}

.events-strip .callout {
  z-index: 1;
  position: absolute;
  top: 0;
  display: block;
  margin-top: 5%;
}

.events-strip h1 {
  font-size: 56px;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.events-strip .callout h1 > span {
  box-shadow: -.2em -.2em 0 #000, .2em -.2em 0 #000, -.2em .2em 0 #000, .2em .2em 0 #000;
}
/* fixed: no need for text-shadow with an extra element */
.events-strip .callout > span > span {
  position: relative;
}

.events-strip .callout p {
  margin-top: 0px;
  margin-left: -.7em;
  float: left;
  padding: 10px 14px;
  font-size: 16px;
}

@media only screen and (max-width:767px) {
  .events-strip {
    display: none;
  }
}

@media only screen and (min-width:768px) {
  .events-strip .callout h1 {
/*font-size: 35px;*/;
  }
}

@media only screen and (min-width:992px) {
  .events-strip .callout h1 {
    font-size: 4.4rem;
  }
}

@media only screen and (min-width:1200px) {
  .events-strip .callout h1 {
    font-size: 5.4rem;
  }
}
/*@media only screen and (min-width:1500px) {.events-strip .callout h1 {font-size: 6.6rem;} }*/



/***** INSIDERS STRIP *****/
.insidersdunedin-logo { width: 200px; }
.insidersdunedin { background: #fff; margin-top: 40px; margin-bottom: 40px; }
.insiders-strip { margin-top: 40px; margin-bottom: 40px; padding-top: 120px; padding-bottom: 120px; }
.insiders-strip .insiders-logo { width: 140px; margin-bottom: 40px; }
.insiders-strip .insiders-strip-img { width: 460px; float: right; }

@media only screen and (max-width:1199px) {
  .insiders-strip .insiders-strip-img { width: 300px; }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .insiders-strip {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    
}

}














@media only screen and (max-width:767px) {
 
  .insiders-strip {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .insiders-strip .insiders-copy {
    float: right;
    width: 67%;
  }

  .insiders-strip .insiders-copy h3 {
    font-size: 2.8rem;
    margin: 0rem 0 1.2rem 0;
  }

  .insiders-strip .insiders-intro {
    display: none;
  }

  .insiders-strip .insiders-logo {
    width: 100px;
    float: left;
    margin-bottom: 0px;
  }

  .insiders-strip-img {
    display: none;
  }
}

@media only screen and (max-width:320px) {
 
  .insiders-strip .insiders-copy {
    width: 60%;
  }

  .insiders-strip .insiders-copy h3 {
    font-size: 2.2rem;
    margin: 0rem 0 1rem 0;
  }
}


/***** STUDY STRIP *****/
.studymap-strip {
  background-color: #f2f4f6;
}

.studymap-strip {
  padding: 80px 0;
}

.studymap-strip img {
  padding: 6em 0;
}

.studymap-strip {
  position: relative;
}

.studymap-strip img {
  padding: 1em 0 6em;
}

@media only screen and (max-width:767px) {
  .studymap-strip {
    padding: 20px 0;
  }

  .studymap-strip img {
    padding: 1em 0 1em;
  }
}







/***** TOP 5 *****/
.top5-strip {
  background: #f8f8fb;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.top5-strip article {
  margin-bottom: 40px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #2c4152;
}

.top5-strip article:nth-of-type(3n), 
.top5-strip article:nth-of-type(5n) {
  clear: left;
}

.top5-strip article div {
  float: left;
}

.top5-strip article div,
.top5-strip article h3 { font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif; }

.top5-strip article h3 { margin: 0rem 0 1.2rem 0; }

.top5-strip article h3 a {
  color: #000;
}

.top5-strip article div.number {
  width: 4rem;
  height: 4rem;
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 3.6rem;
  background: #a3b3c2;
  color: #fff;
  border-radius: 50%;
  margin-right: 1.2em;
}
/** numbers **/
ol.circles-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 0;
    margin-top: 20px !important;
    margin-left: 1.6em !important;
    padding: 0;
    counter-reset: li-counter;
}
ol.circles-list > li {
    position: relative;
    margin-bottom: 30px !important; /*40px*/
    padding-left: 0.5em;
    /*min-height: 3em;*/
}
ol.circles-list > li:before {
    font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: -1.6em;
    width: 1.6em;
    height: 1.6em;
    font-size: 1.0em;
    line-height: 1.1;

    text-align: center;
    color: #f5f5f5;
    border: 3px solid #a3b3c2;
    border-radius: 50%;
    background-color: #a3b3c2;
    content: counter(li-counter);
    counter-increment: li-counter;
}



.top5-strip article p {
  font-family: Arial, Helvetica, sans-serif;
}





/*
@media only screen and (min-width:768px) {
 
  .top5-strip article {
    width: 50%;
    float: left;
  }

  .top5-strip article div:nth-of-type(2n) {
    width: 50%;
  }
}
*/



@media only screen and (max-width:991px) {
 
  .top5-strip article {
    width: 100%;
    float: left;
  }

  .top5-strip article div:nth-of-type(2n) {
    width: 90%;
  }
}







@media only screen and (min-width:992px) {
 
  .top5-strip article div:nth-of-type(2n) {
    width: 85%;
  }

 .top5-strip article {
    width: 50%;
    float: left;
  }
}



@media only screen and (max-width:767px) {
 
  .top5-strip article {
    width: 100%;
    clear: both;
    padding-bottom: 80px;
  }

  .top5-strip article div:nth-of-type(2n) {
    width: 75%;
  }
}


@media only screen and (max-width:414px) {
 
  .top5-strip article h3 {
    margin-top: 0rem;
  }

  .top5-strip article div.number {
    width: 3rem;
    height: 3rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}



/***** TILE STRIP *****/
.tiles-strip {}
.tiles-strip .container { padding: 0; }
.tiles-strip .container div.tile-whole { width: 100%; margin: 0 0 1% 0; }

.tiles-strip .container .tile-quarter {
  width: 49.5%;
  margin: 0 0 1% 0;

}

.tiles-strip .container .tile-quarter:nth-child(odd) {
  margin-right: 1%;
}

@media only screen and (max-width:414px) {
 
.tiles-strip .container div.tile-whole { height: 190px; }
  
  .tiles-strip .container .tile-quarter {
    height: 190px;
    margin: 0 0 0% 0;
}
}





@media only screen and (max-width:320px) {

.tiles-strip .container div.tile-whole {
    height: 160px;
  }
  
   .tiles-strip .container .tile-quarter {
    height: 160px;
}

 

}




/***** INSTAGRAM STRIP *****/


.instagram-strip {
  background: #f8f8fb;
  padding-top: 80px;
  padding-bottom: 120px;
  position: relative;
  margin-bottom: -120px;
}

#instafeed img {
  margin-bottom: 0rem;
  border-width: 0;
  height: auto;
  float: left;
  position: relative;
}

#instafeed a {
  padding: 0px;
  margin: 0 0 10px 0;
  display: inline-block;
  position: relative;
  float: left;
  line-height: 113px;
  width: 25%;
}


#instafeed .likes {
  background: #506576;
  font-family: sans-serif;
  font-size: 1em;
  position: absolute;
  color: #ffffff;
  right: 0px;
  top: 0px;
  left: 0px;
  opacity: 0;
  text-align: center;
  line-height: 60px;
  width: 60px;
  text-shadow: 0 1px rgba(0,0,0,0.5);
  -webkit-font-smoothing: antialiased;
  -webkit-transition: opacity 100ms ease;
  -moz-transition: opacity 100ms ease;
  -o-transition: opacity 100ms ease;
  -ms-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}

#instafeed a:hover .likes { opacity: 1; }

#instafeed .instafeed-image {
  width: 22.5%;
  float: left;
  margin: 0 2.5% 0 0;
  padding: 0;
}

#instafeed .instafeed-image .caption,
#instafeed .instafeed-image .location {
  display: none;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
 
  .landing-strip h2 {
    margin: 0px auto 80px auto;
  }

  .top5-strip {
    background: #f8f8fb;
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
  }

  .insiders-strip {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media only screen and (min-width:1400px) {
 
  .banner .callout h1, 
  .carousel-caption h1 {
    font-size: 56px;
    line-height: 1.4;
  }

  .carousel-inner .item .carousel-caption {
 /*left: 5%;*/
    margin-top: 200px;
  }
}

@media only screen and (min-width:1500px) {
 
  .carousel-inner .item .carousel-caption {
 /*left: 0%;*/
    margin-top: 200px;
  }

  .banner .callout h1, 
  .carousel-caption h1 {
    font-size: 66px;
    line-height: 1.4;
  }
}

@media only screen and (max-width:1400px) {
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1199px) 
 {


 .instagram-strip {
    background: #f8f8fb;
    padding-top: 40px;
    padding-bottom: 80px;
    position: relative;
    margin-bottom: -120px;
}


}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 
  .landing-strip:first-child {
    margin-top: -20px;
    padding: 0px 0;
  }

  .top5-strip {
    background: #f8f8fb;
    padding-top: 20px;
    padding-bottom: 40px;
    position: relative;
  }

  .top5-strip article div:nth-of-type(2n) {
    width: 70%;
  }

  .landing-strip:first-child {
    margin-top: -40px;
    padding: 0px 0;
  }

  .insiders-strip-img {
    width: 100%;
    height: auto;
  }

  .insiders-strip {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .insiders-strip .insiders-strip-img {
    width: 300px;
    float: right;
  }

  .insiders-copy {
    width: 90%;
  }

  .studymap-strip {
    padding: 40px 0px;
  }

  .studymap-strip img {
    padding: 2em;
  }
}

@media only screen and (min-device-width: 768px) {
  #instafeed a img {
    width: 95%;
  }
}

@media only screen and (max-width:1024px) {
 
  .banner .callout h1, 
  .carousel-caption h1 {
    font-size: 3.6rem;
  }

  .tiles-strip .tile-whole {
    display: none;
  }

  div.tile h3 a {
    color: #fff;
  }

  .landing-strip:first-child {
    margin-top: -20px;
    padding: 0px 0;
  }

  /*.insiders-strip .insiders-strip-img {
    width: 100%;
  }*/

  .cbp-hrmenu > ul > li > a {
    font-size: 134%;
    padding: 14px 9px;
  }

  .carousel-inner .item .carousel-caption {
 /*left: 0%;*/
    margin-top: 30px;
  }
}

@media only screen and (max-width:767px) {
 
  .carousel-caption h1 {
    font-size: 3.6rem;
    width: 100%;
    margin: 0em 1.6em 0em;
  }

  #breadcrumbs {
    display: none;
  }

  #title {
    padding-top: 14px;
    padding-bottom: 0px;
  }

  #content {
    padding-top: 20px;
    padding-bottom: 0px;
  }

  h2 {
    font-size: 2.6rem;
  }

  #mobile-social-media {
    font-size: 60%;
  }

  .footer-social {
    display: none;
  }

  .footer .logo img {
    margin: 20px 10px 20px 0;
    width: 120px;
  }

  .carousel-inner .item .carousel-caption {
 /*left: 0%;*/
    margin-top: 0px;
  }

  .banner .callout h1, .carousel-caption h1 {
    font-size: 2.5rem;
  }

  .landing-strip:first-child {
    margin-top: -20px;
    padding: 0px 0;
  }

  .landing-strip::after {
    display: none;
  }

  .landing-strip h2 {
    width: 100%;
    text-align: left;
    margin: 20px auto 30px auto;
  }

  .landing-strip h2::after {
    left: 24px;
  }

  .landing-strip .studymap-strip {
    padding: 15px 15px;
  }

  .landing-strip .studymap-strip img {
    padding: 1em 0em;
  }

  .video-strip { margin-top: -20px; }

  #video {
    padding: 0;
    margin: 0;
    height: auto;
    width: 100%;
  }

  .tiles-strip .tile-whole {
    display: inline;
  }

  .events-strip {
    display: none;
  }

  .top5-strip {
    padding-top: 0px;
    padding-bottom: 20px;
  }

  .top5-strip article {
    margin-bottom: 20px;
    padding-bottom: 0px;
    float: left;
  }

  .studymap-strip h3, 
  .top5-strip article h3 {
    font-size: 2.0rem;
    margin: 0.8rem 0 1rem 0;
  }

  .instagram-strip { padding-top: 0px; padding-bottom: 36px; }
  #instafeed a { width: 49%; float: left; display: inline-block; }
  #instafeed a:nth-of-type(odd) { margin-right: 2%; }
  #instafeed a img { width: 100%; }


} /* ends max-width:767px */


@media only screen and (max-width:414px) {
 
  .top5-strip article h3 {
    margin-top: 0rem;
  }


}















/***** CONTENT *****/
#content {
  padding-top: 40px;
  padding-bottom: 120px;
}

#content iframe {
  margin: 20px 0 20px 0;
}

.embed-responsive {
  overflow: visible;
}



/***** CONTENT IMAGERY *****/

figure {
    clear: both;
    display: block;
    padding: 20px 0 0.0em 0;
    border-top: 5px solid #f1f1f4;
    float: left;
    margin-top: 2.0em;
    width: 100%;
}



figure img {
  float: left;
  margin: 1.0em 5% 0 0;
  max-width: 30%;
}

figcaption {
  float: left;
  width: 65%;
  padding: 0 0 2.0em 0;
  margin: 0 0 2.0em 0;
}

#content img.avatar {
  width: 150px;
  height: 150px;
  background-position: center;
  border-radius: 50%;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
 
  figure img {
    float: none;
    display: block;
    margin: 1.0em auto 0 auto;
    width: 300px;
  }

  figcaption {
    width: 100%;
  }

  figcaption h2, figcaption h3, figcaption h4 {
    text-align: center;
  }

  #content {
    padding-top: 20px;
  }
}

img.left {
  float: left;
  margin: 0 1.0em 1.0em 0;
}

img.right {
  float: right;
  margin: 0 0 1.0em 1.0em;
}

img.full {
  float: left;
  margin: 0 0 1.0em 0;
  width: 100%;
  height: auto;
}

img.standard {
  margin: 2em 0 1.0em 0;
  width: 100%;
}

img.brand-guidelines {
  width: 40%;
}

@media only screen and (max-width:767px) {
  img.left, img.right {
    float: left;
    margin: 0 0em 1.0em 0;
    width: 100%;
    height: auto;
  }

  img.standard {
    margin: 2em 0 1.0em 0;
    width: 100%;
  }

  img.brand-guidelines {
    width: 100%;
  }
}

@media only screen and (min-width:768px) {
  h2 img.left {
    float: right;
    max-width: 240px;
    margin: 0 0 1.0em 1.0em;
  }

h2 img.right {
    float: right;
    max-width: 240px;
    margin: 0 0 1.0em 1.0em;
  }
}

@media only screen and (min-width:992px) {
  h2 img.left {
    float: left;
    max-width: 240px;
    margin: 0 1.0em 1.0em 0;
  }

h2 img.right {
    float: right;
    max-width: 240px;
    margin: 0 0em 1.0em 1.0em;
  }
}

.panel-body .col-md-3 img {
  width: 100%;
}


/*** images used in the TNZ data records ***/
.feature-photo {
  background: #f8f8f8;
  overflow: hidden;
  margin-bottom: 30px;
  max-height: 530px; 
  /* margin-top: 30px; */
}

@media only screen and (max-width:767px) {
  .feature-photo { margin-right: -15px; margin-bottom: 0px;}
}
@media only screen and (max-width:1024px) {
  .feature-photo { margin-top: 0px; margin-left: -15px; }
}
@media only screen and (max-width:1199px) {
  .feature-photo { max-height: 400px; } 
}





/***** CONTENT FORMS *****/

#content form { background: #fcfcfc; border: 1px solid #e4e4e4; color: #000000; padding: 25px 50px 50px 50px; }
#content form fieldset { margin: 80px 0 0 0; padding: 0; }
#content form fieldset:nth-of-type(1) { margin: 0; }
#content form fieldset legend { font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif; font-size: 3.0rem; font-weight: 700; font-style: normal; }
#content form fieldset fieldset { margin-top: 40px; }
#content form fieldset fieldset legend { font-family: Arial, Helvetica, sans-serif; font-size: 1.6rem; font-weight: bold; border-top: 1px solid #e5e5e5; border-bottom: none; padding-top: 30px; color: #000; }
#content form label,
#content form input[type=text], 
#content form input[type=tel], 
#content form input[type=email], 
#content form input[type=password], 
#content form button, 
#content form textarea { width: 100%; font-size: 1.0em; line-height: 1.5; padding: 14px; }
#content form label { margin-top: 1.0em; padding: 0; border: none; }
#content form label input { font-weight: normal; }
#content form textarea, 
#content form input { border: 1px solid #e4e4e4; }
#content form input.sm-input { width: 25%; }
#content form input.md-input { width: 50%; }
#content form input[type=checkbox],
#content form input[type=radio] { border: 3px solid #ff0000; height: 1.0em; width: 1.0em; }
#content form input[type=button],
#content form input[type=reset],
#content form input[type=submit],
#content form button {
  width: 33%;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border: none;
  background: #2f4757;
  color: #fff;
}


.required { color: #ff0000; font-weight: bold; }


/*** FROM - TO RANGE ***/
#content form fieldset.range {}
#content form fieldset.range legend {}
#content form fieldset.range label { width: 45%; margin-right: 5%; float: left; }
#content form fieldset.range label.from {}
#content form fieldset.range label.to {}

/*** UL option lists ***/
#content form ul { margin-bottom: 40px; padding: 0; }
#content form ul li { width: 100%; clear: both; list-style-type: none; margin-left: 0;  }
#content form ul li input[type=checkbox], 
#content form ul li input[type=radio] { width: 5%; display: inline; }
#content form ul li label { width: 90%; display: inline; font-weight: normal; }

/*** YES / NO RADIO ***/
#content form fieldset.yesno {}
#content form fieldset.yesno ul li { float: left; clear: none; width: 50%; }
#content form fieldset.yesno ul li label { display: inline-block; }


/*** SUBMIT BUTTONS ***/
#content div.submit input[type=button],
#content div.submit input[type=reset],
#content div.submit input[type=submit],
#content div.submit button { width: 100%; font-size: 1.0em; line-height: 1.5; padding: 14px; }


/*** FORM CONTROL ***/
.form-control {
  display: block;
  width: 100%;
  height: 54px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



/*** SEARCH FORMS AND RESULTS ***/
/* accommodation search form */
  #content form#search_page_501821,
/* activities & tours search form */
  #content form#search_page_504916 { margin: 0; padding: 0; border: none; background: none; }

.search-form { background: #fcfcfc; border: 1px solid #e4e4e4; padding: 50px; margin: 10px 0 50px 0; display: block; }
.initial-search-form { margin: -40px 0 50px 0; }

@media only screen and (max-width:767px) {
 .search-form { width: 100%; padding: 15px; }
 .initial-search-form { margin: 0px 0 50px 0; }
}
@media only screen and (min-width:768px) {
  .search-form { width: 708px; }
}
@media only screen and (min-width:992px) {
  .search-form { width: 932px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {
  .search-form { width: 1140px; }
}
@media only screen and (min-width:1400px) {
  .search-form { width: 1340px; }
}

/* individual search result item */
.search-result { border-bottom: 3px solid #f1f1f4; padding-bottom: 3.0em; padding-top: 3.0em; margin-bottom: 1.0em; }
div.search-result::first-child { padding-top: 0em; }
div.search-result::last-child { border-bottom: none; }
.search-result h3 { margin-top: 0; }
.tag { border: 1px solid #ccc; margin-right: 1.0em; padding: 0.5em; }
.search-thumbnail {}
.search-thumbnail img { width: 100%; margin-bottom: 20px;}

.search-buttons { padding-bottom: 120px; }
.search-result .search-buttons { padding-bottom: 0px; }

@media only screen and (min-width:1200px) {
  .search-thumbnail img { border: none; }
}
.search-content { margin-bottom: 20px; }
.search-contacts {}
.search-contacts a { margin-right: 30px; }
.search-contacts a:last-child { margin-right: 0; }

.search-result .btn, .search-buttons .btn { margin-bottom: 14px; }

@media only screen and (max-width:991px) {
  .add_event_to_itinerary .btn.add_to_itinerary,
  .add_event_to_itinerary .btn.remove_from_itinerary { margin-bottom: 2.0em; } 
  .search-result .btn, 
  .search-buttons .btn,
  .btn.add_to_itinerary,
  .btn.remove_from_itinerary { min-width: 100%; }
  .search-result { padding-bottom: 0em; padding-top: 3.0em; margin-bottom: 0em; }
  .search-buttons { padding-bottom: 3.0em; }
}

@media only screen and (min-width:992px) {
  .search-result .btn, 
  .search-buttons .btn,
  .btn.add_to_itinerary,
  .btn.remove_from_itinerary
  { min-width: 150px;  }
}

@media only screen and (min-width:1200px) {
  .search-result .btn, 
  .search-buttons .btn,
  .btn.add_to_itinerary,
  .btn.remove_from_itinerary
  { min-width: 175px;  }
}

#content .search-buttons iframe { margin: 0; height: 60px; }
#content ul.pagination {
  margin:50px 20px 20px; 
}

/** select 
.cd-dropdown > span,
.cd-dropdown ul li:nth-last-child(-n+3) span { box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.cd-dropdown ul { position: absolute; top: 0px; width: 100%; }
.cd-dropdown ul li { position: absolute; width: 100%; }
.cd-active.cd-dropdown > span { color: #fc756f; }
.cd-active.cd-dropdown > span,
.cd-active.cd-dropdown ul li span { box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.cd-active.cd-dropdown ul li span { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.cd-active.cd-dropdown ul li span:hover { background: #fc756f; color: #fff; }
**/




/*** Data Records ***/
.data-record-listing {  margin-top: 30px; padding-bottom: 120px; }
.data-record-listing img { width: 100%; }

.data-record-listing ul.event-metadata { font-family: 'Montserrat', Arial, Helvetica, sans-serif; background: #fcfcfc; border: 1px solid #e4e4e4; margin: 2.0em 0 2.0em 0; padding: 0 30px 0 30px; }
.data-record-listing ul.event-metadata li { margin: 10px 10px 10px 10px; padding: 14px 10px 14px 10px; }
.data-record-listing ul.event-metadata i.fa { color: #000000; margin-right: 14px; }

@media only screen and (max-width: 414px) { 
  .data-record-listing ul.event-metadata { margin: 1.2em 0 1.2em 0; padding: 0px 14px 0px 14px; }
  .data-record-listing ul.event-metadata li { margin: 10px 0 10px 0; padding: 14px 0 14px 0; }
  .data-record-listing ul.event-metadata i.fa { margin-right: 6px; }  
}

@media only screen and (max-width: 767px) { 
  .data-record-listing img { width: 112%; max-width: 112% !important; margin: 0 -15px 0 -15px; }
  .data-record-listing h4 { font-size: 2.0rem; }
}

@media only screen and (min-width: 768px; ) {}

@media only screen and (max-width: 991px) {
  .data-record-listing { margin-top: 0px; padding-bottom: 0px; /* overflow: hidden; */ }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  body.A501986A .content-container { overflow: visible; }
  .content-container .feature-photo { margin-left: -25px; margin-right: -25px; }
}


@media only screen and (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
  body.A501986A .content-container { overflow: visible; }
  .content-container .feature-photo { margin-left: -0px; margin-right: -0px; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /*  body.A501986A .content-container .feature-photo { margin-right: 0; } */
}


/* Events feature-photo */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) 
{
body.A494979A .data-record-listing img { width: 107%; margin-left: -25px; margin-right: 0; }
}









/*** Powered by ***/
.powered-by { width: 150px; float: right; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; }
.powered-by span { margin-left: 14px; }
.powered-by a {}
#content .powered-by a[href^="http"]:after { content: '';}
.powered-by img { width: 150px; margin: 0 0 20px 0; padding: 0; }




/***** LEFT NAVIGATION *****/



#leftnav a { color: #2f4757;}
#leftnav a.current { color: #337ab7;}



#leftnav {
  background: #f8f8fb;
   /*background: #f0eeee;*/
  margin-top: 40px;
  margin-right: 30px;
  margin-bottom: 40px;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

#leftnav h3 {
  font-family: "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  font-style: normal;
  margin: 0 0 40px 0;
  padding: 14px 24px 12px 30px;
  position: relative;
  background: #425968;
  color: #fff;
}

#leftnav h3::after {
  content: '';
  position: absolute;
  left: 24px;
  top: 100%;
  width: 0;
  height: 0;
  clear: both;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #425968;
}

#leftnav h3#mobile-leftnav { display: none; }
#leftnav ul,
#leftnav li { font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  line-height: 1.2; margin: 0 0 0.8em 1.1em; }
#leftnav ul li {}
#leftnav ul { margin-bottom: 40px; padding: 0 1em; list-style: none; }
#leftnav li:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: relative;
  left: -1em;
  top: 0.9em;
  border-color: transparent #425968;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
}

#leftnav ul ul { margin: 0.8em 0 0 0; }
#leftnav ul ul li { margin-left: 0; }
#leftnav ul ul li:before { border: none; }



@media only screen and (max-width: 991px) {
  #leftnav { margin-bottom: 0; }
  #leftnav h3::after { display: none; }
  #leftnav { margin-top: 0px; margin-right: 0px; }
  #leftnav h3 { margin-bottom: 0px; padding: 14px 24px 12px 15px; }
  #leftnav ul { margin-top: 20px; }
}

@media only screen and (max-width: 991px) { 
  #leftnav h3:first-child { display: none; }
  #leftnav h3#mobile-leftnav { display: block; }
  #mobile-leftnav a { color: #fff; width: 100%; display: inline-block; }
  #mobile-leftnav a span {
    display: block;
    float: right;
    background: url('/__data/assets/image/0007/294505/calendar-arrows.png') no-repeat -53px -162px;
    background-size: 188px 350px;
    width: 14px;
    height: 14px;
    margin-top: 14px;
  }

  #mobile-leftnav a:hover { border: none; text-decoration: none; color: #fff; }
  #mobile-leftnav a.active span { background-position: -24px -120px; }
  #mobile-leftnav-list.shut { display: none; }
  #mobile-leftnav-list.open { display: block; /*width: 100%;*/ }
}


@media only screen and (max-width: 767px) { 

#leftnav h3#mobile-leftnav {font-size: 2.0rem;}

}

@media only screen and (max-width: 414px) {
  #leftnav h3#mobile-leftnav { display: block; font-size: 2.0rem; line-height: 1.0; margin-bottom: 0px; padding: 15px; }
  #mobile-leftnav a span { margin-top: 6px; }
  #leftnav ul { padding: 0 0em; }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
  #leftnav h3#mobile-leftnav { margin: 0 -10px 0 -10px; padding-left: 25px; }
}





/**** LINKS TO DOCUMENTS ICONS *****/

a[href*=".pdf"] {
  background: url('/__data/assets/image/0009/162/pdf.gif') no-repeat top left;
  padding: 0 0 0 20px;
  border-bottom: none;
}

a[href*=".PDF"] {
  background: url('/__data/assets/image/0009/162/pdf.gif') no-repeat top left;
  padding: 0 0 0 20px;
  border-bottom: none;
}

a[href*="/rss/"] {
  background: url('/__data/assets/image/0012/165/rss.gif') no-repeat top -left;
  padding: 0 0 0 20px;
}

a[href*=".rss"] {
  background: url('/__data/assets/image/0012/165/rss.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a.rss {
  background: url('/__data/assets/image/0012/165/rss.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".rtf"] {
  background: url('/__data/assets/image/0013/166/rtf.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".xls"] {
  background: url('/__data/assets/image/0016/169/xls.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".xlsx"] {
  background: url('/__data/assets/image/0016/169/xls.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".doc"] {
  background: url('/__data/assets/image/0015/168/word.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".dot"] {
  background: url('/__data/assets/image/0015/168/word.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".docx"] {
  background: url('/__data/assets/image/0015/168/word.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".ppt"] {
  background: url('/__data/assets/image/0010/163/ppt.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".pot"] {
  background: url('/__data/assets/image/0010/163/ppt.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".pptx"] {
  background: url('/__data/assets/image/0010/163/ppt.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".xml"] {
  background: url('/__data/assets/image/0008/170/xml.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".mov"] {
  background: url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".avi"] {
  background: url('/__data/assets/image/0016/34441/avi.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".mpg"] {
  background: url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".m4v"] {
  background: url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".wmv"] {
  background: url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".mp4"] {
  background: url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".mp3"] {
  background: url('/__data/assets/image/0011/164/quicktime.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".wma"] {
  background: url('/__data/assets/image/0011/27596/wma.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".wav"] {
  background: url('/__data/assets/image/0011/27596/wma.gif') no-repeat top left;
  padding: 0 0 0 20px;
}

a[href$=".txt"] {
  background: url('/__data/assets/image/0014/167/txt.jpg') no-repeat top left;
  padding: 0 0 0 20px;
}

#content a[href^="http"]:after { font-family: FontAwesome; content: "\f08e"; color: #337ab7; margin-left: 7px;}


#content h2 a[href^="http"]:after, #content h2 a[href^="https"]:after,
#content h3 a[href^="http"]:after, #content h3 a[href^="https"]:after,
#content h4 a[href^="http"]:after, #content h4 a[href^="https"]:after,
#content h5 a[href^="http"]:after, #content h5 a[href^="https"]:after,
#content h6 a[href^="http"]:after, #content h6 a[href^="https"]:after,
#content a[href*="dunedin.govt.nz"]:after,
#content a[href*="dunedinnz.com"]:after,
/*#content a[href*="www.facebook.com"]:after,*/
#content a[href*="instagram.com"]:after,
#content a.btn[href^="http"]:after, 
  /*** TNZ Accommodation search results ***/
  #content .search-result a[href^="http"]:after {content:""; margin-left: 0; }

#content h2 a[href*=".pdf"], 
#content h3 a[href*=".pdf"], 
#content h4 a[href*=".pdf"] { background: none; padding-left: 0; }


.noicon { background: none !important; padding-left: 0 !important; }
#content a.noicon:after, 
#content .noicon a:after {content:""; margin-left: 0; }




/***** INDEX TILES *****/
div.tile {
  float: left;
  position: relative;
  display: inline;
  height: 260px;
  overflow: hidden;
  background: url(/__data/assets/image/0011/499970/pattern-zigzag-white.png) repeat #a7b6c1;
  background: none;
}

div.tile-quarter {
  width: 24%;
  margin: 0 1% 1% 0;
}

div.tile-third {
  background-color: #dae0e4;
  width: 32%;
  margin: 0 1% 1% 0;
}

div.tile-half {
  background-color: #425968;
  width: 49%;
  margin: 0 1% 1% 0;
}

div.tile-twothirds {
  background-color: #f1f3f5;
  width: 66%;
  margin: 0 1% 1% 0;
}

div.tile-whole {
  background-color: #dae0e4;
  width: 100%;
  margin: 0 0 1% 0;
}

div.tile img {
  width: 100%;
  height: auto;
}

div.tile h3 {
  position: absolute;
  bottom: 14px;
  background: #000;
  color: #fff;
  font-size: 24px;
  padding: 7px 14px;
  margin: 0 14px;
}

div.tile a:hover h3 {
  background: #333333;
}

div.tile a:hover h3:hover {
  background: #000;
}

/* tiles in col-md-8 content where there's a left hand navigation column */
.col-md-8 div.tile { height: 100%;}
.col-md-8 div.tile img {
    width: 100%;
    height: auto;
    float: right;
}
.col-md-8 div.tile:nth-child(odd) {margin: 0 0% 1% 0;}
.col-md-8 div.tile:first-of-type { margin: 40px 0% 1% 0; }
.col-md-8 div.tile-quarter { width: 49.5%; height: 90%; }

.col-md-8 div.tile-third { width: 100%; }
.col-md-8 div.tile-half { width: 100%; }
.col-md-8 div.tile-twothirds { width: 100%; }
.col-md-8 div.tile-whole { width: 100%; }




/**** EVENT TILES *****/
div.tile.event {
  border: 0px solid #ccc;
  height: 300px; /* 260px */
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -ms-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}

div.tile.event img {
  width: 100%;
  height: auto;
background: url('/__data/assets/image/0012/483996/logo.png') no-repeat center #2f4757; background-size: 50% auto;
  position: relative;
  top: 0;
  z-index: 1;
  float: none;
}


div.tile.event .event-details {
  z-index: 2;
  font-size: 14px;
  margin: 10px 0 0 10px;
}

div.tile.event:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

div.tile.event:hover a {
  text-decoration: none;
}

div.tile.event .event-details h4 {
  color: #253745;
    font-family: 'Montserrat', "Archer SSm A", "Archer SSm B", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    margin: 2rem 0 1.2rem 0;
}

div.tile.event .event-details p { color: #898989; }
div.tile-half.event { height: 440px; background: none; }

@media only screen and (min-width:1400px) {
  div.tile-half.event { height: 440px; }
  div.tile-quarter.event img { max-height: 139px; }
}
@media only screen and (min-width:1200px) and (max-width:1399px) {  
  div.tile-half.event { height: 420px;}
  div.tile-quarter.event img { max-height: 118px; }
}
@media only screen and (min-width:992px) and (max-width:1199px) {  
  div.tile-half.event { height: 360px;}
  div.tile-quarter.event img { max-height: 98px; }
}
@media only screen and (max-width:991px) {
  div.tile-half.event { height: 360px; }
  div.tile-quarter.event img { max-height: 152px; }
}

@media only screen and (max-width:767px) {
  div.tile { margin-bottom: 10px; height: 268px; }
  div.tile img { width: 100%; height: auto; }
  div.tile-quarter,
  div.tile-third,
  div.tile-half,
  div.tile-twothirds,
  div.tile-whole { width: 49%; margin: 0 1% 1% 0; }

  div.tile-quarter img { width: 100%; height: auto; float: left; }
  div.tile-quarter.event img { max-height: 274px; }

  div.tile-half img { width: auto; height: 100%; }
  div.tile h3 {
    bottom: 6px;
    font-size: 22px;
    padding: 2px 4px;
    margin: 0 6px;
    line-height: 1.6;
    min-height: 22px;
  }

  div.tile h3 a {
    color: #fff;
  }

div.tile.event {
    
    height: auto;
    margin-bottom: 30px;

}




}

@media only screen and (min-width:768px) and (max-width:991px) {
  div.tile-quarter,
  div.tile-third,
  div.tile-half,
  div.tile-twothirds,
  div.tile-whole { width: 49%; margin: 0 1% 1% 0; }
  div.tile-half img { width: auto; height: 100%; }
}

@media only screen and (min-width:992px) { 
  div.tile img { width: auto; height: 100%; float: right; }
  div.tile-half img { float: left; }
}

@media only screen and (min-width:1200px) {
  div.tile-quarter img { width: 100%; height: auto; }
  div.tile-half img { width: auto; height: 100%; float: right; }
}

@media only screen and (min-width:1400px) {
  div.tile img { width: 100%; height: auto; }
}

@media screen and (min-width: 415px) and (max-width: 577px) {
  div.tile { height: 190px; }
  div.tile h3 { }
}

@media only screen and (max-width:580px) {
  div.tile h3 { font-size: 18px; }
  .annual-events, .special-events {display:none;}
}

@media only screen and (max-width:414px) {
  div.tile-quarter,
  div.tile-third,
  div.tile-half,
  div.tile-twothirds,
  div.tile-whole { width: 100%; margin: 0 0% 5% 0; }
}

@media only screen and (max-width:320px) {
  div.tile { }
  div.tile-whole { width: 100%; margin: 0 1% 1% 0; }
  div.tile img { height: 100%; }
  div.tile-whole img { width: 100%; height: auto; }
  div.tile h3 { font-size: 15px; padding: 2px; }
}





/***** EVENTS *****/
.A494979A .banner { display: none; }

#events-search {}

#events-search fieldset {
  clear: both;
  border-bottom: 1px solid #2f4757;
  padding-bottom: 1.0em;
  margin-bottom: 1.0em;
}

#content #events-search label { margin: 0 0 0 0; }
#content #events-search button { width: 100%; }

#content #events-search select {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  color: #666;
}

#content #events-search option, 
#content #events-search input, 
#content #events-search button {
  font-size: 1.1em;
  height: 2.0em;
}

@media only screen and (max-width:767px) {
  div.tile.event .event-details { margin: 0px;}
}





/***** FEATURED EVENTS *****/
.featured-events {  }
@media only screen and (max-width:767px) {
  .featured-events div.tile { width: 100%;  }
  .featured-events div.tile img { width: 100%;  }
  .featured-events div.tile .event-details { width: 100%; }
}

/***** TODAY'S EVENTS *****/
.todays-events {  }
.todays-events .btn { margin: 0.0em 0 0 10px; }
.todays-events h2 { margin-top: 0; }

@media only screen and (max-width:767px) {
  .todays-events h2 { width: 100%; }
  .todays-events .btn { margin: 0 10px 3.0em 0; }
  .todays-events .btn.pull-right { float: left !important; }
  .todays-events div.tile.event { width: 100%; min-height: 69px; height: auto; position: relative; margin: 10px 0 10px 0; display: block; }
  .todays-events div.tile.event:hover { background: none; }

  .todays-events div.tile.event img { position: absolute; top: 0;
   z-index: 1; left: -15%; width: 160px; }
  .todays-events div.tile.event .event-details { width: 70%; display: inline-block; padding: 0 0 0 20px; margin: 0; position: absolute; top: 0; right: 0; z-index: 2; background: none; }
  .todays-events div.tile.event .event-details h4 { margin: 0; }

} /* ends .tile.events @media only screen and (max-width:767px) */

@media only screen and (max-width:414px) {
  .todays-events div.tile.event { min-height: 100px; }
  .todays-events div.tile.event .event-details { width: 60%; margin: 0px; }
  .todays-events div.tile.event .event-details h4 { font-size: 15px; }
  .todays-events div.tile.event img { width: 180px; }
}


@media only screen and (max-width:320px) {
 .todays-events div.tile.event img { width: 150px; }
}
 

/***** EVENT ITEMS *****/
.event-carousel {
  margin: -12px 0 1.0em 0;
}

#event-carousel {
  max-height: 400px;
  overflow: hidden;
}

#event-carousel .carousel-inner > .item {
  max-height: 400px;
  overflow: hidden;
}

#event-carousel .carousel-inner img {
  margin: 0 auto;
  max-height: 400px;
  min-height: 300px;
}

/*
.event-details {}
.event-details h4 { color: #fff; font-size: 1.2em; line-height: 1.2; margin: 0; }
.event-details p { color: #fff; margin: 0; padding: 0; }
.event-details a { color: #fff; }
*/

div.event-images .carousel-control {
  width: 12%;
}

div.event-images .carousel-control .fa {
  background: #2f4757;
}

.event-content {}
.event-right {}
.event-right iframe { height: 300px;}

#content .event-right ul {
  margin: 2.0em 0 0 0;
  padding: 0;
}

#content .event-right ul li {
  list-style-type: none;
  margin-bottom: 1.0em;
}

#content .event-right ul li i.fa {
  margin-right: 1.0em;
  color: #003399;
}


/* Event search results styles */
a.ef-icon {
  color: #666;
  cursor: pointer;
  text-decoration: none;
  float: right;
  display: block;
  padding-left: 20px;
}

a.ef-icon.active {
  color: #337ab7;
}

#ef-map-container {
  display: none;
}

#ef-map {
  width: 100%;
  height: 600px;
  margin-top: 30px;
}

#ef-map.custom-popup .leaflet-popup-content-wrapper {
  background: #000;
  color: #fff;
  opacity: 0.75;
  font-size: 16px;
  line-height: 24px;
}

#ef-map.custom-popup .leaflet-popup-content {
  padding: 30px;
}

#ef-map.custom-popup .leaflet-popup-content h2,
#ef-map.custom-popup .leaflet-popup-content p {
  color: #fff;
}

#ef-map.custom-popup .leaflet-popup-tip {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #000;
  opacity: 0.85;
}

#ef-map.custom-popup .leaflet-container.dark .map-tooltip .close,
#ef-map.custom-popup .leaflet-control-layers-toggle,
#ef-map.custom-popup .leaflet-popup-close-button,
#ef-map.custom-popup .map-tooltip .close,
#ef-map.custom-popup .mapbox-icon {
  background-image: url("https://api.tiles.mapbox.com/mapbox.js/v1.6.4/images/icons-ffffff@2x.png");
}

#ef-map.custom-popup p {
  font-size: 12px;
}

#ef-map .btn { color: #fff; }

/* Event details  */
.event-metadata { list-style-type: none; padding: 0; margin: 0;  }
.event-metadata li { 
margin: 10px 10px 10px 10px; padding: 10px 10px 0px 10px;
border-top: 1px solid #e4e4e4; 
color: #666666; }

.event-metadata li:first-child { border: none !important; }
.event-metadata li i.fa { color: #425968; margin-right: 14px; }






/***** VENUES *****/

.rankingHigh { background-color: #f8d1ce; }
.rankingMedium { background-color: #f8e5ce; }
.rankingLow { background-color: #dbf8ce; }











/***** "RELATED INFORMATION" *****/
div#relatedinformation { background: #f8f8fb;}
div#relatedinformation .widget { margin-top: 80px; margin-bottom: 80px; }
.relatedinformation {}
.relatedinformation img { width: 100%; height: auto; }
.related-resources { font-size: 14px; background: #f1f3f5; border-top: 1px solid #a7b6c1; padding: 30px; margin-bottom: 120px; }

.related-resources h2 { margin-top: 0; }
.related-resources ul { margin-bottom: 30px; }
.related-resources ul li { margin-bottom: 20px; }
.related-resources ul li a { text-decoration: none; }

@media only screen and (max-width:767px) {
  .related-resources ul { margin-bottom: 0px; padding-left: 20px; }
  .related-resources { margin-bottom: 20px; }
}







/*** WIDGETS ***/
.widget {}
.col-md-12 .widget { display: inline-block; width: 24%; margin: 0 1% 1% 0; float: left; padding: 5px; }

@media only screen and (max-width:767px) { 
  .col-md-12 .widget { width: 100% !important; margin: 0 0 10px 0 !important; }
}


#airnz, #bookit {}
#bookit {}


div#relatedinformation .widget {margin-left: 60px; float: left; position: relative; }
div#relatedinformation .widget:first-child { margin-left: 0;}


@media only screen and (max-width:689px) {
  div#relatedinformation .widget { margin-left: 20px; }
  
}

@media only screen and (max-width:650px) {
  div#relatedinformation .widget { margin-left: 0px; float: none; width: 100%; margin-top: 40px; margin-bottom: 40px;}
  
}




/*** Location Map for TNZ data ***/
#locationmap {
  margin-top: 30px;
  margin-bottom: 25px;
width: 100%;
height: auto;
min-height: 300px;
/*
width: 100%; height: 300px; margin-top: 60px; position: relative;
*/
}


/*** QUALMARK RATING ICONS ***/
.qualmark_ratings { }
.qualmark_ratings img { width: 70px; }

@media only screen and (max-width: 1024px) {
  .qualmark_ratings { padding-bottom: 40px; }
}





/*** eNEWSLETTER MODAL ***/
.modal-body form { height: 600px !important; }
.newsletter {
  background: #425968;
  padding: 3.0em 0 3.0em 0;
  margin-top: 0em;
}

@media only screen and (max-width: 767px) {
  .newsletter { display: none; }
}

.newsletter .row { text-align: center; }

.newsletter a.newsletter-callout {
 
  border: 1px solid #2f4757;
  background: #2f4757;
  color: #fff;
  font-size: 20px;
  padding: 14px;
}

.newsletter a:hover.newsletter-callout {
  border: 1px solid #93a3af;
  background: #93a3af;
  color: #2f4757;
}




/***** MOBILE-SOCIAL-MEDIA *****/

#mobile-social-media { display: none; }
@media only screen and (max-width:767px) { 
  #mobile-social-media {
    background: #425968;
    padding: 1.0em 0 1.0em 0;
    display: block;
    text-align: center;
  }

  #mobile-social-media li {
    padding: 12px;
  }

  #mobile-social-media li a {
    color: #fff;
  }
}




/*** FOOTER ***/
footer {
  background: #2f4757;
}

.footer {
  clear: both;
  color: #fff;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 15px;
  padding: 60px 20px 50px 20px;
}

.footer h5 {
  margin-bottom: 25px;
  padding-bottom: 0px;
  position: relative;
}

.footer h5:before {
  bottom: -3px;
  content: '';
  display: block;
  height: 3px;
  left: 0;
  opacity: .3;
  position: absolute;
  width: 100%;
}

.footer h5:after {
  bottom: -3px;
  content: '';
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  width: 32px;
}

.footer h5 a {
  color: #93a3af;
  display: block;
}

.footer ul {
  margin: 0 0 30px 0;
  padding: 0;
}

.footer ul ul {
  margin: 0 0 60px 0;
}

.footer li {
  list-style: none;
  margin-bottom: 10px;
}

.footer .logo {
  float: left;
}

.footer .logo img {
  display: block;
  height: auto;
  margin: 0 10px 20px 0;
  width: 160px;
}

.footer .list-inline {
  margin: 16px 0 10px 0;
  overflow: hidden;
}

.footer .list-inline li {
  border-left: 1px solid #93a3af;
  display: block;
  float: left;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.footer .list-inline li:first-child { padding-left: 0; border-left: none; }
.footer p { color: #93a3af; }
.footer a { color: #93a3af; }
.footer:hover a { color: #a7b6c1; }
.footer a:hover { color: #ffffff; }

@media only screen and (max-width:767px) {
  .footer .logo img { margin: 20px 10px 20px 0; width: 130px; }
}



/***** SEARCH*****/

#search-facets .panel , #search-contextual-navigation .panel {
  border-radius: 0;
  background-color: #f5f5f5;
  box-shadow: none;
  -webkit-box-shadow: none;
}

#search-facets .panel-heading, #search-contextual-navigation .panel-heading {
  background-color: #2f4757;
  color: #fff;
  border-radius: 0;
}

#search-facets .badge, #search-contextual-navigation .badge {
  background-color: #93a3af;
  border-radius: 0px;
}

#search-facets h4, #search-contextual-navigation h4 {
  font-size: 1.1em;
  margin: 0 0 0.5em 0;
  font-weight: bold;
}

#search-facets h3, #search-contextual-navigation h3 {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 1.3em;
}

#search-facets a, #search-contextual-navigation a {
  display: inline-block;
}

#search-facets a:first-letter, #search-contextual-navigation a:first-letter {
  text-transform: uppercase;
}

#search-facets .list-unstyled, #search-contextual-navigation .list-unstyled {
  margin: 0 0 1.5em 0;
}

#search-facets .list-unstyled li, #search-contextual-navigation .list-unstyled li {
  list-style-type: none;
}

#search-results .search-result {
  padding: 1em 0 1em 0;
}

#search-results .search-result .text-success {
  color: #93a3af;
}

#content form.fb-form {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

#content form.fb-form button {
  width: 100%;
}

.ui-autocomplete {
  list-style-type: none;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 68.5%;
  padding: 5px;
}

.ui-autocomplete li {
  padding: 0 0 2px 0;
}

.ui-autocomplete li a {
  cursor: pointer;
}







/********** FRONTPAGE ***********/

body.frontpage {
}

body.frontpage .logo {
  padding-top: 60px;
}

body.frontpage h1 {
  border-bottom: 2px solid #000000;
  padding: 0 0 30px 0;
  margin: 100px 0 50px 0;
  font-weight: 600;
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
}

body.frontpage h2 {
  min-height: 5.0em;
  padding: 0;
  margin: 0 0 30px 0;
  font-weight: 400;
  background: url('/__data/assets/image/0007/510757/90-transparent.png') repeat;
}

body.frontpage a {
  display: block;
  padding: 35px;
  margin: 0;
  width: 100%;
  min-height: 5.0em;
  color: #fff;
}

body.frontpage a:hover {
  text-decoration: none;
  color: #fff;
}

@media only screen and (max-width:767px) {
 
  body.frontpage .logo {
    padding-top: 20px;
  }

  body.frontpage .logo img {
    height: 35px;
  }

  body.frontpage h1 {
    padding: 0;
    margin: 30px 0 30px 0;
    border: none;
    font-size: 3.0rem;
  }

  body.frontpage h2 {
    padding: 0;
    height: 2.0em;
  }

  body.frontpage h2 a {
    padding: 15px;
  }
}

@media only screen and (min-width:768px) {
}

@media only screen and (min-width:992px) {
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
}

@media only screen and (min-width:1400px) {
}

@media only screen and (min-width:1500px) {
}

@media only screen and (max-width:414px) {
 

  body.frontpage .logo {
    padding-top: 26px;
  }
}

@media only screen and (max-width:320px) {
 


  body.frontpage h1 {
    font-size: 2.6rem;
  }

  body.frontpage h2 {
    font-size: 2.2rem;
    font-weight: 600;
    padding: 0px 0 35px 0px;
    margin: 0 0 30px 0;
  }
}

body#asset516336.frontpage  a {
  display: inline-block;
  padding: 0px;
  margin: 0;
  width: auto;
  min-height: auto;
  color: #fff;
}

body#asset516336.frontpage h2 {
  min-height: auto;
  height: auto;
  padding: 0;
  margin: 0 0 30px 0;
  font-weight: 400;
  background: none;
}


















/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: 0 solid transparent;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}







/**
CONTENT STYLES
imagery
form
**/


.leftside {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
}

.rightside {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
}












/***** PRINT CSS *****/

@media print {

} /* ends print */








/***** ARE THESE USED???*****/



.project-content h1 {
  margin-bottom: 0;
  font-size: 9rem;
  line-height: 8rem;
  font-family: 'Replica', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: -0.25rem;
  color: #ee2329;
  position: relative;
  z-index: 10;
}

.project-content h1 span {
  width: 5rem;
  height: 5rem;
  text-align: center;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 5rem;
  background: #ee2329;
  color: white;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}