/*--------------------------------------------------------GENERAL STYLES NZSKI THEME------------------------------------------------------*/
body {
  background-color: #2a2a38;
  color: #999999; }

/* iOS hack */
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="password"] {
  -webkit-appearance: none;
  border-radius: 0; }

input:focus,
textarea:focus,
button:focus {
  outline: 0; }

.link-section-fullwidth {
  width: 100%;
  float: left;
  clear: both;
  text-align: center;
  margin-top: 52px;
  margin-bottom: 70px; }

.clear {
  clear: both; }

.no-class {
  clear: both; }

.no-class-with-margin {
  clear: both;
  margin-left: 55px;
  margin-right: 55px; }

/*** GENERAL FORMATS ***/
/************ GENERAL HEADING STYLES *************/
.Heading-image-margin {
  margin-bottom: 30px; }

.moduleHeadTitle {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 34px;
  text-transform: uppercase;
  text-align: center;
  color: #2a2a38;
  margin-top: 50px;
  margin-bottom: 50px;
  letter-spacing: 8px; }

/*** ALTERATIONS FOR HEADINGs ****/
.White-background-blue-text .moduleHeadTitle {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 45px;
  text-transform: uppercase;
  text-align: center;
  color: #0392d0;
  margin-top: 45px;
  margin-bottom: 45px;
  letter-spacing: 8px; }
.White-background-blue-text .simpleWhiteHeading {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 45px;
  text-transform: uppercase;
  text-align: center;
  color: #0392d0;
  margin-top: 45px;
  margin-bottom: 45px;
  letter-spacing: 8px; }

.White-background-red-text .moduleHeadTitle {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 45px;
  text-transform: uppercase;
  text-align: center;
  color: #e60008;
  margin-top: 45px;
  margin-bottom: 45px;
  letter-spacing: 8px; }
.White-background-red-text .simpleWhiteHeading {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 45px;
  text-transform: uppercase;
  text-align: center;
  color: #e60008;
  margin-top: 45px;
  margin-bottom: 45px;
  letter-spacing: 8px; }

.White-background-green-text .moduleHeadTitle {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 45px;
  text-transform: uppercase;
  text-align: center;
  color: #67a922;
  margin-top: 45px;
  margin-bottom: 45px;
  letter-spacing: 8px; }
.White-background-green-text .simpleWhiteHeading {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 45px;
  text-transform: uppercase;
  text-align: center;
  color: #67a922;
  margin-top: 45px;
  margin-bottom: 45px;
  letter-spacing: 8px; }

/*** WHITE HEADING ****/
.simpleWhiteHeading {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 35px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  margin-top: 50px;
  margin-bottom: 50px;
  letter-spacing: 8px; }

.simplesubheadings {
  font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  color: #2a2a38;
  margin-bottom: 5px;
  margin-top: 0; }

/*** Campaign Headings ***/
.Grey-Simple-Heading-Left h2.moduleHeadTitle,
.Grey-Simple-Heading-Center h2.moduleHeadTitle {
  color: #cccccc;
  font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
  font-size: 70px;
  text-transform: uppercase;
  width: 100%;
  margin: 15px 0 30px;
  letter-spacing: 0px; }

.Grey-Simple-Heading-Left h2.moduleHeadTitle {
  text-align: left; }

.Grey-Simple-Heading-Center h2.moduleHeadTitle {
  text-align: center; }

/*** Full Picture Heading for dropdown ***/
.fullHeading-dropdown {
  width: 100%;
  float: left;
  clear: both;
  min-height: 290px;
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 36px;
  position: relative;
  margin-bottom: 30px; }
  .fullHeading-dropdown .HeadingContainer {
    float: left;
    clear: both;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(42, 42, 56, 0.8);
    color: #ffffff; }
    .fullHeading-dropdown .HeadingContainer .HeadingText {
      letter-spacing: .2em;
      text-transform: Uppercase;
      float: left;
      clear: both;
      width: 100%;
      text-align: center;
      padding: 30px 0; }
  .fullHeading-dropdown .arrow {
    float: left;
    clear: both;
    width: 100%;
    height: 13px;
    position: absolute;
    bottom: -13px;
    background: url("../img/arrow_heading.png") no-repeat center top #ffffff;
    z-index: 2; }

/*** Full Picture Heading ***/
.fullHeading-imageGradient {
  width: 100%;
  float: left;
  clear: both;
  min-height: 250px;
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 28px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.3); }
  .fullHeading-imageGradient .HeadingContainer {
    float: left;
    clear: both;
    width: 100%;
    position: absolute;
    top: 30%;
    color: #ffffff; }
    .fullHeading-imageGradient .HeadingContainer .HeadingText {
      letter-spacing: .2em;
      text-transform: Uppercase;
      float: left;
      clear: both;
      width: 100%;
      text-align: center;
      padding: 30px 0; }

.pageNoMacroAlert {
  float: left;
  clear: both;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  text-transform: Uppercase;
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 30px;
  color: #e60008;
  margin: 20px 0; }

/*Media query for max: 767px*/
@media (max-width: 767px) {
  .fullHeading-dropdown {
    font-size: 26px; }

  .Grey-Simple-Heading-Left h2.moduleHeadTitle,
  .Grey-Simple-Heading-Center h2.moduleHeadTitle {
    font-size: 46px;
    text-align: center; } }
@media (max-width: 480px) {
  .White-background-blue-text .moduleHeadTitle {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 25px; }

  .White-background-red-text .moduleHeadTitle {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 25px; }

  .White-background-green-text .moduleHeadTitle {
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 25px; }

  .simpleWhiteHeading {
    font-size: 28px; } }
/******* GENERAL BUTTON STYLES **********/
a.nzSki-btn-blue, a.readMoreToggle, a.readMoreToggleTwo, a.readMoreToggleThree, a.readMoreToggleFour {
  text-decoration: none;
  cursor: pointer;
  z-index: 2;
  position: relative; }

#goToProfile a {
  color: #428bca;
  margin-top: 10px;
  float: left; }

.nzSki-btn-blue, .readMoreToggle, .readMoreToggleTwo, .readMoreToggleThree, .readMoreToggleFour {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: #2a2a38;
  padding: 15px 20px;
  letter-spacing: .2em;
  text-decoration: none;
  display: block;
  width: 220px;
  margin: 0 auto;
  text-align: center;
  clear: both; }

.nzSki-btn-blue:hover, .readMoreToggle:hover, .readMoreToggleTwo:hover, .readMoreToggleThree:hover, .readMoreToggleFour:hover {
  color: #ffffff;
  text-decoration: none; }

.nzSki-btn-blue:visited, .readMoreToggle:visited, .readMoreToggleTwo:visited, .readMoreToggleThree:visited, .readMoreToggleFour:visited {
  color: #ffffff;
  text-decoration: none; }

.nzSki-btn-blue:active, .readMoreToggle:active, .readMoreToggleTwo:active, .readMoreToggleThree:active, .readMoreToggleFour:active {
  color: #ffffff;
  text-decoration: none; }

.nzSki-btn-orange {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: #eb5206;
  padding: 15px 20px;
  letter-spacing: .2em;
  text-decoration: none;
  display: block;
  width: 220px;
  margin: 0 auto;
  text-align: center;
  clear: both;
  z-index: 2;
  position: relative; }

.nzSki-btn-orange:hover {
  color: #ffffff;
  text-decoration: none; }

.readMoreToggle {
  width: 200px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 40px; }

.readMoreToggleTwo {
  width: 200px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 40px; }

.readMoreToggleThree {
  width: 200px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 40px; }

.readMoreToggleFour {
  width: 200px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 40px; }

.readMoreToggle.closeBtn {
  background: url("../img/CloseArrow.png") no-repeat center 8px #ffffff;
  border: 1px solid #1a1928;
  color: #1a1928;
  margin-top: 40px;
  padding-top: 22px;
  padding-bottom: 10px; }

.readMoreToggleTwo.closeBtn {
  background: url("../img/CloseArrow.png") no-repeat center 8px #ffffff;
  border: 1px solid #1a1928;
  color: #1a1928;
  margin-top: 40px;
  padding-top: 22px;
  padding-bottom: 10px; }

.readMoreToggleThree.closeBtn {
  background: url("../img/CloseArrow.png") no-repeat center 8px #ffffff;
  border: 1px solid #1a1928;
  color: #1a1928;
  margin-top: 40px;
  padding-top: 22px;
  padding-bottom: 10px;
  display: none; }

.readMoreToggleFour.closeBtn {
  background: url("../img/CloseArrow.png") no-repeat center 8px #ffffff;
  border: 1px solid #1a1928;
  color: #1a1928;
  margin-top: 40px;
  padding-top: 22px;
  padding-bottom: 10px; }

/**** Default Background Classes *****/
.background-container, .Blue-background, .Grey-background, .Red-background, .Green-background, .Marine-background, .White-background {
  width: 100%; }

.Blue-background {
  background-color: #0392d0; }

.Grey-background {
  background-color: #bababa; }

.Red-background {
  background-color: #e60008; }

.Green-background {
  background-color: #67a922; }

.Marine-background {
  background-color: #1a1928; }

.White-background {
  background-color: #ffffff; }

/************ GENERAL TABLE STYLES *************/
#rentalPerformance {
  clear: both;
  float: left;
  width: 100%;
  margin: 30px 0; }
  #rentalPerformance tbody tr.subHeading {
    background-color: #e9e9e9;
    height: 40px;
    font-weight: bold; }
    #rentalPerformance tbody tr.subHeading td {
      padding: 0 20px; }
  #rentalPerformance tbody tr.product td {
    padding: 10px 20px;
    color: #000; }
  #rentalPerformance tbody tr td.brand {
    background: #000;
    text-align: center; }

.NzSkiCustomTableStyle {
  clear: both;
  width: 100%; }
  .NzSkiCustomTableStyle table {
    clear: both;
    width: 100%;
    color: #ffffff;
    border-spacing: 0;
    max-width: none; }
    .NzSkiCustomTableStyle table tr.headingRow {
      border-bottom: 4px solid #ffffff; }
      .NzSkiCustomTableStyle table tr.headingRow td {
        font: normal 800 14px "Verlag A", "Verlag B" !important;
        text-transform: Uppercase !important;
        line-height: 1.4em !important;
        font-size: 12px !important;
        text-align: left !important;
        padding: 10px 10px !important; }
        .NzSkiCustomTableStyle table tr.headingRow td p {
          font: normal 800 14px "Verlag A", "Verlag B" !important;
          text-transform: Uppercase !important;
          line-height: 1.4em !important;
          font-size: 12px !important;
          text-align: left !important;
          margin-bottom: 0; }
      .NzSkiCustomTableStyle table tr.headingRow td.emptyCell {
        content: "";
        width: 200px; }
    .NzSkiCustomTableStyle table tr {
      border-top: 1px solid #fff; }
      .NzSkiCustomTableStyle table tr td:first-of-type p:nth-of-type(1) {
        text-transform: Uppercase;
        font: normal 800 14px "Verlag A", "Verlag B";
        line-height: 1.4em;
        font-size: 12px;
        text-align: left;
        margin-bottom: 0; }
      .NzSkiCustomTableStyle table tr td:first-of-type p:nth-of-type(2) {
        text-transform: Capitalize;
        font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
        font-size: 11px;
        line-height: 1.3em;
        margin-bottom: 0; }
      .NzSkiCustomTableStyle table tr td {
        padding: 10px; }
        .NzSkiCustomTableStyle table tr td p:nth-of-type(1) {
          text-transform: Uppercase;
          font: normal 800 14px "Verlag A", "Verlag B";
          line-height: 1.4em;
          font-size: 17px;
          text-align: left;
          margin-bottom: 0; }
        .NzSkiCustomTableStyle table tr td p:nth-of-type(2) {
          text-transform: Capitalize;
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 11px;
          line-height: 1.3em;
          margin-bottom: 0; }

.BlueNzSkiTableStyle table {
  background-color: #0096d6; }

.GreenNzSkiTableStyle table {
  background-color: #67a922; }

.RedNzSkiTableStyle table {
  background-color: #e60008; }

.GreyNzSkiTableStyle table {
  background-color: #a5a5a5; }

/*Higlight Variations */
/*Grey Multihighlight*/
.NzSkiCustomTableStyle.GreyNzSkiTableStyle.multiHighLight table tbody tr td:nth-of-type(3) {
  background-color: #0096d6; }
.NzSkiCustomTableStyle.GreyNzSkiTableStyle.multiHighLight table tbody tr td:nth-of-type(4) {
  background-color: #67a922; }

/*Blue Multihighlight*/
.NzSkiCustomTableStyle.BlueNzSkiTableStyle.multiHighLight table tbody tr td:nth-of-type(3) {
  background-color: #67a922; }
.NzSkiCustomTableStyle.BlueNzSkiTableStyle.multiHighLight table tbody tr td:nth-of-type(4) {
  background-color: #e60008; }

/*Media query for max: 767px*/
@media (max-width: 767px) {
  /*Add Table responsive styles */ }
/*** RTE CUstom STyles **/
.ItalicNzskiTextStyle {
  padding-bottom: 10px;
  padding-top: 10px;
  display: block; }

.BodyTextNzskiStyle {
  padding-bottom: 10px;
  padding-top: 10px;
  display: block; }

.BodyBoldNzskiHeadingTextStyle {
  padding-top: 5px;
  padding-bottom: 0px;
  text-transform: Uppercase;
  display: block; }

/*** RED LINK STYLES ***/
.RedNzSkiLinkStyle a {
  color: #e60008;
  text-decoration: none; }
.RedNzSkiLinkStyle a:hover {
  text-decoration: underline;
  color: #e60008; }

.RedNzSkiBoldLinkStyle {
  text-transform: Uppercase; }
  .RedNzSkiBoldLinkStyle a {
    color: #e60008;
    text-decoration: none; }
  .RedNzSkiBoldLinkStyle a:hover {
    text-decoration: underline;
    color: #e60008; }

/**BLUE LINK STYLES **/
.BlueNzSkiLinkStyle a {
  color: #0096d6;
  text-decoration: none; }
.BlueNzSkiLinkStyle a:hover {
  text-decoration: underline;
  color: #0096d6; }

.BlueNzSkiBoldLinkStyle {
  text-transform: Uppercase; }
  .BlueNzSkiBoldLinkStyle a {
    color: #0096d6;
    text-decoration: none; }
  .BlueNzSkiBoldLinkStyle a:hover {
    text-decoration: underline;
    color: #0096d6; }

/**GREEN LINK STYLES**/
.GreenNzSkiLinkStyle a {
  color: #67a922;
  text-decoration: none; }
.GreenNzSkiLinkStyle a:hover {
  text-decoration: underline;
  color: #67a922; }

.GreenNzSkiBoldLinkStyle {
  text-transform: Uppercase; }
  .GreenNzSkiBoldLinkStyle a {
    color: #67a922;
    text-decoration: none; }
  .GreenNzSkiBoldLinkStyle a:hover {
    text-decoration: underline;
    color: #67a922; }

/** CUSTOM RTE BUTTON **/
span.blueBtn {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: #2a2a38;
  padding: 15px 20px;
  letter-spacing: .2em;
  text-decoration: none;
  display: block;
  width: 220px;
  margin: 20px auto;
  clear: both; }
  span.blueBtn a {
    color: #ffffff;
    text-decoration: none; }

a span.blueBtn {
  font: normal 800 14px "Verlag A", "Verlag B";
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  background: #2a2a38;
  padding: 15px 20px;
  letter-spacing: .2em;
  text-decoration: none;
  display: block;
  width: 220px;
  margin: 20px auto;
  clear: both;
  text-decoration: none;
  position: relative; }

.columnContent p a {
  /*display: block;*/
  position: relative;
  z-index: 1; }

/*** Styles for FORMS ****/
/*GENERAL FORM STYLES*/
#mainContentArea .contourPage {
  float: left;
  clear: both;
  width: 100%; }
  #mainContentArea .contourPage h4.contourPageName {
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 14px !important;
    color: #2a2a38;
    text-transform: capitalize; }
  #mainContentArea .contourPage fieldset.contourFieldSet {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0;
    padding: 0; }
    #mainContentArea .contourPage fieldset.contourFieldSet .contourField {
      float: left;
      width: 100%;
      clear: both;
      margin-bottom: 20px; }
      #mainContentArea .contourPage fieldset.contourFieldSet .contourField .fieldLabel {
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 16px;
        color: #2a2a38;
        text-transform: capitalize; }
        #mainContentArea .contourPage fieldset.contourFieldSet .contourField .fieldLabel .contourIndicator {
          color: red; }
      #mainContentArea .contourPage fieldset.contourFieldSet .contourField span.help-block {
        font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
        float: left;
        clear: both; }
      #mainContentArea .contourPage fieldset.contourFieldSet .contourField input.text {
        float: left;
        background: #eeeeee;
        border: 1px solid #eeeeee;
        padding: 8px 15px;
        color: #000000;
        clear: both; }
      #mainContentArea .contourPage fieldset.contourFieldSet .contourField input.text:focus {
        background: #ffffff;
        border: 1px solid #000000; }
      #mainContentArea .contourPage fieldset.contourFieldSet .contourField span.field-validation-error {
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 14px;
        color: red !important;
        float: left;
        padding: 18px 15px; }
    #mainContentArea .contourPage fieldset.contourFieldSet .contourField.textarea textarea {
      background: #eeeeee;
      border: 1px solid #eeeeee;
      float: left;
      min-width: 300px;
      clear: both; }
    #mainContentArea .contourPage fieldset.contourFieldSet .contourField.checkbox .fieldLabel {
      float: left;
      margin-right: 10px;
      padding-left: 0; }
    #mainContentArea .contourPage fieldset.contourFieldSet .contourField.checkbox input[type="checkbox"] {
      float: left;
      margin-left: 10px; }
    #mainContentArea .contourPage fieldset.contourFieldSet .contourField.datepickerfield input {
      background: #eeeeee;
      border: solid 1px #eeeeee;
      padding: 10px;
      color: #000000; }
    #mainContentArea .contourPage fieldset.contourFieldSet .contourField.fileuploadfield input[type=file] {
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B"; }
    #mainContentArea .contourPage fieldset.contourFieldSet .contourField.dropdownlist select {
      background: #eeeeee;
      border: solid 1px #eeeeee;
      width: 400px;
      padding: 10px;
      color: #5e5e5e; }
  #mainContentArea .contourPage .contourNavigation .btn {
    clear: left;
    padding: 10px 20px;
    text-align: center;
    display: block;
    font: normal 800 14px "Verlag A", "Verlag B";
    font-size: 14px;
    width: 200px;
    margin: 0 auto;
    text-transform: uppercase;
    color: #ffffff;
    background: #2a2a38;
    border: none; }

/**LOGIN MEMBER AND REGISTER AREA**/
#loginMember {
  float: left;
  width: 100%;
  margin: 30px 0 20px; }
  #loginMember form {
    width: 320px;
    margin: 0 auto; }
    #loginMember form h3 {
      float: left;
      width: 100%;
      text-align: center;
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 22px;
      color: #2a2a38;
      text-transform: uppercase; }
    #loginMember form .validation-summary-errors {
      float: left;
      width: 100%;
      clear: both;
      margin: 10px 0; }
      #loginMember form .validation-summary-errors ul {
        float: left;
        clear: both;
        width: 100%;
        color: red;
        font-size: 14px;
        text-align: center;
        list-style: none;
        padding: 0; }
        #loginMember form .validation-summary-errors ul li {
          margin: 5px 0; }
    #loginMember form .usernameArea {
      float: left;
      width: 100%;
      clear: both;
      margin: 5px 0; }
    #loginMember form .passwordArea {
      float: left;
      clear: both;
      width: 100%;
      margin: 5px 0; }
    #loginMember form label {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 16px;
      color: #2a2a38;
      float: left;
      margin-top: 10px;
      margin-bottom: 5px; }
    #loginMember form input[type="text"] {
      float: left;
      clear: both;
      width: 100%;
      background: #eeeeee;
      border: 1px solid #eeeeee;
      padding: 10px;
      color: #000000;
      margin-top: 5px;
      margin-bottom: 10px; }
    #loginMember form input[type="text"]:focus {
      background: #ffffff;
      border: 1px solid #000000; }
    #loginMember form input[type="password"] {
      float: left;
      clear: both;
      width: 100%;
      background: #eeeeee;
      border: 1px solid #eeeeee;
      padding: 10px;
      color: #000000;
      margin-top: 5px;
      margin-bottom: 10px; }
    #loginMember form input[type="password"]:focus {
      background: #ffffff;
      border: 1px solid #000000; }
    #loginMember form span.field-validation-error {
      float: left;
      width: 100%;
      clear: both;
      color: red; }
    #loginMember form span.field-validation-valid {
      float: left;
      clear: both;
      color: red;
      width: 100%; }
    #loginMember form button.loginButton {
      clear: left;
      padding: 10px 20px;
      text-align: center;
      display: block;
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 12px;
      width: 120px;
      margin: 0 auto;
      text-transform: uppercase;
      color: #ffffff;
      background: #2a2a38;
      border: none; }
    #loginMember form button.loginButton:hover {
      text-decoration: none; }

#loginStatus form {
  width: 320px;
  margin: 0 auto; }
  #loginStatus form h3 {
    float: left;
    width: 100%;
    text-align: center;
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 22px;
    color: #2a2a38;
    text-transform: uppercase; }
  #loginStatus form .memberStatus {
    float: left;
    clear: both;
    width: 100%;
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    color: #2a2a38;
    text-align: center;
    margin: 10px 0; }
  #loginStatus form button.loginButton {
    clear: left;
    padding: 10px 20px;
    text-align: center;
    display: block;
    font: normal 800 14px "Verlag A", "Verlag B";
    font-size: 12px;
    width: 120px;
    margin: 0 auto;
    text-transform: uppercase;
    color: #ffffff;
    background: #2a2a38;
    border: none; }
  #loginStatus form button.loginButton:hover {
    text-decoration: none; }

/*** WEATHER ICONS ***/
.icon-weather {
  padding-left: 2px;
  padding-top: 5px;
  font-size: 32px;
  float: left; }

.weather-temp {
  float: left;
  font-size: 25px; }

/*Media query for max: 1199px*/
@media (max-width: 1199px) {
  .icon-weather {
    padding-left: 2px;
    font-size: 32px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  .weather-temp {
    float: left;
    text-align: right;
    width: 50%; }

  .icon-weather {
    width: 50%;
    padding-left: 0;
    text-align: left; } }
/*------------------------------------------------------------HEADER SECTION -------------------------------------------------------------*/
/*Main header section */
#topNavHeader {
  background-color: #1a1928;
  height: 81px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative; }

/*Logo or Name section */
#logoSectionName {
  color: #ffffff; }
  #logoSectionName a {
    color: #ffffff;
    text-decoration: none;
    outline: none;
    border: none; }
    #logoSectionName a img {
      outline: none;
      border: none;
      max-width: 365px;
      float: left;
      margin-top: 10px;
      width: 100%; }
    #logoSectionName a h1 {
      color: #ffffff;
      font: normal 800 14px "Verlag A", "Verlag B";
      text-transform: Uppercase;
      font-size: 15px;
      float: left; }
  #logoSectionName a.globalNavLink {
    float: left;
    display: block;
    margin-left: 25px;
    padding-right: 25px; }
    #logoSectionName a.globalNavLink h1.topHeaderHeading {
      margin: 0; }
  #logoSectionName a.globalNavLink.Last {
    padding-right: 0; }

.globalNavContainer {
  margin-top: 20px; }

#MtHutt #logoSectionName a img {
  max-width: 190px; }

/*My Pass Mobile */
#myPassLink a.myPass {
  padding: 10px 20px;
  background: #2a2a38;
  float: right;
  margin-top: 10px;
  font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  border: none; }

/*Media query for max: 1999px*/
@media (max-width: 1199px) {
  #logoSectionName a img {
    margin-top: 15px; }

  #MtHutt #logoSectionName a img {
    margin-top: 5px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  /**** HEADER *********/
  /*Logo or Name section */
  #logoSectionName a {
    float: left;
    width: 100%;
    display: block;
    text-align: center; }
    #logoSectionName a img {
      margin-top: 15px; }
    #logoSectionName a h1 {
      width: 100%;
      text-align: center; }

  #MtHutt #logoSectionName a img {
    margin-top: 5px; }

  #myPassLink a.myPass {
    float: right; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  /****GENERAL FORMATS *****/
  .moduleHeadTitle {
    font-size: 22px; }

  /********HEADER********/
  #logoSectionName a h1 {
    font-size: 12px; }

  #myPassLink {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px; }
    #myPassLink a.myPass {
      font-size: 12px;
      padding: 10px 8px; } }
/*------------------------------------------------------------HEADER SECTION -------------------------------------------------------------*/
/*Mobile Menu */
#mobileMenu {
  margin-top: 5px; }
  #mobileMenu button[type="button"] {
    background: none;
    position: relative;
    padding: 10px;
    border: none;
    float: left; }
    #mobileMenu button[type="button"] span.icon-bar {
      background: #ffffff;
      float: left;
      clear: both;
      height: 6px;
      width: 38px;
      margin: 2px 0; }

/*MegaMenu - Navigation Section */
#globalNavigation {
  position: static; }

#multiSiteNavigation {
  width: auto;
  padding-left: 0;
  float: right;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: -10px;
  /* My Pass Link */ }
  #multiSiteNavigation li {
    float: left;
    display: block;
    text-align: center;
    font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
    color: #ffffff;
    text-transform: Capitalize;
    cursor: pointer;
    font-size: 12px; }
    #multiSiteNavigation li span.has-child {
      display: block;
      text-decoration: none;
      padding: 32px 8px 34px 8px; }
    #multiSiteNavigation li span.has-child:hover {
      color: #ffffff; }
    #multiSiteNavigation li a {
      display: block;
      text-decoration: none;
      color: #ffffff;
      padding: 32px 8px 34px 8px; }
    #multiSiteNavigation li a:hover {
      color: #ffffff; }
    #multiSiteNavigation li ul.site-level2 {
      list-style-type: none;
      padding-left: 0;
      float: left;
      margin-bottom: 0;
      width: 100%;
      position: absolute;
      left: 0;
      top: auto;
      background: #33a8db;
      padding-bottom: 120px;
      padding-top: 0;
      min-width: 100%;
      text-align: center;
      margin: 0;
      border: none;
      border-radius: 0;
      box-shadow: none; }
      #multiSiteNavigation li ul.site-level2 li {
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
        text-transform: Uppercase; }
        #multiSiteNavigation li ul.site-level2 li a {
          font: normal 800 14px "Verlag A", "Verlag B";
          font-size: 56px;
          color: #ffffff;
          padding: 65px 0 0; }
        #multiSiteNavigation li ul.site-level2 li .anchorLinks {
          clear: both;
          display: table;
          margin: 0 auto; }
          #multiSiteNavigation li ul.site-level2 li .anchorLinks ul {
            float: left;
            clear: both;
            text-align: center;
            min-width: 100px;
            padding: 20px 0 0;
            width: 100%;
            list-style: none; }
            #multiSiteNavigation li ul.site-level2 li .anchorLinks ul li {
              display: inline-block;
              font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
              font-size: 14px;
              color: #ffffff;
              float: left;
              clear: none;
              width: auto;
              margin: 0 10px; }
              #multiSiteNavigation li ul.site-level2 li .anchorLinks ul li a {
                font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
                font-size: 14px;
                color: #ffffff;
                display: block;
                padding: 0; }
  #multiSiteNavigation li#myPassSection {
    text-transform: lowercase; }
    #multiSiteNavigation li#myPassSection button.myPass {
      border: 1px solid #000;
      padding: 2px 12px;
      color: #000;
      border-radius: 0;
      background: #fff;
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 13px;
      margin-top: 18px; }
      #multiSiteNavigation li#myPassSection button.myPass .glyphicon {
        float: right;
        font-size: 18px;
        margin-top: 8px; }
      #multiSiteNavigation li#myPassSection button.myPass .login-text {
        float: left;
        margin-right: 8px;
        margin-top: 0;
        line-height: 18px; }
        #multiSiteNavigation li#myPassSection button.myPass .login-text em {
          font-weight: 700; }
    #multiSiteNavigation li#myPassSection #SignedInBtn {
      display: none;
      float: left;
      position: relative; }
    #multiSiteNavigation li#myPassSection button#SignedInAccess {
      background: #3babe2;
      border: none;
      color: #fff;
      padding: 2px 8px; }
      #multiSiteNavigation li#myPassSection button#SignedInAccess .hamburger {
        color: #ffffff;
        float: right; }
        #multiSiteNavigation li#myPassSection button#SignedInAccess .hamburger span.icon-bar {
          height: 1px;
          width: 100%;
          margin-bottom: 1px; }
    #multiSiteNavigation li#myPassSection #store-user {
      position: absolute;
      top: 100%;
      right: 0;
      z-index: 1000;
      width: 100%;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      font-size: 14px;
      text-align: left;
      background-color: #fff;
      color: #000;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px; }
      #multiSiteNavigation li#myPassSection #store-user li {
        float: left;
        clear: both;
        width: 100%;
        color: #000; }
        #multiSiteNavigation li#myPassSection #store-user li a {
          color: #000; }
        #multiSiteNavigation li#myPassSection #store-user li .profileLinks:hover {
          background: #f5f5f5; }
        #multiSiteNavigation li#myPassSection #store-user li .profileLinks {
          float: left;
          display: block;
          width: 100%;
          padding: 3px 20px 3px 10px;
          text-align: left;
          line-height: 1.42857;
          font-size: 14px;
          cursor: pointer;
          text-decoration: none; }
        #multiSiteNavigation li#myPassSection #store-user li span.profileLinks {
          color: #000; }
  #multiSiteNavigation li#myPassSection:hover {
    background: none; }
  #multiSiteNavigation li:hover {
    background: #33a8db; }
    #multiSiteNavigation li:hover ul.site-level2.dropdown-menu {
      display: block;
      left: 0;
      top: auto;
      z-index: 10; }
      #multiSiteNavigation li:hover ul.site-level2.dropdown-menu li a:hover {
        color: #2a2a38;
        background: none; }

/*Modal FORM*/
.modal-content {
  border: none;
  border-radius: 0; }
  .modal-content .modal-header h3.modal-title {
    color: #000;
    width: 100%;
    text-align: center;
    font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
    text-transform: uppercase; }
  .modal-content .modal-body {
    color: #000;
    font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
    padding-bottom: 20px;
    float: left;
    width: 100%; }
    .modal-content .modal-body input[type="text"] {
      border: 1px solid #000;
      background: none;
      color: #000000;
      padding: 5px 10px;
      width: 100%;
      border-radius: 0;
      line-height: 1.5em; }
      .modal-content .modal-body input[type="text"]::-webkit-input-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="text"]:-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="text"]::-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="text"]:-ms-input-placeholder {
        color: #bababa; }
    .modal-content .modal-body input[type="password"] {
      border: 1px solid #000;
      background: none;
      color: #000000;
      padding: 5px 10px;
      width: 100%;
      border-radius: 0;
      line-height: 1.5em; }
      .modal-content .modal-body input[type="password"]::-webkit-input-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="password"]:-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="password"]::-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="password"]:-ms-input-placeholder {
        color: #bababa; }
    .modal-content .modal-body input[type="email"] {
      border: 1px solid #000;
      background: none;
      color: #000000;
      padding: 5px 10px;
      width: 100%;
      border-radius: 0; }
      .modal-content .modal-body input[type="email"]::-webkit-input-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="email"]:-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="email"]::-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="email"]:-ms-input-placeholder {
        color: #bababa; }
    .modal-content .modal-body input[type="date"] {
      border: 1px solid #000;
      background: none;
      color: #000000;
      padding: 5px 6px;
      height: 33px;
      width: 100%;
      border-radius: 0; }
      .modal-content .modal-body input[type="date"]::-webkit-input-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="date"]:-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="date"]::-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body input[type="date"]:-ms-input-placeholder {
        color: #bababa; }
    .modal-content .modal-body textarea {
      border: 1px solid #000;
      background: none;
      color: #000000;
      padding: 5px 10px;
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      border-radius: 0; }
      .modal-content .modal-body textarea::-webkit-input-placeholder {
        color: #bababa; }
      .modal-content .modal-body textarea:-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body textarea::-moz-placeholder {
        color: #bababa; }
      .modal-content .modal-body textarea:-ms-input-placeholder {
        color: #bababa; }
    .modal-content .modal-body .modal-label-title {
      text-transform: capitalize;
      margin-top: 10px; }
    .modal-content .modal-body .modal-input-entry {
      margin: 5px 0; }
    .modal-content .modal-body .modal-error-display {
      margin: 5px 0; }
      .modal-content .modal-body .modal-error-display .error-message {
        text-align: center;
        float: left;
        width: 100%;
        color: red; }
  .modal-content .modal-footer {
    padding: 15px 0 15px 0;
    text-align: left;
    width: 100%;
    clear: left; }
    .modal-content .modal-footer .error-message {
      text-align: center;
      float: left;
      width: 100%;
      color: red; }
    .modal-content .modal-footer #ShowSendConfirmationEmail {
      float: left;
      clear: both;
      width: 100%;
      text-aling: center; }
      .modal-content .modal-footer #ShowSendConfirmationEmail a {
        color: #337ab7;
        font-size: 14px; }
    .modal-content .modal-footer #ShowSendConfirmationEmail {
      float: left;
      clear: both;
      width: 100%;
      text-align: center; }
      .modal-content .modal-footer #ShowSendConfirmationEmail a {
        color: #337ab7;
        font-size: 14px; }
    .modal-content .modal-footer #ConfirmationEmailSent {
      float: left;
      clear: both;
      width: 100%;
      text-align: center;
      color: #4e9800; }
  .modal-content button.goBtn {
    margin: 0 auto;
    padding: 9px 15px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #2a2a38;
    border: none;
    float: none;
    display: block;
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B"; }
  .modal-content a {
    color: #000;
    cursor: pointer; }

.modal-actions {
  margin: 20px 0 10px; }
  .modal-actions button.submitAction {
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background-color: #2a2a38;
    border: none;
    float: left;
    display: block;
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 14px;
    margin-right: 15px; }
  .modal-actions button.cancelAction {
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background-color: #aeaeae;
    border: none;
    float: left;
    display: block;
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 14px; }
  .modal-actions .forgot-pass {
    float: left;
    clear: both;
    margin-top: 10px;
    color: #337ab7; }

#myPassLink {
  text-transform: lowercase; }
  #myPassLink button.myPass {
    border: 1px solid #000;
    padding: 2px 12px;
    color: #000;
    border-radius: 0;
    background: #fff;
    font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 13px;
    margin-top: 6px;
    float: right; }
    #myPassLink button.myPass .glyphicon {
      float: right;
      font-size: 18px;
      margin-top: 8px; }
    #myPassLink button.myPass .login-text {
      float: left;
      margin-right: 8px;
      margin-top: 0;
      line-height: 18px; }
      #myPassLink button.myPass .login-text em {
        font-weight: 700; }
  #myPassLink button#SignedInAccess {
    background: #3babe2;
    border: none;
    color: #fff;
    padding: 2px 8px; }
    #myPassLink button#SignedInAccess .hamburger {
      color: #ffffff;
      float: right; }
      #myPassLink button#SignedInAccess .hamburger span.icon-bar {
        height: 1px;
        width: 100%;
        margin-bottom: 1px; }
  #myPassLink #store-user-mobile {
    position: absolute;
    top: 100%;
    right: 15px;
    z-index: 1000;
    width: 108px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px; }
    #myPassLink #store-user-mobile li {
      float: left;
      clear: both;
      width: 100%;
      color: #000; }
      #myPassLink #store-user-mobile li a {
        color: #000; }
      #myPassLink #store-user-mobile li .profileLinks:hover {
        background: #f5f5f5; }
      #myPassLink #store-user-mobile li .profileLinks {
        float: left;
        display: block;
        width: 100%;
        padding: 3px 12px;
        text-transform: capitalize;
        text-align: left;
        line-height: 1.42857;
        font-size: 14px;
        cursor: pointer;
        text-decoration: none; }
      #myPassLink #store-user-mobile li span.profileLinks {
        color: #000; }

/*Media query for min: 992px*/
@media (min-width: 992px) {
  /*MAIN GLOBAL MENU*/
  #globalNavigation.collapse {
    display: block;
    visibility: visible; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  /**** TOP NAVIGATION ****/
  #globalNavigation {
    position: absolute;
    background-color: #1a1928;
    top: 78px;
    z-index: 5;
    border: none; }
    #globalNavigation #multiSiteNavigation {
      margin-top: 0;
      width: 100%; }
      #globalNavigation #multiSiteNavigation .dropdown-backdrop {
        z-index: 2; }
      #globalNavigation #multiSiteNavigation li {
        width: 100%;
        clear: both;
        font-size: 18px; }
        #globalNavigation #multiSiteNavigation li button[type="button"] {
          background: none;
          border: none;
          margin: 0 auto;
          padding: 32px 8px 34px 8px; }
      #globalNavigation #multiSiteNavigation li:hover {
        background: none; }
        #globalNavigation #multiSiteNavigation li:hover ul.site-level2.dropdown-menu {
          display: none; }
      #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu {
        display: block;
        position: relative;
        padding-bottom: 60px; }
        #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li a {
          padding: 50px 0 0;
          font-size: 40px; }
        #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li .anchorLinks ul {
          padding: 20px 0 0; }
          #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li .anchorLinks ul li {
            clear: none;
            width: auto;
            font-size: 12px; }
            #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li .anchorLinks ul li a {
              font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
              font-size: 12px;
              color: #ffffff;
              padding: 0; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  /****GLOBAL NAVIGATION*******/
  #globalNavigation {
    padding-bottom: 20px; }
    #globalNavigation #multiSiteNavigation li {
      font-size: 14px; }
      #globalNavigation #multiSiteNavigation li a {
        padding: 16px 8px 16px 8px; }
      #globalNavigation #multiSiteNavigation li button[type="button"] {
        padding: 16px 8px 16px 8px; }
    #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu {
      padding-bottom: 46px; }
      #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li a {
        padding: 36px 0 0;
        font-size: 36px; }
      #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li .anchorLinks ul li {
        float: left;
        display: block;
        clear: both;
        width: 100%;
        margin: 0;
        text-align: center;
        font-size: 14px;
        padding-bottom: 20px; }
        #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li .anchorLinks ul li a {
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 14px;
          color: #ffffff;
          padding: 0;
          display: block; } }
@media (max-width: 570px) {
  #myPassLink button.myPass {
    padding: 12px 12px;
    border-radius: 4px; }
    #myPassLink button.myPass .login-text {
      display: none; }
    #myPassLink button.myPass .glyphicon {
      margin-top: 0; }
    #myPassLink button.myPass .login-text.active {
      display: none; }
  #myPassLink button#SignedInAccess {
    padding: 12px 12px;
    border-radius: 4px; }
  #myPassLink #store-user-mobile li .profileLinks {
    text-align: left; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  /****GLOBAL NAVIGATION*******/
  #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu {
    padding-bottom: 36px; }
    #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li a {
      padding: 16px 0 0;
      font-size: 21px; }
    #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li .anchorLinks ul li {
      font-size: 11px; }
      #globalNavigation #multiSiteNavigation li.open ul.site-level2.dropdown-menu li .anchorLinks ul li a {
        font-size: 11px; }

  #myPassLink #store-user-mobile {
    right: 0; } }
/*--------------------------------------------------------------BODY SECTION -------------------------------------------------------------*/
#mainContentArea {
  background: #ffffff;
  padding-bottom: 60px; }

/**OTHER CONTROLS */
.Image-Map-Section {
  float: left;
  clear: both;
  height: auto;
  width: 100%;
  background: #fff; }
  .Image-Map-Section img {
    min-width: 100px;
    max-width: 100%;
    margin: 0 auto;
    display: table;
    clear: both; }

@media (max-width: 1200px) {
  .Image-Map-Section .no-class {
    float: left;
    clear: both;
    width: 100%;
    height: auto; }
  .Image-Map-Section img {
    width: 80%;
    float: none;
    margin: 0 auto;
    display: table;
    height: auto; } }
/***** PAGES ******/
/****** LANDING PAGE ******/
#videoDots {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/dots2.png");
  z-index: 1;
  height: 100vh; }

video.promoVideo {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #2a2a38;
  background-size: cover;
  transition: 1s opacity; }

.videoCanvasLanding {
  width: 100%;
  z-index: -100;
  min-height: 100%;
  position: absolute;
  background-size: contain;
  -webkit-transform: translateX(0%) translateY(0%);
  transform: translateX(0%) translateY(0%); }

#landingPageContent #landingBackground {
  height: 100vh;
  position: relative;
  z-index: 2;
  /*Header Set Control Page */
  /*Landing Mountain Links */ }
  #landingPageContent #landingBackground .landingPageLogo {
    margin-top: 33px;
    text-align: center; }
    #landingPageContent #landingBackground .landingPageLogo img {
      margin: 0 auto; }
    #landingPageContent #landingBackground .landingPageLogo h1.provisionalLogo {
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 32px;
      text-transform: Uppercase;
      color: #2a2a38;
      width: 100%;
      float: left;
      clear: both;
      margin-top: 4px; }
  #landingPageContent #landingBackground .landingPageHeaderSet {
    text-align: center;
    width: 100%;
    float: left;
    clear: both; }
    #landingPageContent #landingBackground .landingPageHeaderSet .headingOne {
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 24px;
      text-transform: Uppercase;
      color: #2a2a38;
      width: 100%;
      float: left;
      clear: both;
      letter-spacing: .15em; }
    #landingPageContent #landingBackground .landingPageHeaderSet .headingTwo {
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 48px;
      text-transform: Uppercase;
      color: #2a2a38;
      width: 100%;
      float: left;
      clear: both;
      margin-top: 5px;
      letter-spacing: 4px; }
  #landingPageContent #landingBackground .landingMountainSection {
    position: absolute;
    bottom: 0;
    min-height: 240px;
    width: 620px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    #landingPageContent #landingBackground .landingMountainSection .regionName {
      text-align: center;
      text-transform: uppercase;
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 22px;
      letter-spacing: .1em;
      line-height: 1.6em;
      color: #ffffff;
      margin-top: 40px;
      float: left;
      clear: both;
      width: 100%;
      height: 85px; }
    #landingPageContent #landingBackground .landingMountainSection #landingMtHutt {
      background: rgba(230, 0, 8, 0.85);
      min-height: 240px; }
      #landingPageContent #landingBackground .landingMountainSection #landingMtHutt .regionName {
        margin-top: 55px; }
    #landingPageContent #landingBackground .landingMountainSection #landingQueenstown {
      /*Queenstown Purplebackground: rgba(78, 42, 113, .85);*/
      background: rgba(0, 162, 219, 0.85);
      min-height: 240px; }
      #landingPageContent #landingBackground .landingMountainSection #landingQueenstown .landingSectionLink {
        margin-top: 45px; }
    #landingPageContent #landingBackground .landingMountainSection a.mtnLink {
      display: block; }
    #landingPageContent #landingBackground .landingMountainSection a.mtnLink:hover #landingMtHutt {
      background: rgba(230, 0, 8, 0.9); }
    #landingPageContent #landingBackground .landingMountainSection a.mtnLink:hover #landingQueenstown {
      /*background: rgba(78, 42, 113, .90);*/
      background: rgba(0, 162, 219, 0.9); }
    #landingPageContent #landingBackground .landingMountainSection .landingSectionLink {
      float: left;
      clear: both;
      width: 100%;
      margin-top: 30px;
      display: block;
      font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 16px;
      color: #ffffff;
      text-align: center;
      text-decoration: none; }

/*Media query for max: 767px*/
@media (max-width: 767px) {
  /**** Landing Page ****/
  #landingPageContent #landingBackground .landingPageHeaderSet {
    display: none; }
    #landingPageContent #landingBackground .landingPageHeaderSet .headingOne {
      font-size: 20px; }
    #landingPageContent #landingBackground .landingPageHeaderSet .headingTwo {
      font-size: 32px; }
  #landingPageContent #landingBackground .landingMountainSection {
    width: 100%; }
    #landingPageContent #landingBackground .landingMountainSection #landingQueenstown {
      width: 50%; }
      #landingPageContent #landingBackground .landingMountainSection #landingQueenstown .landingSectionLink {
        margin-top: 30px;
        margin-bottom: 30px; }
    #landingPageContent #landingBackground .landingMountainSection #landingMtHutt {
      width: 50%; }
      #landingPageContent #landingBackground .landingMountainSection #landingMtHutt .landingSectionLink {
        margin-top: 30px;
        margin-bottom: 30px; } }
/*Media query for max: 640px*/
@media (max-width: 640px) {
  /**** Landing Page ****/
  #landingPageContent #landingBackground .landingPageLogo {
    margin-top: 0; }
  #landingPageContent #landingBackground .landingPageHeaderSet {
    display: block; }
    #landingPageContent #landingBackground .landingPageHeaderSet .headingOne {
      font-size: 20px; }
    #landingPageContent #landingBackground .landingPageHeaderSet .headingTwo {
      font-size: 32px; } }
/*Media query for max: 568px*/
@media (max-width: 568px) {
  #landingPageContent #landingBackground .landingMountainSection #landingQueenstown {
    width: 100%; }
  #landingPageContent #landingBackground .landingMountainSection #landingMtHutt {
    width: 100%; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  #landingPageContent #landingBackground .landingMountainSection #landingQueenstown,
  #landingPageContent #landingBackground .landingMountainSection #landingMtHutt {
    min-height: 100px; }
  #landingPageContent #landingBackground .landingMountainSection #landingQueenstown .regionName,
  #landingPageContent #landingBackground .landingMountainSection #landingMtHutt .regionName {
    margin-top: 30px; }
  #landingPageContent #landingBackground .landingMountainSection #landingQueenstown .landingSectionLink,
  #landingPageContent #landingBackground .landingMountainSection #landingMtHutt .landingSectionLink {
    margin-top: 15px;
    margin-bottom: 15px; } }
@media (max-width: 640px) and (max-height: 360px) {
  /**** Landing Page ****/
  #landingPageContent #landingBackground .landingPageHeaderSet .headingOne {
    font-size: 14px; }
  #landingPageContent #landingBackground .landingPageHeaderSet .headingTwo {
    font-size: 16px; }
  #landingPageContent #landingBackground .landingMountainSection {
    width: 100%;
    min-height: 130px; }
    #landingPageContent #landingBackground .landingMountainSection #landingQueenstown {
      width: 50%;
      min-height: 130px; }
      #landingPageContent #landingBackground .landingMountainSection #landingQueenstown .landingSectionLink {
        margin-top: 30px;
        margin-bottom: 30px; }
    #landingPageContent #landingBackground .landingMountainSection #landingMtHutt {
      width: 50%;
      min-height: 130px; }
      #landingPageContent #landingBackground .landingMountainSection #landingMtHutt .landingSectionLink {
        margin-top: 15px;
        margin-bottom: 30px; } }
@media (max-width: 480px) and (max-height: 320px) {
  /**** Landing Page ****/
  #landingPageContent #landingBackground .landingPageHeaderSet .headingOne {
    font-size: 14px;
    margin-top: 5px; }
  #landingPageContent #landingBackground .landingPageHeaderSet .headingTwo {
    font-size: 16px; }
  #landingPageContent #landingBackground .landingMountainSection {
    width: 100%;
    min-height: 194px; }
    #landingPageContent #landingBackground .landingMountainSection #landingQueenstown {
      width: 50%;
      min-height: 130px; }
      #landingPageContent #landingBackground .landingMountainSection #landingQueenstown .landingSectionLink {
        margin-top: 30px;
        margin-bottom: 30px; }
    #landingPageContent #landingBackground .landingMountainSection #landingMtHutt {
      width: 50%;
      min-height: 130px; }
      #landingPageContent #landingBackground .landingMountainSection #landingMtHutt .landingSectionLink {
        margin-top: 35px;
        margin-bottom: 30px; } }
@media (max-width: 568px) and (max-height: 320px) {
  /**** Landing Page ****/
  #landingPageContent #landingBackground .landingMountainSection .regionName {
    margin-top: 30px; }
  #landingPageContent #landingBackground .landingMountainSection #landingMtHutt .regionName {
    margin-top: 25px; }
  #landingPageContent #landingBackground .landingMountainSection #landingMtHutt .landingSectionLink {
    margin-top: 35px;
    margin-bottom: 30px; } }
@media (max-width: 360px) {
  #landingPageContent #landingBackground .landingPageHeaderSet .headingOne {
    font-size: 14px; }
  #landingPageContent #landingBackground .landingPageHeaderSet .headingTwo {
    font-size: 16px; } }
/****** EVENT LIST PAGE ******/
#eventListViewPage .eventListItems {
  list-style-type: none;
  float: left;
  clear: both;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%; }
  #eventListViewPage .eventListItems .eventItemDate {
    font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
    margin-top: 5px;
    margin-bottom: 8px;
    float: left;
    width: 100%; }
  #eventListViewPage .eventListItems a.eventItemTitle {
    font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 22px;
    font-weight: bold;
    color: #2a2a38;
    text-decoration: none;
    margin-top: 1px;
    margin-bottom: 20px;
    float: left;
    width: 100%; }
    #eventListViewPage .eventListItems a.eventItemTitle h2 {
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 22px;
      font-weight: bold;
      color: #2a2a38;
      text-decoration: none;
      margin-top: 1px;
      margin-bottom: 20px;
      float: left;
      width: 100%; }
  #eventListViewPage .eventListItems .eventItemContainer {
    list-style: none;
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0; }
    #eventListViewPage .eventListItems .eventItemContainer .collpsableContent {
      display: none;
      float: left;
      width: 100%; }
    #eventListViewPage .eventListItems .eventItemContainer .readMoreToggleThree {
      clear: left; }
    #eventListViewPage .eventListItems .eventItemContainer .readMoreToggleThree.closeBtn {
      clear: left; }

/*** PAGINATION *****/
#paginationSection {
  float: left;
  clear: both;
  width: 100%;
  font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
  font-size: 15px; }
  #paginationSection ul.pageList {
    width: auto;
    max-width: 250px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none; }
    #paginationSection ul.pageList li {
      list-style: none;
      margin: 0 5px;
      float: left;
      display: block; }
      #paginationSection ul.pageList li span.currentpage {
        color: #2a2a38; }

/****** EVENT CONTENT PAGE ******/
#SinglePageEvent .eventItemNoImage {
  float: left;
  clear: both;
  width: 100%;
  height: 20px;
  margin-bottom: 40px; }
#SinglePageEvent .eventItemImage {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px; }
  #SinglePageEvent .eventItemImage img.img-responsive {
    width: 100%; }
#SinglePageEvent .eventItemDate {
  font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
  text-align: center;
  float: left;
  clear: both;
  width: 100%; }
#SinglePageEvent .eventItemTitle {
  float: left;
  clear: both;
  width: 100%;
  text-align: center; }
  #SinglePageEvent .eventItemTitle h1 {
    font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 42px;
    text-align: center;
    color: #2a2a38;
    font-weight: 800;
    margin: 0 0; }
#SinglePageEvent .eventItemContent {
  text-align: justify;
  float: left;
  clear: both;
  width: 100%;
  margin-top: 20px; }

/*Media query for max: 767px*/
@media (max-width: 767px) {
  #eventListViewPage .eventListItems {
    margin-left: 0;
    margin-right: 0; }
    #eventListViewPage .eventListItems .eventItemDate {
      text-align: center;
      margin-top: 30px; }
    #eventListViewPage .eventListItems a.eventItemTitle {
      text-align: center; }
      #eventListViewPage .eventListItems a.eventItemTitle h2 {
        text-align: center; }
    #eventListViewPage .eventListItems .eventItemContainer .collpsableContent {
      text-align: center; } }
/** Styles for full report Page **/
/**LIFT STATUS WIDGET **/
.Lift-Status-Widget {
  background-color: #2a2a38 !important; }
  .Lift-Status-Widget h2.moduleHeadTitle {
    margin-bottom: 40px;
    color: #ffffff; }

#liftStatusList {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 35px; }
  #liftStatusList .liftMiddle {
    display: table;
    min-width: 320px;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto; }
  #liftStatusList .liftContainer .liftStatus {
    margin: 15px 0; }
    #liftStatusList .liftContainer .liftStatus .statusItem {
      float: left;
      margin: 0 15px; }
      #liftStatusList .liftContainer .liftStatus .statusItem .statusType {
        float: left;
        text-transform: Uppercase;
        text-align: center;
        width: 98px;
        border: 1px solid #ffffff;
        display: block;
        padding: 8px 10px;
        font: normal 800 14px "Verlag A", "Verlag B"; }
      #liftStatusList .liftContainer .liftStatus .statusItem .statusType.Open {
        border: 1px solid #ffffff;
        color: #ffffff; }
      #liftStatusList .liftContainer .liftStatus .statusItem .statusType.On.Hold {
        border: 1px solid #ffffff;
        color: #ffffff; }
      #liftStatusList .liftContainer .liftStatus .statusItem .statusType.Closed {
        border: 1px solid #63636d;
        color: #63636d; }
    #liftStatusList .liftContainer .liftStatus .liftName {
      float: left;
      color: #ffffff;
      font: normal 800 14px "Verlag A", "Verlag B";
      text-transform: Uppercase;
      padding: 8px 0; }

/**SERVICES AND FACILITIES**/
#servicesAndFacilitiesSection {
  background: url("../img/serviceFacilitiesBg.png") repeat top center #1a1928;
  min-height: 472px;
  color: #ffffff;
  margin: 50px -15px 30px;
  clear: both; }
  #servicesAndFacilitiesSection .sectionColumn {
    padding: 30px 0 50px; }
    #servicesAndFacilitiesSection .sectionColumn .sectionContainer {
      float: left;
      clear: both;
      width: 100%;
      min-height: 390px; }
    #servicesAndFacilitiesSection .sectionColumn .sectionHeading {
      float: left;
      clear: both;
      width: 100%;
      text-align: center;
      color: #26b0e0;
      margin-bottom: 40px; }
      #servicesAndFacilitiesSection .sectionColumn .sectionHeading h2 {
        font: normal 800 14px "Verlag A", "Verlag B";
        font-size: 24px;
        color: #26b0e0;
        text-transform: Uppercase; }
    #servicesAndFacilitiesSection .sectionColumn .contentStatus {
      clear: both;
      width: 420px;
      margin: 0 auto; }
      #servicesAndFacilitiesSection .sectionColumn .contentStatus .statusItem {
        float: left;
        clear: both;
        width: 100%;
        margin: 15px 0; }
        #servicesAndFacilitiesSection .sectionColumn .contentStatus .statusItem .statusType {
          float: left;
          text-transform: Uppercase;
          text-align: center;
          width: 98px;
          border: 1px solid #ffffff;
          display: block;
          padding: 8px 10px;
          font: normal 800 14px "Verlag A", "Verlag B"; }
        #servicesAndFacilitiesSection .sectionColumn .contentStatus .statusItem .statusType.Fully.Booked {
          border: 1px solid #63636d;
          color: #63636d; }
        #servicesAndFacilitiesSection .sectionColumn .contentStatus .statusItem .statusType.Closed {
          border: 1px solid #63636d;
          color: #63636d; }
        #servicesAndFacilitiesSection .sectionColumn .contentStatus .statusItem .statusDescription {
          float: left;
          margin-left: 25px;
          width: 230px; }
          #servicesAndFacilitiesSection .sectionColumn .contentStatus .statusItem .statusDescription h3 {
            margin: 0 0 1px;
            text-transform: Uppercase;
            font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
            font-size: 14px; }
          #servicesAndFacilitiesSection .sectionColumn .contentStatus .statusItem .statusDescription p em {
            font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
            font-size: 14px;
            color: #aaaaaa; }
  #servicesAndFacilitiesSection .sectionColumn.first .sectionContainer {
    border-right: 1px solid #2a2a38; }

/**BACKCOUNTRY**/
#backcountrySection {
  margin: 50px -15px 30px;
  clear: both;
  background: #ffffff; }
  #backcountrySection .backcountryContainer {
    width: 820px;
    clear: both;
    margin: 0 auto; }
    #backcountrySection .backcountryContainer .backcountryColumns .backcountryStatusItem {
      width: 100%;
      float: left;
      clear: both;
      margin: 15px 0; }
      #backcountrySection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusType {
        float: left;
        text-transform: Uppercase;
        text-align: center;
        width: 135px;
        border: 1px solid #2a2a38;
        display: block;
        padding: 8px 10px;
        font: normal 800 14px "Verlag A", "Verlag B";
        color: #2a2a38; }
      #backcountrySection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusType.Closed {
        border: 1px solid #d4d4d7;
        color: #d4d4d7; }
      #backcountrySection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusDescription {
        float: left;
        margin-left: 25px;
        max-width: 218px; }
        #backcountrySection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusDescription h3 {
          margin: 5px 0 0;
          text-transform: Uppercase;
          font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 14px;
          color: #2a2a38; }
    #backcountrySection .backcountryContainer .backcountryColumns .backcountryTextReport {
      width: 100%;
      float: left;
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 14px;
      color: #5e5e5e;
      line-height: 1.6em;
      margin-top: 10px; }
    #backcountrySection .backcountryContainer .backcountryBottomSection {
      clear: both;
      margin-top: 50px;
      margin-bottom: 30px; }

/**CARPARKS* */
.CarPark-Status-Widget {
  margin: 30px 0;
  clear: both;
  background-size: cover !important; }
  .CarPark-Status-Widget h2.moduleHeadTitle {
    color: #fff; }

#carParkSection {
  margin: 10px -15px 0;
  clear: both;
  background: rgba(255, 255, 255, 0.5); }
  #carParkSection .backcountryContainer {
    max-width: 820px;
    width: 100%;
    clear: both;
    margin: 0 auto; }
    #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem {
      width: 100%;
      float: left;
      clear: both;
      margin: 15px 0; }
      #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusType {
        float: left;
        text-transform: Uppercase;
        text-align: center;
        width: 132px;
        border: 1px solid #2a2a38;
        display: block;
        padding: 8px 10px;
        font: normal 800 14px "Verlag A", "Verlag B";
        color: #2a2a38; }
      #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusType.Closed,
      #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusType.Carpark.Full {
        border: 1px solid #fff;
        color: #fff; }
      #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusDescription {
        float: left;
        margin-left: 25px; }
        #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusDescription h3 {
          margin: 5px 0 0;
          text-transform: Uppercase;
          font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 14px;
          color: #2a2a38; }
        #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusDescription em {
          color: #fff; }
    #carParkSection .backcountryContainer .backcountryColumns .backcountryTextReport {
      width: 100%;
      float: left;
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 14px;
      color: #5e5e5e;
      line-height: 1.6em;
      margin-top: 10px; }
    #carParkSection .backcountryContainer .backcountryBottomSection {
      clear: both;
      margin-top: 50px;
      margin-bottom: 30px; }

/*** Bottom Stripe Section ***/
#bottomStripeSection {
  background: #1a1928;
  height: 190px;
  clear: both;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #ffffff; }
  #bottomStripeSection .stripeColumn {
    height: 190px; }
    #bottomStripeSection .stripeColumn .stripeHeading {
      float: left;
      width: 100%;
      text-align: center;
      text-transform: Uppercase; }
      #bottomStripeSection .stripeColumn .stripeHeading h3 {
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 16px;
        margin-top: 35px;
        margin-bottom: 35px; }
    #bottomStripeSection .stripeColumn .stripeContainer {
      float: left;
      clear: both;
      width: 100%;
      text-align: center;
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 14px;
      line-height: 1.6em; }
      #bottomStripeSection .stripeColumn .stripeContainer .stripeContent {
        width: 260px;
        margin: 0 auto;
        clear: both; }
        #bottomStripeSection .stripeColumn .stripeContainer .stripeContent p {
          margin-bottom: 0; }
  #bottomStripeSection .centerBorders {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff; }

#bottomStripeSection.coronetPeakWidget {
  background: #0096d6; }
  #bottomStripeSection.coronetPeakWidget .centerBorders {
    border-left: 1px solid #0187b7;
    border-right: 1px solid #0187b7; }

#bottomStripeSection.theRemarkablesWidget {
  background: #67a922; }
  #bottomStripeSection.theRemarkablesWidget .centerBorders {
    border-left: 1px solid #4e9800;
    border-right: 1px solid #4e9800; }

#bottomStripeSection.mtHuttWidget {
  background: #e60008; }
  #bottomStripeSection.mtHuttWidget .centerBorders {
    border-left: 1px solid #b50b10;
    border-right: 1px solid #b50b10; }

/*Media query for max: 991px*/
@media (max-width: 991px) {
  .Lift-Status-Widget {
    background: url("../img/serviceFacilitiesBg.png") repeat-y !important; }

  #liftStatusList .liftMiddle {
    max-width: 520px; }

  #servicesAndFacilitiesSection {
    background: url("../img/serviceFacilitiesBg.png") repeat-y; }
    #servicesAndFacilitiesSection .sectionColumn.first .sectionContainer {
      border: none; }
    #servicesAndFacilitiesSection .sectionColumn .contentStatus {
      width: 360px; }

  #backcountrySection .backcountryContainer {
    width: 100%; }
    #backcountrySection .backcountryContainer .backcountryColumns .backcountryStatusItem {
      float: none;
      clear: left;
      margin-left: auto;
      margin-right: auto;
      width: 320px; }
    #backcountrySection .backcountryContainer .backcountryColumns .backcountryTextReport {
      text-align: center; }

  #bottomStripeSection .stripeColumn .stripeContainer .stripeContent {
    width: auto; }

  #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem {
    max-width: 320px;
    margin: 15px auto;
    float: none; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  #wrapper {
    overflow: hidden; }
    #wrapper #bottomStripeSection {
      height: auto; }
      #wrapper #bottomStripeSection .centerBorders {
        border: none;
        border-bottom: 1px solid #0187b7;
        border-top: 1px solid #0187b7; }

  #liftStatusList .liftMiddle {
    max-width: 450px; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  #liftStatusList .liftMiddle {
    max-width: 320px; }
  #liftStatusList .liftContainer .liftStatus .statusItem {
    float: none;
    width: 100px;
    margin: 0 auto; }
  #liftStatusList .liftContainer .liftName {
    text-align: center;
    width: 100%; }

  #servicesAndFacilitiesSection .sectionColumn {
    padding: 20px 0 50px; }
    #servicesAndFacilitiesSection .sectionColumn .sectionHeading {
      margin-bottom: 10px; }
    #servicesAndFacilitiesSection .sectionColumn .contentStatus {
      width: 300px; }
      #servicesAndFacilitiesSection .sectionColumn .contentStatus .statusItem .statusDescription {
        width: 58%; }

  #liftStatusList .liftContainer .liftStatus .liftName {
    clear: both;
    margin-top: 12px; } }
/*Media query for max: 320px*/
@media (max-width: 320px) and (max-height: 568px) {
  .backcountryContainer .BodyTextNzskiStyle img {
    width: 100% !important;
    height: auto !important; }

  #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem {
    max-width: 100%;
    margin: 10px auto;
    float: left;
    clear: both; }
    #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusType {
      float: none;
      margin: 0 auto; }
    #carParkSection .backcountryContainer .backcountryColumns .backcountryStatusItem .statusDescription {
      text-align: center;
      margin: 5px auto 0;
      width: 100%; } }
/*Print Page */
#search-results-input form {
  margin: 0 auto;
  width: 300px;
  min-height: 42px;
  margin-bottom: 40px; }
  #search-results-input form input {
    float: left;
    width: 218px;
    padding: 10px 20px;
    border: 1px solid #b5b5b5;
    border-right: none;
    color: #1a1928; }
  #search-results-input form button {
    float: left;
    width: 80px;
    padding: 11px 10px;
    color: #dddddd;
    background: #4d4d4d;
    border: none; }

#search-results-section ul.search-results-list {
  float: left;
  clear: both;
  width: 100%;
  padding: 0;
  margin: 10px 0 15px;
  list-style-type: none; }
  #search-results-section ul.search-results-list li.result-item {
    float: left;
    clear: both;
    width: 100%;
    padding: 0;
    list-style: none; }
    #search-results-section ul.search-results-list li.result-item .results-box {
      float: left;
      clear: both;
      width: 100%;
      border-bottom: 1px solid #b5b5b5;
      padding: 25px 0 25px; }
      #search-results-section ul.search-results-list li.result-item .results-box .searchHeading {
        float: left;
        width: 100%;
        clear: both; }
        #search-results-section ul.search-results-list li.result-item .results-box .searchHeading h3 {
          font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 24px;
          text-align: center;
          margin-top: 10px; }
          #search-results-section ul.search-results-list li.result-item .results-box .searchHeading h3 a {
            color: #1a1928;
            text-decoration: none; }
      #search-results-section ul.search-results-list li.result-item .results-box .searchResultUrl {
        float: left;
        clear: both;
        width: 100%;
        display: block;
        margin-bottom: 15px;
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        color: #09436b;
        text-align: center; }
        #search-results-section ul.search-results-list li.result-item .results-box .searchResultUrl a {
          display: block;
          text-decoration: none; }
      #search-results-section ul.search-results-list li.result-item .results-box .searchDescription {
        float: left;
        clear: both;
        width: 100%;
        margin: 15px 0 25px;
        text-align: center; }
#search-results-section .no-search-results {
  float: left;
  clear: both;
  width: 100%;
  padding: 0;
  margin: 10px 0 15px;
  color: #1a1928;
  font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
  font-size: 18px;
  text-align: center; }

/*Gallery Media Section */
#galleryContent .mediaItem h4.mediaTitle {
  text-align: center;
  width: 100%;
  float: left;
  font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
  text-transform: Uppercase;
  font-size: 14px;
  color: #2a2a38;
  height: 38px;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.4em; }
#galleryContent .mediaItem .mediaThumbnail {
  width: 100%;
  height: 175px;
  margin-bottom: 15px;
  float: left;
  clear: both; }
#galleryContent .mediaItem .downloadLinkSection {
  float: left;
  clear: both;
  width: 100%; }
  #galleryContent .mediaItem .downloadLinkSection a.nzSki-btn-blue, #galleryContent .mediaItem .downloadLinkSection a.readMoreToggle, #galleryContent .mediaItem .downloadLinkSection a.readMoreToggleTwo, #galleryContent .mediaItem .downloadLinkSection a.readMoreToggleThree, #galleryContent .mediaItem .downloadLinkSection a.readMoreToggleFour {
    clear: left;
    width: 100%;
    max-width: 200px;
    margin-bottom: 8px; }

/******************/
/****** GRID CONTROLS ****/
/*** Heading Description Styles ****/
.webstore-description #headingDescriptionControl {
  display: none; }

#headingDescriptionControl {
  margin-top: 25px;
  margin-bottom: 35px; }
  #headingDescriptionControl .headingDescriptionText {
    width: 710px;
    margin: 0 auto;
    font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
    font-size: 18px;
    line-height: 26px;
    color: #b5b5b5;
    text-align: center; }

.Campaign-Hero-Description #headingDescriptionControl {
  background: #1a1928;
  margin-top: 0;
  padding: 35px 50px; }
  .Campaign-Hero-Description #headingDescriptionControl .headingDescriptionText {
    width: 100%;
    margin: 0 auto;
    font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-align: center; }

.toggle-action-description {
  clear: both;
  margin-bottom: 30px;
  width: 100%;
  float: left; }
  .toggle-action-description #headingDescriptionControl {
    display: none; }

/*Media query for max: 767px*/
@media (max-width: 767px) {
  /****Description Control ****/
  #headingDescriptionControl .headingDescriptionText {
    width: 430px;
    font-size: 18px; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  /****Description Control ****/
  #headingDescriptionControl .headingDescriptionText {
    width: 100%;
    font-size: 18px; } }
/**** PROMO SPECIALS CONTROL *****/
#promoSpecialsControl {
  min-height: 490px;
  text-align: center;
  color: #ffffff;
  padding-top: 100px; }
  #promoSpecialsControl .promoHeading {
    float: left;
    clear: both;
    width: 100%; }
    #promoSpecialsControl .promoHeading .mainHeading {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 50px;
      text-transform: uppercase;
      letter-spacing: 5px; }
    #promoSpecialsControl .promoHeading .subHeading {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #eb5206; }
  #promoSpecialsControl .promoTextContainer {
    width: 100%;
    float: left;
    clear: both;
    text-align: center; }
    #promoSpecialsControl .promoTextContainer .promoText {
      font-family: Georgia;
      font-style: italic;
      font-size: 16px;
      width: 330px;
      margin: 0 auto; }

.Promo-Default-Theme {
  float: left;
  clear: both;
  width: 100%; }

/*Blue Variation*/
.Promo-Blue-Theme {
  float: left;
  clear: both;
  width: 100%; }
  .Promo-Blue-Theme #promoSpecialsControl .promoHeading .subHeading {
    color: #2a2a38; }
  .Promo-Blue-Theme #promoSpecialsControl .nzSki-btn-orange {
    background: #2a2a38; }

/*Media query for max: 480px*/
@media (max-width: 480px) {
  /**** Promo Specials Control ****/
  #promoSpecialsControl {
    min-height: 380px;
    padding-top: 60px; }
    #promoSpecialsControl .promoHeading .mainHeading {
      font-size: 30px; }
    #promoSpecialsControl .promoHeading .subHeading {
      font-size: 13px; }
    #promoSpecialsControl .promoTextContainer .promoText {
      width: 270px;
      font-size: 14px; } }
/**** HERO IMAGE BASIC CONTROL *****/
#heroImageBasicControl {
  min-height: 490px;
  text-align: center;
  color: #ffffff;
  padding-top: 100px; }
  #heroImageBasicControl .heroImageHeading {
    float: left;
    clear: both;
    width: 100%; }
    #heroImageBasicControl .heroImageHeading .mainHeading {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 50px;
      text-transform: uppercase;
      letter-spacing: 5px; }
    #heroImageBasicControl .heroImageHeading .subHeading {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #eb5206; }

.Hero-Image-Large #heroImageBasicControl {
  min-height: 700px; }

.Hero-Image-Large-No-Button #heroImageBasicControl .link-section-fullwidth {
  display: none;
  visibility: hidden; }

.Hero-Image-No-Content {
  width: 100%;
  float: left;
  background-size: cover !important; }
  .Hero-Image-No-Content .Hero-Campaign-Image img {
    float: left;
    width: 100%;
    visibility: hidden;
    clear: both; }

.Hero-Image-Basic #heroImageBasicControl {
  min-height: 550px; }

/*Media query for max: 767px*/
@media (max-width: 767px) {
  #heroImageBasicControl .heroImageHeading .mainHeading {
    font-size: 38px; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  /**** heroImage Basic Control ****/
  #heroImageBasicControl {
    min-height: 380px;
    padding-top: 60px; }
    #heroImageBasicControl .heroImageHeading .mainHeading {
      font-size: 24px; } }
/* HEro image with widget control */
.Hero-Image-With-Widget {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 40px; }
  .Hero-Image-With-Widget .heroBackgroundImage {
    background-size: cover !important;
    margin-left: -15px;
    margin-right: -15px; }
  .Hero-Image-With-Widget #heroImageBasicControl {
    padding-top: 100px;
    min-height: 580px; }
    .Hero-Image-With-Widget #heroImageBasicControl .link-section-fullwidth {
      margin-top: 30px;
      margin-bottom: 52px; }
  .Hero-Image-With-Widget .weatherWidget {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .Hero-Image-With-Widget .weatherWidgetQueenstown {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    float: left;
    clear: both;
    left: 0;
    width: 100%; }

.Hero-Image-Slides {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 40px; }
  .Hero-Image-Slides .weatherWidgetSectionQT {
    clear: both;
    float: left;
    width: 100%; }
  .Hero-Image-Slides .weatherWidgetQueenstown {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0; }
  .Hero-Image-Slides #dynamicHeroImage {
    float: left;
    clear: both;
    width: 100%;
    height: 580px !important;
    text-align: center;
    color: #ffffff; }
    .Hero-Image-Slides #dynamicHeroImage .heroImageHeading {
      float: left;
      clear: both;
      width: 100%;
      padding-top: 100px; }
      .Hero-Image-Slides #dynamicHeroImage .heroImageHeading .mainHeading {
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 50px;
        text-transform: uppercase;
        letter-spacing: 5px; }

.videoHeroBanner,
.videoHeroBanner-without-button {
  margin-right: -15px;
  margin-left: -15px;
  position: relative;
  height: 100%;
  z-index: 0;
  overflow: hidden; }
  .videoHeroBanner #videoDots,
  .videoHeroBanner-without-button #videoDots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/dots2.png");
    z-index: 1;
    height: 100%;
    width: 100%; }
  .videoHeroBanner video.promoVideo,
  .videoHeroBanner-without-button video.promoVideo {
    position: absolute;
    z-index: -100;
    background: #000;
    background-size: cover;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .videoHeroBanner .videoCanvas,
  .videoHeroBanner-without-button .videoCanvas {
    width: 100%;
    z-index: -100;
    min-height: 100%;
    position: absolute;
    background-size: cover;
    -webkit-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%); }

.videoHeroBanner-without-button .link-section-fullwidth {
  display: none;
  visibility: hidden; }

/*Media query for max: 991px*/
@media (max-width: 991px) {
  .Hero-Image-With-Widget #heroImageBasicControl {
    padding-top: 120px;
    min-height: 380px; }
    .Hero-Image-With-Widget #heroImageBasicControl .link-section-fullwidth {
      margin-top: 30px;
      margin-bottom: 52px; }
  .Hero-Image-With-Widget .weatherWidget {
    position: relative;
    z-index: 2;
    top: 0;
    margin-left: 0;
    margin-right: 0;
    float: left;
    clear: both;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .Hero-Image-With-Widget .weatherWidgetQueenstown {
    position: relative;
    z-index: 2;
    bottom: 0;
    float: left;
    clear: both;
    left: 0;
    width: auto; }

  .Hero-Image-Slides #dynamicHeroImage {
    height: 580px !important; } }
/*Random Devices such as nexus*/
@media (max-width: 780px) {
  .Hero-Image-Slides .weatherWidgetSectionQT {
    min-height: 600px; }
  .Hero-Image-Slides .weatherWidgetQueenstown {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0; }
  .Hero-Image-Slides #dynamicHeroImage {
    height: 440px !important; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  .Hero-Image-With-Widget #heroImageBasicControl {
    padding-top: 12%; }
  .Hero-Image-With-Widget .column:nth-of-type(1) {
    float: left;
    clear: both;
    width: 100%; }
  .Hero-Image-With-Widget .column:nth-of-type(2) {
    float: left;
    clear: both;
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .Hero-Image-With-Widget .weatherWidget {
    margin-left: 0;
    width: 100%; }

  .Hero-Image-Slides .weatherWidgetSectionQT {
    min-height: 810px; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  .Hero-Image-With-Widget #heroImageBasicControl {
    min-height: 100%;
    padding-top: 12%;
    float: left;
    clear: both;
    width: 100%; }
    .Hero-Image-With-Widget #heroImageBasicControl .link-section-fullwidth {
      margin-top: 5px;
      margin-bottom: 18px; }
  .Hero-Image-With-Widget .column:nth-of-type(2) .weatherWidget {
    top: 0px; }
  .Hero-Image-With-Widget .weatherWidgetQueenstown {
    top: 0;
    margin-left: 0;
    margin-right: 0; }

  .Hero-Image-Slides #dynamicHeroImage {
    height: 390px !important; }
    .Hero-Image-Slides #dynamicHeroImage .heroImageHeading .mainHeading {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 25px;
      text-transform: uppercase;
      letter-spacing: 5px;
      margin-left: 20px;
      margin-right: 20px; } }
/*** AT Glance Control Styles and Icon with Title ***/
.atGlanceHeaderSet {
  float: left;
  clear: both;
  margin-top: 20px;
  margin-bottom: 50px;
  width: 100%; }

/** Custom Styles for CtaDownloadAPp ***/
#DownloadAppControl {
  min-height: 500px;
  text-align: center;
  color: #ffffff;
  padding-top: 90px; }
  #DownloadAppControl .controlHeading {
    float: left;
    clear: both;
    width: 100%; }
    #DownloadAppControl .controlHeading .mainHeading {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 50px;
      text-transform: uppercase;
      letter-spacing: 5px; }
  #DownloadAppControl .controlTextContainer {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }
    #DownloadAppControl .controlTextContainer .downloadText {
      font-family: Georgia;
      font-style: italic;
      font-size: 16px;
      width: 500px;
      margin: 0 auto; }
  #DownloadAppControl .controlCustomContent {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 40px; }

/*Trail Map Styles*/
.trailMapContainer {
  clear: both;
  margin: 20px auto 30px;
  width: 980px; }
  .trailMapContainer iframe {
    margin: 0 auto;
    width: 100%;
    height: 699px;
    border: none;
    background: #ffffff; }

/*SnowMaking APP*/
#snowmaking {
  margin-top: 20px; }

/*Media query for max: 1199px*/
@media (max-width: 1199px) {
  .trailMapContainer {
    width: 910px; }
    .trailMapContainer iframe {
      height: 600px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  .trailMapContainer {
    width: 700px; }
    .trailMapContainer iframe {
      width: 100% !important;
      height: 460px; }
      .trailMapContainer iframe html body img {
        width: 100%; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  .trailMapContainer {
    width: 100%; }
    .trailMapContainer iframe {
      width: 100% !important;
      min-height: 400px;
      height: 100%; }
      .trailMapContainer iframe html body img {
        width: 100%; } }
/*Media query for max: 320px*/
@media (max-width: 320px) {
  .trailMapContainer {
    width: 100%; }
    .trailMapContainer iframe {
      min-height: 270px;
      height: 100%; } }
/*Package Control styles */
.packageControlSet {
  float: left;
  border: 1px solid #dddddd;
  width: 100%;
  min-height: 260px; }
  .packageControlSet .packageTitle {
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #2a2a38;
    margin-bottom: 10px;
    min-height: 30px;
    width: 100%;
    float: left; }
  .packageControlSet .packageDescription {
    font-family: Georgia;
    font-style: italic;
    text-align: center;
    color: #999999;
    min-height: 50px;
    margin-bottom: 20px;
    float: left;
    width: 100%; }
  .packageControlSet .packagePrice {
    float: left;
    width: 100%;
    font-family: Georgia;
    font-style: normal;
    text-align: center;
    color: #2a2a38;
    font-weight: bold;
    font-size: 22px; }
    .packageControlSet .packagePrice em {
      font-weight: normal; }
  .packageControlSet .link-section-fullwidth {
    margin-top: 20px;
    margin-bottom: 30px; }

.Three-Package-Columns {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .Three-Package-Columns .container {
    width: 100%; }
    .Three-Package-Columns .container .packageControlSet {
      margin-bottom: 20px; }

.Six-Package-Columns {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .Six-Package-Columns .container {
    width: 100%; }
    .Six-Package-Columns .container .packageControlSet {
      margin-bottom: 40px; }

.Earlybird-Column-Package,
.Earlybird-Column-Package-Toggle {
  float: left;
  clear: both;
  background: #fff;
  width: 100%; }
  .Earlybird-Column-Package .earlybirdControlSet,
  .Earlybird-Column-Package-Toggle .earlybirdControlSet {
    border-top: 1px solid #2a2a38;
    padding: 30px 0;
    width: 85%;
    margin: 0 auto;
    display: table; }
    .Earlybird-Column-Package .earlybirdControlSet .earlyPassIcon,
    .Earlybird-Column-Package-Toggle .earlybirdControlSet .earlyPassIcon {
      height: 110px; }
      .Earlybird-Column-Package .earlybirdControlSet .earlyPassIcon img,
      .Earlybird-Column-Package-Toggle .earlybirdControlSet .earlyPassIcon img {
        width: 100px;
        height: 100px;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        display: table; }
    .Earlybird-Column-Package .earlybirdControlSet h2.packageTitle,
    .Earlybird-Column-Package-Toggle .earlybirdControlSet h2.packageTitle {
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 18px;
      text-transform: uppercase;
      text-align: center;
      color: #2a2a38;
      margin-bottom: 5px;
      min-height: 45px;
      width: 100%;
      float: left; }
    .Earlybird-Column-Package .earlybirdControlSet .packageDescription,
    .Earlybird-Column-Package-Toggle .earlybirdControlSet .packageDescription {
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      text-align: center;
      color: #999;
      min-height: 85px;
      margin-bottom: 30px;
      float: left;
      width: 100%; }
    .Earlybird-Column-Package .earlybirdControlSet .packagePrice,
    .Earlybird-Column-Package-Toggle .earlybirdControlSet .packagePrice {
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 22px;
      text-transform: uppercase;
      color: #999;
      width: 180px;
      margin: 0 auto;
      text-align: center;
      min-height: 105px;
      padding-bottom: 25px; }
    .Earlybird-Column-Package .earlybirdControlSet .nzSki-link,
    .Earlybird-Column-Package-Toggle .earlybirdControlSet .nzSki-link {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      margin: 0 auto;
      display: table;
      margin-bottom: 25px;
      color: #33a8db;
      font-size: 16px; }
    .Earlybird-Column-Package .earlybirdControlSet .bottomBorder,
    .Earlybird-Column-Package-Toggle .earlybirdControlSet .bottomBorder {
      border-bottom: 1px solid #2a2a38; }
    .Earlybird-Column-Package .earlybirdControlSet .topBorder,
    .Earlybird-Column-Package-Toggle .earlybirdControlSet .topBorder {
      border-top: none; }
    .Earlybird-Column-Package .earlybirdControlSet .link-section-fullwidth,
    .Earlybird-Column-Package-Toggle .earlybirdControlSet .link-section-fullwidth {
      margin: 0 0 40px;
      padding-top: 0px; }
      .Earlybird-Column-Package .earlybirdControlSet .link-section-fullwidth .nzSki-btn,
      .Earlybird-Column-Package-Toggle .earlybirdControlSet .link-section-fullwidth .nzSki-btn {
        background: #ccc;
        max-width: 300px;
        color: #fff;
        font: normal 800 14px "Verlag A", "Verlag B";
        text-align: center;
        margin: 0 auto;
        text-transform: uppercase;
        display: table;
        padding: 10px 25px; }

.Earlybird-Column-Package-Toggle .earlybirdControlSet {
  display: none; }

@media (max-width: 1200px) {
  .Earlybird-Column-Package .earlybirdControlSet .packageDescription {
    min-height: 130px; } }
@media (max-width: 768px) {
  .Earlybird-Column-Package .earlybirdControlSet .packageDescription {
    min-height: 75px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  .Six-Package-Columns .container .packageControlSet {
    margin-bottom: 20px; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  .Three-Package-Columns {
    width: 100%;
    margin: 10px 0 10px 0; }

  .Six-Package-Columns {
    width: 100%;
    margin: 10px 0 10px 0; }
    .Six-Package-Columns .container {
      width: 100%; }
      .Six-Package-Columns .container .packageControlSet {
        margin-bottom: 20px; } }
.Webstore-Header {
  float: left;
  clear: both;
  width: 100%;
  min-height: 200px;
  background-position: center center !important; }
  .Webstore-Header .fullHeading-webStore {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 40px; }
    .Webstore-Header .fullHeading-webStore .HeadingContainer {
      float: left;
      width: 100%;
      clear: both; }
      .Webstore-Header .fullHeading-webStore .HeadingContainer h1.HeadingText {
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font: normal 800 14px "Verlag A", "Verlag B";
        font-size: 45px;
        text-transform: Uppercase;
        letter-spacing: .2em;
        margin-top: 35px;
        margin-bottom: 25px; }
    .Webstore-Header .fullHeading-webStore .HeadingDescription {
      float: left;
      clear: both;
      width: 100%;
      margin-bottom: 15px; }
      .Webstore-Header .fullHeading-webStore .HeadingDescription .textDescription {
        float: left;
        clear: both;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 15px; }
    .Webstore-Header .fullHeading-webStore .showDetailsToggle {
      width: 180px;
      margin: 0 auto;
      clear: left;
      border: 1px solid #fff;
      padding: 10px 15px;
      text-transform: Capitalize;
      margin-top: 15px;
      text-align: center;
      cursor: pointer;
      color: #ffffff;
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 14px;
      position: relative;
      z-index: 2; }

/*Media query for max: 991px*/
@media (max-width: 991px) {
  .Webstore-Header .fullHeading-webStore .HeadingContainer h1.HeadingText {
    font-size: 35px; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  .Webstore-Header .fullHeading-webStore .HeadingContainer h1.HeadingText {
    font-size: 28px; } }
.spinnerContainer {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 60px; }
  .spinnerContainer .spinnerControl {
    display: table;
    min-width: 260px;
    margin: 20px auto 40px; }
    .spinnerContainer .spinnerControl .spinnerTitle {
      float: left;
      font: normal 700 22px "Gotham SSm A", "Gotham SSm B";
      text-transform: Uppercase;
      color: #231f20;
      padding-right: 30px;
      margin-top: 28px; }
    .spinnerContainer .spinnerControl .counter-box {
      float: left; }
      .spinnerContainer .spinnerControl .counter-box .counter-controls {
        float: left;
        width: 40px;
        height: 80px;
        border: 1px solid #2999d0;
        color: #231f20;
        text-align: center; }
        .spinnerContainer .spinnerControl .counter-box .counter-controls a {
          display: block;
          padding: 28px 0;
          height: 78px;
          cursor: pointer;
          text-decoration: none;
          font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 18px;
          color: #231f20; }
        .spinnerContainer .spinnerControl .counter-box .counter-controls a:hover {
          background: #2999d0;
          color: #fff;
          text-decoration: none; }
      .spinnerContainer .spinnerControl .counter-box .counter-controls.leftC {
        border-right: none; }
      .spinnerContainer .spinnerControl .counter-box .counter-controls.rightC {
        border-left: none; }
      .spinnerContainer .spinnerControl .counter-box .counter-container {
        float: left;
        text-align: center;
        border: 3px solid #2999d0;
        width: 95px;
        padding: 16px 0;
        height: 80px;
        color: #231f20;
        font: normal 700 22px "Gotham SSm A", "Gotham SSm B";
        font-size: 35px; }
  .spinnerContainer .nzSki-btn-blue, .spinnerContainer .readMoreToggle, .spinnerContainer .readMoreToggleTwo, .spinnerContainer .readMoreToggleThree, .spinnerContainer .readMoreToggleFour {
    font-size: 28px;
    background: #231f20;
    width: 300px; }
  .spinnerContainer a {
    display: block; }

/*Media query for max: 991px*/
/*Media query for max: 767px*/
@media (max-width: 767px) {
  .spinnerContainer .spinnerControl .spinnerTitle {
    margin-bottom: 24px;
    padding-right: 0;
    text-align: center;
    width: 100%;
    font-size: 20px; }
  .spinnerContainer .spinnerControl .counter-box {
    float: none;
    clear: left;
    margin: 0 auto;
    width: 175px;
    height: 80px; }
  .spinnerContainer .nzSki-btn-blue, .spinnerContainer .readMoreToggle, .spinnerContainer .readMoreToggleTwo, .spinnerContainer .readMoreToggleThree, .spinnerContainer .readMoreToggleFour {
    width: 280px;
    font-size: 24px; } }
.Webstore-CTA-package {
  float: left;
  clear: both;
  width: 83.33333333%;
  margin: 40px 8.33333333% 40px; }
  .Webstore-CTA-package .container {
    width: 100%; }
    .Webstore-CTA-package .container .moduleHeadTitle {
      letter-spacing: 1px;
      font-size: 28px;
      margin-top: 30px;
      margin-bottom: 30px; }
    .Webstore-CTA-package .container .packageControlSet {
      margin-bottom: 0;
      min-height: 375px;
      color: #fff;
      border: 1px solid #fff; }
      .Webstore-CTA-package .container .packageControlSet .packageTitle {
        color: #fff;
        height: 65px;
        margin-bottom: 50px;
        padding: 12px 8px 0;
        font-size: 26px; }
      .Webstore-CTA-package .container .packageControlSet .packageDescription {
        margin-top: 40px;
        margin-bottom: 5px;
        height: 55px;
        color: #fff; }
      .Webstore-CTA-package .container .packageControlSet .packagePrice {
        color: #fff;
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 28px; }
        .Webstore-CTA-package .container .packageControlSet .packagePrice em {
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 12px;
          margin-right: 5px; }
      .Webstore-CTA-package .container .packageControlSet .link-section-fullwidth {
        margin-top: 25px;
        margin-bottom: 12px; }
        .Webstore-CTA-package .container .packageControlSet .link-section-fullwidth a.nzSki-btn-blue, .Webstore-CTA-package .container .packageControlSet .link-section-fullwidth a.readMoreToggle, .Webstore-CTA-package .container .packageControlSet .link-section-fullwidth a.readMoreToggleTwo, .Webstore-CTA-package .container .packageControlSet .link-section-fullwidth a.readMoreToggleThree, .Webstore-CTA-package .container .packageControlSet .link-section-fullwidth a.readMoreToggleFour {
          font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 18px;
          background: #0096d6;
          letter-spacing: 1px;
          width: 170px; }

/*Media query for max: 1199px*/
@media (max-width: 1199px) {
  .Webstore-CTA-package {
    width: 50.33333333%;
    margin: 40px 24.93333333% 40px; }
    .Webstore-CTA-package .container .col-md-12 {
      float: left;
      clear: both;
      width: 100%; }
    .Webstore-CTA-package .container .col-md-3 {
      float: left;
      width: 50%;
      margin-bottom: 20px; }
    .Webstore-CTA-package .container .packageControlSet .packageTitle {
      font-size: 18px; }
    .Webstore-CTA-package .container .packageControlSet .packageDescription {
      height: 65px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  .Webstore-CTA-package {
    width: 65.33333333%;
    margin: 40px 17.33333333% 40px; }
    .Webstore-CTA-package .container .col-md-12 {
      float: left;
      clear: both;
      width: 100%; }
    .Webstore-CTA-package .container .col-md-3 {
      float: left;
      width: 50%;
      margin-bottom: 20px; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  .Webstore-CTA-package {
    width: 490px;
    margin: 40px auto 40px;
    float: none; }
    .Webstore-CTA-package .container .col-md-12 {
      float: left;
      clear: both;
      width: 100%; }
    .Webstore-CTA-package .container .col-md-3 {
      float: left;
      width: 245px;
      margin-bottom: 20px; } }
/*Media query for max: 490px*/
@media (max-width: 490px) {
  .Webstore-CTA-package {
    width: 100%;
    margin: 40px auto 40px; }
    .Webstore-CTA-package .container .moduleHeadTitle {
      font-size: 20px; }
    .Webstore-CTA-package .container .col-md-12 {
      float: left;
      clear: both;
      width: 100%; }
    .Webstore-CTA-package .container .col-md-3 {
      width: 245px;
      margin: 0 auto 20px;
      float: none;
      clear: both; } }
/********************/
/****** GRID CONTENT LAYOUTS *****/
/** Custom Column Content styles **/
.sectionContentColumn {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 25px; }

.One-column-content-toggle {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .One-column-content-toggle .container {
    width: 100%; }
  .One-column-content-toggle .toggleContent {
    display: none; }
    .One-column-content-toggle .toggleContent .columnContent {
      border: 1px solid #dddddd;
      border-top: none;
      width: 100%;
      padding: 20px;
      clear: both; }
    .One-column-content-toggle .toggleContent .spinnerContainer {
      display: block; }
  .One-column-content-toggle .spinnerContainer {
    display: none; }
    .One-column-content-toggle .spinnerContainer .toggleContent {
      display: block; }

.One-column-content {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .One-column-content .container {
    width: 100%; }
  .One-column-content .toggleContent {
    display: block; }
    .One-column-content .toggleContent .columnContent {
      border: 1px solid #dddddd;
      border-top: none;
      width: 100%;
      padding: 20px;
      clear: both; }
  .One-column-content .readMoreToggle {
    display: none;
    visibility: hidden; }

.Two-Column-content-toggle {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .Two-Column-content-toggle .container {
    width: 100%; }
    .Two-Column-content-toggle .container .sectionContentColumn {
      display: none; }
    .Two-Column-content-toggle .container .spinnerContainer {
      display: none; }
    .Two-Column-content-toggle .container .toggleContent .columnContent {
      border: 1px solid #dddddd;
      border-top: none;
      width: 100%;
      padding: 20px;
      clear: both; }

.Two-Column-content {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .Two-Column-content .container {
    width: 100%; }
    .Two-Column-content .container .sectionContentColumn {
      display: block; }
    .Two-Column-content .container .toggleContent .columnContent {
      border: 1px solid #dddddd;
      border-top: none;
      width: 100%;
      padding: 20px;
      clear: both; }
    .Two-Column-content .container .readMoreToggleTwo {
      display: none;
      visibility: hidden; }

.Three-Column-content-toggle {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .Three-Column-content-toggle .container {
    width: 100%; }
    .Three-Column-content-toggle .container .sectionContentColumn {
      display: none; }
    .Three-Column-content-toggle .container .spinnerContainer {
      display: none; }
    .Three-Column-content-toggle .container .toggleContent .columnContent {
      border: 1px solid #dddddd;
      border-top: none;
      width: 100%;
      padding: 20px;
      clear: both; }

.Three-Column-content {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .Three-Column-content .container {
    width: 100%; }
    .Three-Column-content .container .sectionContentColumn {
      display: block; }
    .Three-Column-content .container .toggleContent .columnContent {
      border: 1px solid #dddddd;
      border-top: none;
      width: 100%;
      padding: 20px;
      clear: both; }
    .Three-Column-content .container .readMoreToggleTwo {
      display: none;
      visibility: hidden; }

.Multiple-Column-content-toggle {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .Multiple-Column-content-toggle .container {
    width: 100%; }
    .Multiple-Column-content-toggle .container .sectionContentColumn {
      display: none; }
    .Multiple-Column-content-toggle .container .spinnerContainer {
      display: none; }
    .Multiple-Column-content-toggle .container .toggleContent .columnContent {
      border: 1px solid #dddddd;
      border-top: none;
      width: 100%;
      padding: 20px;
      clear: both; }

.Multiple-Column-content {
  width: 83.33333333%;
  margin: 5px 8.33333333% 30px;
  float: left;
  clear: both; }
  .Multiple-Column-content .container {
    width: 100%; }
    .Multiple-Column-content .container .sectionContentColumn {
      display: block; }
    .Multiple-Column-content .container .toggleContent .columnContent {
      border: 1px solid #dddddd;
      border-top: none;
      width: 100%;
      padding: 20px;
      clear: both; }
    .Multiple-Column-content .container .readMoreToggleTwo {
      display: none;
      visibility: hidden; }

/*Media query for max: 767px*/
@media (max-width: 991px) {
  .grid-section .container .column {
    clear: both; } }
@media (max-width: 767px) {
  .One-column-content-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }

  .One-column-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }

  .Two-Column-content-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
    .Two-Column-content-toggle .container .row {
      margin: 0; }
      .Two-Column-content-toggle .container .row .col-md-6.column {
        padding: 0; }

  .Two-Column-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
    .Two-Column-content .container .row {
      margin: 0; }
      .Two-Column-content .container .row .col-md-6.column {
        padding: 0; }

  .Three-Column-content-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
    .Three-Column-content-toggle .container .row {
      margin: 0; }
      .Three-Column-content-toggle .container .row .col-md-4.column {
        padding: 0; }

  .Three-Column-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
    .Three-Column-content .container .row {
      margin: 0; }
      .Three-Column-content .container .row .col-md-4.column {
        padding: 0; }

  .Multiple-Column-content-toggle {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
    .Multiple-Column-content-toggle .container .row {
      margin: 0; }
      .Multiple-Column-content-toggle .container .row .col-md-12.column {
        padding: 0; }
      .Multiple-Column-content-toggle .container .row .col-md-6.column {
        padding: 0; }
      .Multiple-Column-content-toggle .container .row .col-md-4.column {
        padding: 0; }

  .Multiple-Column-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px; }
    .Multiple-Column-content .container .row {
      margin: 0; }
      .Multiple-Column-content .container .row .col-md-12.column {
        padding: 0; }
      .Multiple-Column-content .container .row .col-md-6.column {
        padding: 0; }
      .Multiple-Column-content .container .row .col-md-4.column {
        padding: 0; } }
/*******************************/
/***** WIDGETS ******/
/*** AT A GLANCE WIDGET STYLES****/
#atGlanceSection {
  color: #ffffff; }
  #atGlanceSection .rowSection {
    margin-top: 20px;
    margin-bottom: 20px; }
  #atGlanceSection div.col-xs-6 {
    border-right: solid 1px rgba(0, 0, 0, 0.3);
    min-height: 120px; }
  #atGlanceSection div.col-xs-6:last-of-type {
    border-right: none; }
  #atGlanceSection .sectionContent {
    min-height: 210px; }
  #atGlanceSection .sectionIcon {
    width: 100px;
    height: 100px;
    margin: 0 auto; }
    #atGlanceSection .sectionIcon img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      max-width: 100%; }
  #atGlanceSection .sectionIconLeft {
    float: left;
    width: 100px;
    height: 100px; }
    #atGlanceSection .sectionIconLeft img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      max-width: 100%; }
  #atGlanceSection .sectionLabel {
    font: normal 800 14px "Verlag A", "Verlag B";
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .5px;
    margin-top: 20px;
    height: 35px; }
    #atGlanceSection .sectionLabel a {
      color: #ffffff; }
  #atGlanceSection .sectionTextArea {
    float: left;
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: .2px;
    margin-left: 35px;
    width: 62%; }

/*Media query for max: 991px*/
@media (max-width: 991px) {
  #atGlanceSection div.col-xs-6 {
    margin-top: 20px; }
  #atGlanceSection div.col-xs-6:nth-child(3n) {
    border-right: none; }
  #atGlanceSection .sectionIcon {
    width: 100px;
    height: 100px; }
  #atGlanceSection .sectionIconLeft {
    width: 100px;
    height: 100px;
    float: none;
    margin: 0 auto; }
  #atGlanceSection .sectionTextArea {
    width: 100%;
    font-size: 12px;
    margin-left: 0;
    text-align: center; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  #atGlanceSection div.col-xs-6:nth-child(3n) {
    border-right: solid 1px rgba(0, 0, 0, 0.3); }
  #atGlanceSection div.col-xs-6:nth-child(2n) {
    border-right: none; }
  #atGlanceSection .sectionIcon {
    width: 60px;
    height: 60px;
    margin: 0 auto; }
  #atGlanceSection .sectionIconLeft {
    width: 100px;
    height: 100px;
    float: none;
    margin: 0 auto; }
  #atGlanceSection .sectionTextArea {
    width: 100%;
    text-align: center;
    padding-left: 0;
    margin-left: 0;
    clear: both; } }
/***Terrain Breakdown Styles***/
#terrainBreakdownSection {
  color: #ffffff; }
  #terrainBreakdownSection .rowSection {
    margin-top: 20px;
    margin-bottom: 20px; }
  #terrainBreakdownSection div.col-xs-6 {
    border-right: solid 1px rgba(255, 255, 255, 0.4);
    min-height: 120px; }
  #terrainBreakdownSection div.col-xs-6:last-of-type {
    border-right: none; }
  #terrainBreakdownSection .sectionContent {
    min-height: 210px; }
  #terrainBreakdownSection .sectionIcon {
    width: 100px;
    height: 100px;
    margin: 0 auto; }
    #terrainBreakdownSection .sectionIcon img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      max-width: 100%; }
  #terrainBreakdownSection .sectionIconLeft {
    float: left; }
  #terrainBreakdownSection .sectionLabel {
    font: normal 800 14px "Verlag A", "Verlag B";
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .5px;
    margin-top: 20px; }
  #terrainBreakdownSection .sectionTextArea {
    float: left; }

/*Media query for max: 991px*/
@media (max-width: 991px) {
  #terrainBreakdownSection div.col-xs-6 {
    margin-top: 20px; }
  #terrainBreakdownSection div.col-xs-6:nth-child(3n) {
    border-right: none; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  #terrainBreakdownSection div.col-xs-6:nth-child(3n) {
    border-right: solid 1px rgba(255, 255, 255, 0.4); }
  #terrainBreakdownSection div.col-xs-6:nth-child(2n) {
    border-right: none; }
  #terrainBreakdownSection .sectionIcon {
    width: 60px;
    height: 60px;
    margin: 0 auto; } }
/****** EVENT ITEM WIDGET ********/
#EventItemWidget .eventItem {
  border: 1px solid #dddddd;
  border-right: none;
  min-height: 355px; }
  #EventItemWidget .eventItem a {
    display: block;
    text-decoration: none;
    padding-top: 35px;
    height: 100%; }
  #EventItemWidget .eventItem .eventItemTitle {
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 21px;
    text-transform: uppercase;
    text-align: center;
    color: #2a2a38;
    margin-bottom: 30px;
    min-height: 70px; }
  #EventItemWidget .eventItem .eventItemDate {
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #95b6e0;
    margin-bottom: 40px; }
  #EventItemWidget .eventItem .eventItemDescription {
    font-family: Georgia;
    font-style: italic;
    text-align: center;
    color: #999999;
    min-height: 60px;
    margin-bottom: 60px; }
#EventItemWidget .eventItem:last-child {
  border-right: 1px solid #dddddd; }
#EventItemWidget .eventItem:hover {
  cursor: pointer;
  border: 2px solid #95b6e0; }

/*Media query for max: 1199px*/
@media (max-width: 1199px) {
  /***** Event Widget *****/
  #EventItemWidget .eventItem {
    min-height: 382px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  #EventItemWidget .eventItem {
    min-height: 100%;
    border-bottom: none;
    border-right: 1px solid #dddddd; }
    #EventItemWidget .eventItem .eventItemTitle {
      min-height: 100%;
      margin-top: 0; }
    #EventItemWidget .eventItem .eventItemDate {
      margin-bottom: 0; }
    #EventItemWidget .eventItem .eventItemDescription {
      display: none; }
    #EventItemWidget .eventItem a {
      padding-bottom: 35px; }
  #EventItemWidget .eventItem:last-child {
    border-bottom: 1px solid #dddddd; }
  #EventItemWidget .eventItem:hover {
    border: 2px solid #95b6e0; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  /**** Event Item Widget ****/
  #EventItemWidget .eventItem a {
    padding-top: 30px; } }
/********* AUDIENCE ITEM WIDGET *********/
#AudienceItemWidget {
  margin-top: 60px;
  margin-bottom: 60px; }
  #AudienceItemWidget a.audienceItemLink {
    text-decoration: none;
    display: block; }
  #AudienceItemWidget a.audienceItemLink:hover {
    text-decoration: none; }
    #AudienceItemWidget a.audienceItemLink:hover .audienceItem {
      background-color: #484753; }
  #AudienceItemWidget .audienceItem {
    background-color: #1a1928; }
    #AudienceItemWidget .audienceItem .audienceItemImage {
      float: left;
      clear: both;
      width: 100%;
      min-height: 345px; }
      #AudienceItemWidget .audienceItem .audienceItemImage img {
        margin: 0 auto; }
    #AudienceItemWidget .audienceItem .audienceItemText {
      float: left;
      clear: both;
      width: 100%;
      padding: 10px 0;
      text-align: center;
      color: #ffffff;
      min-height: 118px; }
      #AudienceItemWidget .audienceItem .audienceItemText h4 {
        float: left;
        width: 100%;
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 18px;
        text-transform: Uppercase;
        height: 42px; }
      #AudienceItemWidget .audienceItem .audienceItemText p {
        float: left;
        width: 100%;
        font: normal 700 14px "Mercury SSm A", "Mercury SSm B";
        font-size: 16px; }
        #AudienceItemWidget .audienceItem .audienceItemText p em {
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 16px; }

/*Media query for max: 1199px*/
@media (max-width: 1199px) {
  /****** Audience Widget ****/
  #AudienceItemWidget .audienceItem .audienceItemImage {
    min-height: 286px; }
  #AudienceItemWidget .audienceItem .audienceItemText h4 {
    font-size: 16px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  /****** Audience Widget ****/
  #AudienceItemWidget .audienceItem .audienceItemImage {
    min-height: 265px; }
  #AudienceItemWidget .audienceItem .audienceItemText h4 {
    font-size: 14px; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  #AudienceItemWidget .audienceItem .audienceItemImage {
    min-height: 325px; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  /****** Audience Widget ****/
  #AudienceItemWidget .audienceItem .audienceItemImage {
    min-height: 215px; }
  #AudienceItemWidget .audienceItem .audienceItemText h4 {
    font-size: 14px; } }
/***** Weather Widget *****/
.weatherWidget {
  margin: 0 auto;
  display: block;
  clear: both;
  width: 50%;
  background: #1a1928;
  color: #ffffff;
  text-transform: Uppercase; }
  .weatherWidget .firstRow {
    border-bottom: 1px solid #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 54px; }
    .weatherWidget .firstRow .mtWidgetHeading a {
      display: block;
      color: #ffffff;
      text-decoration: none; }
    .weatherWidget .firstRow .mtWidgetHeading a:hover {
      text-decoration: none; }
    .weatherWidget .firstRow .mtWidgetHeading h2 {
      color: #ffffff;
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 20px;
      margin: 0;
      padding-top: 5px;
      padding-bottom: 2px;
      letter-spacing: .05em; }
    .weatherWidget .firstRow .mtStatusField {
      text-align: right; }
      .weatherWidget .firstRow .mtStatusField .status {
        font: normal 800 14px "Verlag A", "Verlag B";
        font-size: 14px;
        width: 100%;
        float: left;
        clear: both;
        margin-bottom: 4px; }
      .weatherWidget .firstRow .mtStatusField .statusDate {
        font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
        font-size: 11px;
        float: left;
        clear: both;
        width: 100%;
        margin-top: 10px;
        text-transform: Lowercase; }
  .weatherWidget .secondRow {
    border-bottom: 1px solid #ffffff;
    height: 82px; }
    .weatherWidget .secondRow .statusTemp {
      border-right: 1px solid #ffffff;
      padding-top: 6px;
      height: 80px; }
      .weatherWidget .secondRow .statusTemp .weatherTemperature {
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 30px;
        text-transform: Lowercase; }
    .weatherWidget .secondRow .statusSnow {
      border-right: 1px solid #ffffff;
      padding-top: 6px;
      height: 80px; }
      .weatherWidget .secondRow .statusSnow .lastSnow {
        float: left;
        clear: both;
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 30px;
        text-transform: Lowercase;
        margin-bottom: 4px; }
        .weatherWidget .secondRow .statusSnow .lastSnow em {
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 12px; }
      .weatherWidget .secondRow .statusSnow .lastSnowDate {
        float: left;
        clear: both;
        font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
        font-size: 11px;
        text-transform: Lowercase; }
    .weatherWidget .secondRow .statusCondition {
      border-right: 1px solid #ffffff;
      padding-top: 6px;
      height: 80px; }
      .weatherWidget .secondRow .statusCondition .snowCondition {
        float: left;
        clear: both;
        font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 14px;
        width: 100%;
        text-align: center;
        margin-top: 5px;
        line-height: 1.3em; }
    .weatherWidget .secondRow .statusWebcam {
      padding-top: 6px;
      height: 80px; }
      .weatherWidget .secondRow .statusWebcam a {
        display: block;
        width: 100%;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
        float: left;
        clear: both; }
        .weatherWidget .secondRow .statusWebcam a span.icon-Webcam {
          float: left;
          width: 100%;
          text-align: center;
          font-size: 80px;
          height: 50px;
          line-height: 45px; }
        .weatherWidget .secondRow .statusWebcam a span.icon-Webcam:before {
          line-height: 45px; }
        .weatherWidget .secondRow .statusWebcam a span.webcamText {
          float: left;
          clear: both;
          width: 100%;
          text-align: center; }
      .weatherWidget .secondRow .statusWebcam a:hover {
        color: #fff;
        text-decoration: none; }
    .weatherWidget .secondRow p {
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 10px;
      margin-bottom: 4px;
      letter-spacing: .07em; }
  .weatherWidget .thirdRow {
    height: 82px; }
    .weatherWidget .thirdRow .statusRoad {
      border-right: 1px solid #ffffff;
      padding-top: 6px;
      height: 80px; }
      .weatherWidget .thirdRow .statusRoad .roadStatus {
        font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 14px;
        margin-top: 10px;
        float: left;
        clear: both;
        letter-spacing: .05em; }
    .weatherWidget .thirdRow .statusReport {
      height: 80px; }
      .weatherWidget .thirdRow .statusReport a {
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 12px;
        color: #ffffff;
        display: block;
        width: 100%;
        text-align: right;
        padding: 32px 0;
        text-decoration: none;
        letter-spacing: .05em; }
        .weatherWidget .thirdRow .statusReport a span.glyphicon {
          margin-left: 8px; }
    .weatherWidget .thirdRow p {
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 10px;
      margin-bottom: 4px;
      letter-spacing: .07em; }

/*Coronet Peak Widget*/
.weatherWidget.coronetPeakWidget {
  background: rgba(0, 162, 219, 0.85);
  border-right: 1px solid #0187b7;
  border-left: 1px solid #0187b7; }
  .weatherWidget.coronetPeakWidget .firstRow {
    border-bottom: 1px solid #0187b7; }
  .weatherWidget.coronetPeakWidget .secondRow {
    border-bottom: 1px solid #0187b7; }
    .weatherWidget.coronetPeakWidget .secondRow .statusTemp {
      border-right: 1px solid #0187b7; }
    .weatherWidget.coronetPeakWidget .secondRow .statusSnow {
      border-right: 1px solid #0187b7; }
    .weatherWidget.coronetPeakWidget .secondRow .statusCondition {
      border-right: 1px solid #0187b7; }
  .weatherWidget.coronetPeakWidget .thirdRow {
    border-bottom: 1px solid #0187b7; }
    .weatherWidget.coronetPeakWidget .thirdRow .statusRoad {
      border-right: 1px solid #0187b7; }

/*The Remarkables*/
.weatherWidget.theRemarkablesWidget {
  background: rgba(103, 169, 34, 0.85);
  border-right: 1px solid #4e9800;
  border-left: 1px solid #4e9800; }
  .weatherWidget.theRemarkablesWidget .firstRow {
    border-bottom: 1px solid #4e9800; }
  .weatherWidget.theRemarkablesWidget .secondRow {
    border-bottom: 1px solid #4e9800; }
    .weatherWidget.theRemarkablesWidget .secondRow .statusTemp {
      border-right: 1px solid #4e9800; }
    .weatherWidget.theRemarkablesWidget .secondRow .statusSnow {
      border-right: 1px solid #4e9800; }
    .weatherWidget.theRemarkablesWidget .secondRow .statusCondition {
      border-right: 1px solid #4e9800; }
  .weatherWidget.theRemarkablesWidget .thirdRow {
    border-bottom: 1px solid #4e9800; }
    .weatherWidget.theRemarkablesWidget .thirdRow .statusRoad {
      border-right: 1px solid #4e9800; }

/*Mt Hutt*/
.weatherWidget.mtHuttWidget {
  background: rgba(230, 0, 8, 0.85);
  border-right: 1px solid #b50b10;
  border-left: 1px solid #b50b10; }
  .weatherWidget.mtHuttWidget .firstRow {
    border-bottom: 1px solid #b50b10; }
  .weatherWidget.mtHuttWidget .secondRow {
    border-bottom: 1px solid #b50b10; }
    .weatherWidget.mtHuttWidget .secondRow .statusTemp {
      border-right: 1px solid #b50b10; }
    .weatherWidget.mtHuttWidget .secondRow .statusSnow {
      border-right: 1px solid #b50b10; }
    .weatherWidget.mtHuttWidget .secondRow .statusCondition {
      border-right: 1px solid #b50b10; }
  .weatherWidget.mtHuttWidget .thirdRow {
    border-bottom: 1px solid #b50b10; }
    .weatherWidget.mtHuttWidget .thirdRow .statusRoad {
      border-right: 1px solid #b50b10; }

/***************************************************************************************/
/*** Queenstown Widget ***/
.weatherWidgetQueenstown {
  /*Coronet Peak Widget*/
  /*The Remarkables*/
  /*Mt Hutt*/ }
  .weatherWidgetQueenstown .queenstownMountain {
    color: #ffffff;
    text-transform: Uppercase; }
    .weatherWidgetQueenstown .queenstownMountain .firstRow {
      border-bottom: 1px solid #ffffff;
      padding-top: 10px;
      padding-bottom: 10px;
      height: 54px; }
      .weatherWidgetQueenstown .queenstownMountain .firstRow .mtWidgetHeading a {
        display: block;
        color: #ffffff;
        text-decoration: none; }
      .weatherWidgetQueenstown .queenstownMountain .firstRow .mtWidgetHeading a:hover {
        text-decoration: none; }
      .weatherWidgetQueenstown .queenstownMountain .firstRow .mtWidgetHeading h2 {
        color: #ffffff;
        font: normal 800 14px "Verlag A", "Verlag B";
        font-size: 20px;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 2px;
        letter-spacing: .05em; }
      .weatherWidgetQueenstown .queenstownMountain .firstRow .mtStatusField {
        text-align: right; }
        .weatherWidgetQueenstown .queenstownMountain .firstRow .mtStatusField .status {
          font: normal 800 14px "Verlag A", "Verlag B";
          font-size: 14px;
          width: 100%;
          float: left;
          clear: both;
          margin-bottom: 4px; }
        .weatherWidgetQueenstown .queenstownMountain .firstRow .mtStatusField .statusDate {
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 11px;
          float: left;
          clear: both;
          width: 100%;
          text-transform: Lowercase; }
    .weatherWidgetQueenstown .queenstownMountain .secondRow {
      border-bottom: 1px solid #ffffff;
      height: 82px; }
      .weatherWidgetQueenstown .queenstownMountain .secondRow .statusTemp {
        border-right: 1px solid #ffffff;
        padding-top: 6px;
        height: 80px; }
        .weatherWidgetQueenstown .queenstownMountain .secondRow .statusTemp .weatherTemperature {
          font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 22px;
          text-transform: Lowercase;
          margin-top: 10px; }
          .weatherWidgetQueenstown .queenstownMountain .secondRow .statusTemp .weatherTemperature span {
            float: left; }
      .weatherWidgetQueenstown .queenstownMountain .secondRow .statusSnow {
        border-right: 1px solid #ffffff;
        padding-top: 6px;
        height: 80px; }
        .weatherWidgetQueenstown .queenstownMountain .secondRow .statusSnow .lastSnow {
          float: left;
          clear: both;
          font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 30px;
          text-transform: Lowercase;
          margin-bottom: 4px; }
          .weatherWidgetQueenstown .queenstownMountain .secondRow .statusSnow .lastSnow em {
            font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
            font-size: 12px; }
        .weatherWidgetQueenstown .queenstownMountain .secondRow .statusSnow .lastSnowDate {
          float: left;
          clear: both;
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 11px;
          text-transform: Lowercase; }
      .weatherWidgetQueenstown .queenstownMountain .secondRow .statusCondition {
        border-right: 1px solid #ffffff;
        padding-top: 6px;
        height: 80px; }
        .weatherWidgetQueenstown .queenstownMountain .secondRow .statusCondition .snowCondition {
          float: left;
          clear: both;
          font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 14px;
          width: 100%;
          text-align: center;
          margin-top: 5px;
          line-height: 1.3em; }
      .weatherWidgetQueenstown .queenstownMountain .secondRow .statusWebcam {
        padding-top: 6px;
        height: 80px; }
        .weatherWidgetQueenstown .queenstownMountain .secondRow .statusWebcam a {
          display: block;
          width: 100%;
          color: #fff;
          text-decoration: none;
          text-align: center;
          font-size: 11px;
          font-weight: bold;
          float: left;
          clear: both; }
          .weatherWidgetQueenstown .queenstownMountain .secondRow .statusWebcam a span.icon-Webcam {
            float: left;
            width: 100%;
            text-align: center;
            font-size: 80px;
            height: 50px;
            line-height: 45px; }
          .weatherWidgetQueenstown .queenstownMountain .secondRow .statusWebcam a span.icon-Webcam:before {
            line-height: 45px; }
          .weatherWidgetQueenstown .queenstownMountain .secondRow .statusWebcam a span.webcamText {
            float: left;
            clear: both;
            width: 100%;
            text-align: center; }
        .weatherWidgetQueenstown .queenstownMountain .secondRow .statusWebcam a:hover {
          color: #fff;
          text-decoration: none; }
      .weatherWidgetQueenstown .queenstownMountain .secondRow p {
        font: normal 800 14px "Verlag A", "Verlag B";
        font-size: 10px;
        margin-bottom: 4px;
        letter-spacing: .07em; }
    .weatherWidgetQueenstown .queenstownMountain .thirdRow {
      height: 82px; }
      .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusRoad {
        border-right: 1px solid #ffffff;
        padding-top: 6px;
        height: 80px; }
        .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusRoad .roadStatus {
          font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 14px;
          margin-top: 10px;
          float: left;
          clear: both;
          letter-spacing: .05em; }
      .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusReport {
        height: 80px; }
        .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusReport a {
          font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 12px;
          color: #ffffff;
          display: block;
          width: 100%;
          text-align: right;
          padding: 32px 0;
          text-decoration: none;
          letter-spacing: .05em; }
          .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusReport a span.glyphicon {
            margin-left: 8px; }
      .weatherWidgetQueenstown .queenstownMountain .thirdRow p {
        font: normal 800 14px "Verlag A", "Verlag B";
        font-size: 10px;
        margin-bottom: 4px;
        letter-spacing: .07em; }
  .weatherWidgetQueenstown .queenstownMountain.coronetPeakWidget {
    background: rgba(0, 162, 219, 0.85);
    border-right: 1px solid #0187b7;
    border-left: 1px solid #0187b7; }
    .weatherWidgetQueenstown .queenstownMountain.coronetPeakWidget .firstRow {
      border-bottom: 1px solid #0187b7; }
    .weatherWidgetQueenstown .queenstownMountain.coronetPeakWidget .secondRow {
      border-bottom: 1px solid #0187b7; }
      .weatherWidgetQueenstown .queenstownMountain.coronetPeakWidget .secondRow .statusTemp {
        border-right: 1px solid #0187b7; }
      .weatherWidgetQueenstown .queenstownMountain.coronetPeakWidget .secondRow .statusSnow {
        border-right: 1px solid #0187b7; }
      .weatherWidgetQueenstown .queenstownMountain.coronetPeakWidget .secondRow .statusCondition {
        border-right: 1px solid #0187b7; }
    .weatherWidgetQueenstown .queenstownMountain.coronetPeakWidget .thirdRow {
      border-bottom: 1px solid #0187b7; }
      .weatherWidgetQueenstown .queenstownMountain.coronetPeakWidget .thirdRow .statusRoad {
        border-right: 1px solid #0187b7; }
  .weatherWidgetQueenstown .queenstownMountain.theRemarkablesWidget {
    background: rgba(103, 169, 34, 0.85);
    border-right: 1px solid #4e9800;
    border-left: 1px solid #4e9800; }
    .weatherWidgetQueenstown .queenstownMountain.theRemarkablesWidget .firstRow {
      border-bottom: 1px solid #4e9800; }
    .weatherWidgetQueenstown .queenstownMountain.theRemarkablesWidget .secondRow {
      border-bottom: 1px solid #4e9800; }
      .weatherWidgetQueenstown .queenstownMountain.theRemarkablesWidget .secondRow .statusTemp {
        border-right: 1px solid #4e9800; }
      .weatherWidgetQueenstown .queenstownMountain.theRemarkablesWidget .secondRow .statusSnow {
        border-right: 1px solid #4e9800; }
      .weatherWidgetQueenstown .queenstownMountain.theRemarkablesWidget .secondRow .statusCondition {
        border-right: 1px solid #4e9800; }
    .weatherWidgetQueenstown .queenstownMountain.theRemarkablesWidget .thirdRow {
      border-bottom: 1px solid #4e9800; }
      .weatherWidgetQueenstown .queenstownMountain.theRemarkablesWidget .thirdRow .statusRoad {
        border-right: 1px solid #4e9800; }
  .weatherWidgetQueenstown .queenstownMountain.mtHuttWidget {
    background: rgba(230, 0, 8, 0.85);
    border-right: 1px solid #b50b10;
    border-left: 1px solid #b50b10; }
    .weatherWidgetQueenstown .queenstownMountain.mtHuttWidget .firstRow {
      border-bottom: 1px solid #b50b10; }
    .weatherWidgetQueenstown .queenstownMountain.mtHuttWidget .secondRow {
      border-bottom: 1px solid #b50b10; }
      .weatherWidgetQueenstown .queenstownMountain.mtHuttWidget .secondRow .statusTemp {
        border-right: 1px solid #b50b10; }
      .weatherWidgetQueenstown .queenstownMountain.mtHuttWidget .secondRow .statusSnow {
        border-right: 1px solid #b50b10; }
      .weatherWidgetQueenstown .queenstownMountain.mtHuttWidget .secondRow .statusCondition {
        border-right: 1px solid #b50b10; }
    .weatherWidgetQueenstown .queenstownMountain.mtHuttWidget .thirdRow {
      border-bottom: 1px solid #b50b10; }
      .weatherWidgetQueenstown .queenstownMountain.mtHuttWidget .thirdRow .statusRoad {
        border-right: 1px solid #b50b10; }

/*Media query for max: 991px*/
@media (max-width: 991px) {
  .weatherWidget .firstRow {
    height: 80px; }
    .weatherWidget .firstRow .mtWidgetHeading {
      width: 100%; }
      .weatherWidget .firstRow .mtWidgetHeading h2 {
        text-align: center; }
    .weatherWidget .firstRow .mtStatusField {
      width: 100%; }
      .weatherWidget .firstRow .mtStatusField .statusDate {
        text-align: center; }
  .weatherWidget .secondRow p {
    text-align: center; }
  .weatherWidget .secondRow .statusTemp .weatherTemperature {
    text-align: center; }
  .weatherWidget .secondRow .statusSnow {
    border-right: none !important; }
    .weatherWidget .secondRow .statusSnow span {
      width: 100%;
      text-align: center; }
  .weatherWidget .secondRow .statusWebcam a {
    margin-left: auto;
    margin-right: auto; }
  .weatherWidget .thirdRow p {
    text-align: center; }
  .weatherWidget .thirdRow .statusRoad span {
    width: 100%;
    text-align: center; }
  .weatherWidget .thirdRow .statusReport a {
    text-align: center; }

  .weatherWidgetQueenstown .queenstownMountain .firstRow {
    text-align: center; }
    .weatherWidgetQueenstown .queenstownMountain .firstRow .mtStatusField .status {
      text-align: center; }
    .weatherWidgetQueenstown .queenstownMountain .firstRow .mtStatusField .statusDate {
      text-align: center; }
  .weatherWidgetQueenstown .queenstownMountain .secondRow .statusTemp .weatherTemperature {
    text-align: center;
    margin: 0 auto;
    width: 60px;
    clear: left;
    margin-top: 2px;
    height: 60px; }
    .weatherWidgetQueenstown .queenstownMountain .secondRow .statusTemp .weatherTemperature span {
      width: 100%;
      text-align: center; }
  .weatherWidgetQueenstown .queenstownMountain .secondRow .statusSnow {
    border-right: none !important; }
    .weatherWidgetQueenstown .queenstownMountain .secondRow .statusSnow span {
      width: 100%;
      text-align: center; }
  .weatherWidgetQueenstown .queenstownMountain .secondRow .statusWebcam a {
    margin: 0 auto; }
  .weatherWidgetQueenstown .queenstownMountain .secondRow p {
    text-align: center; }
  .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusRoad span {
    width: 100%;
    text-align: center; }
  .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusReport a {
    text-align: center; }
  .weatherWidgetQueenstown .queenstownMountain .thirdRow p {
    text-align: center; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  .weatherWidget .firstRow {
    height: 70px; }
    .weatherWidget .firstRow .mtWidgetHeading h2 {
      font-size: 16px; }
    .weatherWidget .firstRow .mtStatusField .status {
      font-size: 12px; }
    .weatherWidget .firstRow .mtStatusField .statusDate {
      font-size: 9px; }
  .weatherWidget .secondRow {
    height: auto; }
    .weatherWidget .secondRow .statusTemp {
      border-bottom: 1px solid #fff;
      height: 95px; }
      .weatherWidget .secondRow .statusTemp .weatherTemperature {
        text-align: center;
        margin-top: 12px; }
    .weatherWidget .secondRow .statusSnow {
      border-right: none !important;
      border-bottom: 1px solid #fff;
      height: 95px; }
      .weatherWidget .secondRow .statusSnow span {
        width: 100%;
        text-align: center; }
    .weatherWidget .secondRow .statusCondition {
      border-right: none !important;
      border-bottom: 1px solid #fff; }
    .weatherWidget .secondRow .statusWebcam a {
      margin-left: auto; }
    .weatherWidget .secondRow p {
      text-align: center; }
  .weatherWidget .thirdRow {
    height: auto;
    border-bottom: none !important; }
    .weatherWidget .thirdRow .statusRoad {
      border-right: none !important;
      border-bottom: 1px solid #fff; }
      .weatherWidget .thirdRow .statusRoad span {
        width: 100%;
        text-align: center; }
    .weatherWidget .thirdRow .statusReport a {
      text-align: center; }
    .weatherWidget .thirdRow p {
      text-align: center; }

  .weatherWidget.mtHuttWidget .secondRow .statusTemp {
    border-bottom: 1px solid #b50b10; }
  .weatherWidget.mtHuttWidget .secondRow .statusSnow {
    border-bottom: 1px solid #b50b10; }
  .weatherWidget.mtHuttWidget .secondRow .statusCondition {
    border-bottom: 1px solid #b50b10; }
  .weatherWidget.mtHuttWidget .thirdRow .statusRoad {
    border-bottom: 1px solid #b50b10; }

  .weatherWidget.coronetPeakWidget .secondRow .statusTemp {
    border-bottom: 1px solid #0187b7; }
  .weatherWidget.coronetPeakWidget .secondRow .statusSnow {
    border-bottom: 1px solid #0187b7; }
  .weatherWidget.coronetPeakWidget .secondRow .statusCondition {
    border-bottom: 1px solid #0187b7; }
  .weatherWidget.coronetPeakWidget .thirdRow .statusRoad {
    border-bottom: 1px solid #0187b7; }

  .weatherWidget.theRemarkablesWidget .secondRow .statusTemp {
    border-bottom: 1px solid #4e9800; }
  .weatherWidget.theRemarkablesWidget .secondRow .statusSnow {
    border-bottom: 1px solid #4e9800; }
  .weatherWidget.theRemarkablesWidget .secondRow .statusCondition {
    border-bottom: 1px solid #4e9800; }
  .weatherWidget.theRemarkablesWidget .thirdRow .statusRoad {
    border-bottom: 1px solid #4e9800; }

  .weatherWidgetQueenstown .queenstownMountain .firstRow {
    height: 70px;
    border-bottom: none !important; }
    .weatherWidgetQueenstown .queenstownMountain .firstRow .mtWidgetHeading h2 {
      font-size: 16px; }
    .weatherWidgetQueenstown .queenstownMountain .firstRow .mtStatusField .status {
      font-size: 12px; }
    .weatherWidgetQueenstown .queenstownMountain .firstRow .mtStatusField .statusDate {
      font-size: 9px; }
  .weatherWidgetQueenstown .queenstownMountain .secondRow {
    height: auto; }
    .weatherWidgetQueenstown .queenstownMountain .secondRow .statusTemp {
      border-bottom: 1px solid #fff;
      height: 95px; }
      .weatherWidgetQueenstown .queenstownMountain .secondRow .statusTemp .weatherTemperature {
        text-align: center; }
    .weatherWidgetQueenstown .queenstownMountain .secondRow .statusSnow {
      border-right: none !important;
      border-bottom: 1px solid #fff;
      height: 95px; }
      .weatherWidgetQueenstown .queenstownMountain .secondRow .statusSnow span {
        width: 100%;
        text-align: center; }
  .weatherWidgetQueenstown .queenstownMountain .thirdRow {
    height: auto;
    border-bottom: none !important; }
    .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusRoad {
      border-right: none !important;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff; }
      .weatherWidgetQueenstown .queenstownMountain .thirdRow .statusRoad span {
        width: 100%;
        text-align: center; }
  .weatherWidgetQueenstown .coronetPeakWidget .firstRow {
    border-bottom: none !important; }
  .weatherWidgetQueenstown .coronetPeakWidget .secondRow .statusTemp {
    border-bottom: 1px solid #0187b7; }
  .weatherWidgetQueenstown .coronetPeakWidget .secondRow .statusSnow {
    border-bottom: 1px solid #0187b7; }
  .weatherWidgetQueenstown .coronetPeakWidget .thirdRow .statusRoad {
    border-bottom: 1px solid #0187b7;
    border-top: 1px solid #0187b7; }
  .weatherWidgetQueenstown .theRemarkablesWidget .firstRow {
    border-bottom: none !important; }
  .weatherWidgetQueenstown .theRemarkablesWidget .secondRow .statusTemp {
    border-bottom: 1px solid #4e9800; }
  .weatherWidgetQueenstown .theRemarkablesWidget .secondRow .statusSnow {
    border-bottom: 1px solid #4e9800; }
  .weatherWidgetQueenstown .theRemarkablesWidget .secondRow .statusCondition {
    border-bottom: 1px solid #4e9800; }
  .weatherWidgetQueenstown .theRemarkablesWidget .thirdRow .statusRoad {
    border-bottom: 1px solid #4e9800;
    border-top: 1px solid #4e9800; } }
/** Full Weather Report **/
#FullReportWeatherWidget {
  float: left;
  width: 100%;
  clear: both;
  background: #ffffff;
  /** General Styles **/
  /*** Coronet Peak Colour ****/
  /*** Remarkables Colour ****/
  /*** MT Hutt Colour ****/ }
  #FullReportWeatherWidget .weatherWidgetTop {
    float: left;
    clear: both;
    width: 100%;
    background: #2a2a38;
    color: #ffffff;
    height: 82px; }
    #FullReportWeatherWidget .weatherWidgetTop .statusReport {
      border-right: 1px solid #ffffff;
      text-align: center;
      height: 82px;
      padding-top: 10px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusReport .status {
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 18px;
        margin-top: 10px;
        width: 100%;
        float: left;
        text-transform: Uppercase; }
        #FullReportWeatherWidget .weatherWidgetTop .statusReport .status span.statusDate {
          clear: both;
          font-size: 14px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusReport .reportDate {
        font: italic 400 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 11px;
        margin-top: 5px;
        float: left;
        width: 100%; }
    #FullReportWeatherWidget .weatherWidgetTop .statusSnow {
      border-right: 1px solid #ffffff;
      text-align: center;
      height: 82px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusSnow .lastSnow {
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 30px;
        text-align: right;
        width: 40%;
        float: left; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnow .lastSnow em {
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 13px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusSnow .lastSnowIcon {
        float: left;
        text-align: left;
        font-size: 35px;
        height: 35px;
        margin-left: 30px;
        width: 50px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusSnow .lastSnowDate {
        float: left;
        clear: both;
        width: 100%;
        margin-top: 2px;
        text-align: left;
        font: italic 400 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 11px;
        text-align: center; }
    #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase {
      border-right: 1px solid #0187b7;
      text-align: center;
      height: 82px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .snowBaseMin {
        float: left;
        width: 40%;
        text-align: right; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .snowBaseMin em {
          font: italic 400 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 11px; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .snowBaseMin p {
          margin-bottom: 0;
          clear: both;
          padding-right: 25px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .snowBaseMax {
        float: left;
        width: 40%;
        text-align: left;
        margin-left: 10px; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .snowBaseMax em {
          font: italic 400 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 11px; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .snowBaseMax p {
          margin-bottom: 0;
          float: left;
          clear: both;
          padding-left: 25px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .baseDetail {
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 30px;
        float: left;
        width: 100%; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .baseDetail em {
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 13px; }
    #FullReportWeatherWidget .weatherWidgetTop .statusGroomed {
      border-right: 1px solid #ffffff;
      text-align: center;
      height: 82px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusGroomed .groomedStatus {
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 30px;
        float: left;
        clear: both;
        width: 100%; }
        #FullReportWeatherWidget .weatherWidgetTop .statusGroomed .groomedStatus em {
          font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
          font-size: 13px; }
    #FullReportWeatherWidget .weatherWidgetTop .statusPrintReport {
      text-align: center;
      text-transform: Uppercase;
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 12px;
      height: 82px;
      letter-spacing: 0; }
      #FullReportWeatherWidget .weatherWidgetTop .statusPrintReport .printReport {
        display: block; }
        #FullReportWeatherWidget .weatherWidgetTop .statusPrintReport .printReport a {
          display: block;
          padding: 20px 0 8px;
          color: #ffffff;
          text-decoration: none; }
          #FullReportWeatherWidget .weatherWidgetTop .statusPrintReport .printReport a span.glyphicon {
            margin-right: 8px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusPrintReport .reportDate {
        font-size: 11px; }
  #FullReportWeatherWidget .weatherWidgetCenter {
    float: left;
    clear: both;
    width: 100%;
    background: #ffffff;
    min-height: 225px;
    color: #2a2a38; }
    #FullReportWeatherWidget .weatherWidgetCenter .snowConditions {
      min-height: 225px;
      border-right: 1px solid #cccccc; }
    #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions {
      min-height: 225px;
      border-right: 1px solid #cccccc; }
      #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions .weatherConditionsTemp {
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 30px;
        width: 100%;
        clear: both;
        float: left; }
        #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions .weatherConditionsTemp .weatherTable {
          display: table;
          min-width: 50px;
          margin: 0 auto;
          clear: both; }
        #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions .weatherConditionsTemp .icon-weather {
          font-size: 55px;
          height: 55px;
          padding-top: 0;
          float: left;
          width: 55px; }
    #FullReportWeatherWidget .weatherWidgetCenter .roadConditions {
      min-height: 225px; }
    #FullReportWeatherWidget .weatherWidgetCenter .weatherConditionLabel {
      text-transform: Uppercase;
      text-align: center;
      width: 100%;
      float: left;
      clear: both;
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 12px;
      margin: 25px 0;
      letter-spacing: .05em; }
    #FullReportWeatherWidget .weatherWidgetCenter .weatherConditionStatus {
      text-transform: Uppercase;
      text-align: center;
      width: 100%;
      float: left;
      clear: both;
      font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 24px;
      margin: 0 0 25px; }
    #FullReportWeatherWidget .weatherWidgetCenter .weatherConditionReportText {
      width: 100%;
      float: left;
      clear: both;
      color: #5e5e5e;
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 12px;
      margin: 15px 0 20px 0;
      line-height: 1.5em; }
  #FullReportWeatherWidget .weatherWidgetBottom {
    float: left;
    clear: both;
    width: 100%;
    background: #2a2a38;
    color: #ffffff;
    min-height: 80px; }
    #FullReportWeatherWidget .weatherWidgetBottom .forecastSection {
      border-right: 1px solid #ffffff;
      height: 80px; }
      #FullReportWeatherWidget .weatherWidgetBottom .forecastSection .forecastContainer {
        width: 100%;
        float: left; }
    #FullReportWeatherWidget .weatherWidgetBottom .metServiceCopy {
      display: table;
      margin: 0 auto;
      padding: 10px 0;
      font-size: 12px;
      font-style: italic;
      text-align: center; }
      #FullReportWeatherWidget .weatherWidgetBottom .metServiceCopy a {
        color: #ffffff;
        text-decoration: underline; }
      #FullReportWeatherWidget .weatherWidgetBottom .metServiceCopy a:hover {
        text-decoration: none; }
    #FullReportWeatherWidget .weatherWidgetBottom .noForecast {
      font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
      font-size: 16px;
      color: #ffffff;
      margin-top: 28px; }
    #FullReportWeatherWidget .weatherWidgetBottom .forecastSection.noBorder {
      border: none; }
    #FullReportWeatherWidget .weatherWidgetBottom .scheduleLabel {
      text-transform: Uppercase;
      width: 100%;
      text-align: center;
      float: left;
      clear: both;
      padding: 32px 0;
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 12px;
      letter-spacing: .05em; }
    #FullReportWeatherWidget .weatherWidgetBottom .forecastDay {
      float: left;
      text-transform: Uppercase;
      padding: 32px 0;
      font: normal 800 14px "Verlag A", "Verlag B";
      font-size: 14px;
      letter-spacing: .05em; }
    #FullReportWeatherWidget .weatherWidgetBottom .forecastIcon {
      float: left;
      height: 80px;
      width: 70px;
      margin-left: 15px;
      font-size: 36px;
      padding-top: 18px; }
    #FullReportWeatherWidget .weatherWidgetBottom .forecastMax {
      float: left;
      margin-left: 10px;
      font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 30px;
      width: 55px;
      text-align: center;
      padding: 10px 0; }
      #FullReportWeatherWidget .weatherWidgetBottom .forecastMax p {
        margin-bottom: 3px; }
      #FullReportWeatherWidget .weatherWidgetBottom .forecastMax em {
        font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
        font-size: 12px;
        clear: both;
        float: left;
        width: 100%; }
    #FullReportWeatherWidget .weatherWidgetBottom .forecastMin {
      float: left;
      margin-left: 10px;
      font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 30px;
      width: 55px;
      text-align: center;
      padding: 10px 0; }
      #FullReportWeatherWidget .weatherWidgetBottom .forecastMin p {
        margin-bottom: 3px; }
      #FullReportWeatherWidget .weatherWidgetBottom .forecastMin em {
        font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
        font-size: 12px;
        clear: both;
        float: left;
        width: 100%; }
  #FullReportWeatherWidget .statusLabel {
    text-align: left;
    text-transform: Uppercase;
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 12px;
    width: 100%;
    float: left;
    clear: both;
    margin: 5px 0 4px 0; }
  #FullReportWeatherWidget .weatherWidgetTop.coronetPeakWidget {
    background: #0096d6; }
    #FullReportWeatherWidget .weatherWidgetTop.coronetPeakWidget .statusReport {
      border-right: 1px solid #0187b7; }
    #FullReportWeatherWidget .weatherWidgetTop.coronetPeakWidget .statusSnow {
      border-right: 1px solid #0187b7; }
    #FullReportWeatherWidget .weatherWidgetTop.coronetPeakWidget .statusSnowBase {
      border-right: 1px solid #0187b7; }
    #FullReportWeatherWidget .weatherWidgetTop.coronetPeakWidget .statusGroomed {
      border-right: 1px solid #0187b7; }
  #FullReportWeatherWidget .weatherWidgetCenter.coronetPeakWidget {
    color: #0096d6; }
  #FullReportWeatherWidget .weatherWidgetBottom.coronetPeakWidget {
    background: #0096d6; }
    #FullReportWeatherWidget .weatherWidgetBottom.coronetPeakWidget .forecastSection {
      border-right: 1px solid #0187b7; }
      #FullReportWeatherWidget .weatherWidgetBottom.coronetPeakWidget .forecastSection .forecastMin {
        color: #000000; }
  #FullReportWeatherWidget .weatherWidgetTop.theRemarkablesWidget {
    background: #67a922; }
    #FullReportWeatherWidget .weatherWidgetTop.theRemarkablesWidget .statusReport {
      border-right: 1px solid #4e9800; }
    #FullReportWeatherWidget .weatherWidgetTop.theRemarkablesWidget .statusSnow {
      border-right: 1px solid #4e9800; }
    #FullReportWeatherWidget .weatherWidgetTop.theRemarkablesWidget .statusSnowBase {
      border-right: 1px solid #4e9800; }
    #FullReportWeatherWidget .weatherWidgetTop.theRemarkablesWidget .statusGroomed {
      border-right: 1px solid #4e9800; }
  #FullReportWeatherWidget .weatherWidgetCenter.theRemarkablesWidget {
    color: #67a922; }
  #FullReportWeatherWidget .weatherWidgetBottom.theRemarkablesWidget {
    background: #67a922; }
    #FullReportWeatherWidget .weatherWidgetBottom.theRemarkablesWidget .forecastSection {
      border-right: 1px solid #4e9800; }
      #FullReportWeatherWidget .weatherWidgetBottom.theRemarkablesWidget .forecastSection .forecastMin {
        color: #000000; }
  #FullReportWeatherWidget .weatherWidgetTop.mtHuttWidget {
    background: #e60008; }
    #FullReportWeatherWidget .weatherWidgetTop.mtHuttWidget .statusReport {
      border-right: 1px solid #b50b10; }
    #FullReportWeatherWidget .weatherWidgetTop.mtHuttWidget .statusSnow {
      border-right: 1px solid #b50b10; }
    #FullReportWeatherWidget .weatherWidgetTop.mtHuttWidget .statusSnowBase {
      border-right: 1px solid #b50b10; }
    #FullReportWeatherWidget .weatherWidgetTop.mtHuttWidget .statusGroomed {
      border-right: 1px solid #b50b10; }
  #FullReportWeatherWidget .weatherWidgetCenter.mtHuttWidget {
    color: #e60008; }
  #FullReportWeatherWidget .weatherWidgetBottom.mtHuttWidget {
    background: #e60008; }
    #FullReportWeatherWidget .weatherWidgetBottom.mtHuttWidget .forecastSection {
      border-right: 1px solid #b50b10; }
      #FullReportWeatherWidget .weatherWidgetBottom.mtHuttWidget .forecastSection .forecastMin {
        color: #000000; }

@media (max-width: 1199px) {
  #FullReportWeatherWidget .weatherWidgetBottom .forecastIcon {
    width: 35px; }
  #FullReportWeatherWidget .weatherWidgetBottom .forecastMax {
    width: 48px; }
  #FullReportWeatherWidget .weatherWidgetBottom .forecastMin {
    width: 48px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  #FullReportWeatherWidget {
    /*Coronet Peak*/
    /*The Remarkables*/
    /*Mt Hutt*/ }
    #FullReportWeatherWidget .statusLabel {
      margin: 10px 0 8px 0;
      text-align: center; }
    #FullReportWeatherWidget .weatherWidgetTop {
      height: 100%; }
      #FullReportWeatherWidget .weatherWidgetTop .statusReport {
        height: 95px; }
        #FullReportWeatherWidget .weatherWidgetTop .statusReport .status {
          margin-top: 18px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusSnow {
        height: 95px; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnow .lastSnow {
          width: 50%; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnow .lastSnowDate {
          text-align: center;
          margin-top: 6px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase {
        border-top: 1px solid #ffffff;
        height: 95px; }
        #FullReportWeatherWidget .weatherWidgetTop .statusSnowBase .snowBaseMin {
          width: 50%; }
      #FullReportWeatherWidget .weatherWidgetTop .statusGroomed {
        border-top: 1px solid #ffffff;
        height: 95px; }
      #FullReportWeatherWidget .weatherWidgetTop .statusPrintReport {
        border-top: 1px solid #ffffff;
        font-size: 18px;
        letter-spacing: .1em; }
        #FullReportWeatherWidget .weatherWidgetTop .statusPrintReport em {
          font-size: 12px; }
    #FullReportWeatherWidget .weatherWidgetCenter .snowConditions {
      min-height: 268px; }
      #FullReportWeatherWidget .weatherWidgetCenter .snowConditions .weatherConditionStatus {
        font-size: 20px;
        height: 48px; }
    #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions {
      min-height: 268px; }
      #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions .weatherConditionsTemp {
        font-size: 20px;
        height: 48px;
        margin: 0 0 25px; }
    #FullReportWeatherWidget .weatherWidgetCenter .roadConditions {
      min-height: 268px; }
      #FullReportWeatherWidget .weatherWidgetCenter .roadConditions .weatherConditionStatus {
        font-size: 20px;
        height: 48px; }
    #FullReportWeatherWidget .weatherWidgetBottom {
      height: 100%; }
      #FullReportWeatherWidget .weatherWidgetBottom .forecastSection {
        border-bottom: 1px solid #ffffff; }
        #FullReportWeatherWidget .weatherWidgetBottom .forecastSection .scheduleLabel {
          font-size: 18px;
          letter-spacing: .1em; }
      #FullReportWeatherWidget .weatherWidgetBottom .forecastMax {
        font-size: 22px;
        width: 45px;
        padding-top: 16px;
        margin-left: 0; }
        #FullReportWeatherWidget .weatherWidgetBottom .forecastMax p {
          margin-bottom: 3px; }
        #FullReportWeatherWidget .weatherWidgetBottom .forecastMax em {
          font-size: 11px; }
      #FullReportWeatherWidget .weatherWidgetBottom .forecastMin {
        font-size: 22px;
        width: 45px;
        padding-top: 16px; }
        #FullReportWeatherWidget .weatherWidgetBottom .forecastMin p {
          margin-bottom: 3px; }
        #FullReportWeatherWidget .weatherWidgetBottom .forecastMin em {
          font-size: 11px; }
    #FullReportWeatherWidget .weatherWidgetTop.coronetPeakWidget .statusSnowBase {
      border-top: 1px solid #0187b7; }
    #FullReportWeatherWidget .weatherWidgetTop.coronetPeakWidget .statusGroomed {
      border-top: 1px solid #0187b7; }
    #FullReportWeatherWidget .weatherWidgetTop.coronetPeakWidget .statusPrintReport {
      border-top: 1px solid #0187b7; }
    #FullReportWeatherWidget .weatherWidgetBottom.coronetPeakWidget .forecastSection {
      border-bottom: 1px solid #0187b7; }
    #FullReportWeatherWidget .weatherWidgetTop.theRemarkablesWidget .statusSnowBase {
      border-top: 1px solid #4e9800; }
    #FullReportWeatherWidget .weatherWidgetTop.theRemarkablesWidget .statusGroomed {
      border-top: 1px solid #4e9800; }
    #FullReportWeatherWidget .weatherWidgetTop.theRemarkablesWidget .statusPrintReport {
      border-top: 1px solid #4e9800; }
    #FullReportWeatherWidget .weatherWidgetBottom.theRemarkablesWidget .forecastSection {
      border-bottom: 1px solid #4e9800; }
    #FullReportWeatherWidget .weatherWidgetTop.mtHuttWidget .statusSnowBase {
      border-top: 1px solid #b50b10; }
    #FullReportWeatherWidget .weatherWidgetTop.mtHuttWidget .statusGroomed {
      border-top: 1px solid #b50b10; }
    #FullReportWeatherWidget .weatherWidgetTop.mtHuttWidget .statusPrintReport {
      border-top: 1px solid #b50b10; }
    #FullReportWeatherWidget .weatherWidgetBottom.mtHuttWidget .forecastSection {
      border-bottom: 1px solid #b50b10; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  #FullReportWeatherWidget .weatherWidgetTop .statusSnow .lastSnowIcon {
    margin-left: 6px; }
  #FullReportWeatherWidget .weatherWidgetCenter {
    max-height: 100%; }
    #FullReportWeatherWidget .weatherWidgetCenter .snowConditions {
      min-height: 180px;
      border-right: none; }
      #FullReportWeatherWidget .weatherWidgetCenter .snowConditions .weatherConditionStatus {
        height: 100%;
        margin: 0 0 10px; }
    #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions {
      min-height: 180px;
      border-right: none; }
      #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions .weatherConditionsTemp {
        height: 100%;
        width: 100%;
        margin: 0 0 10px; }
        #FullReportWeatherWidget .weatherWidgetCenter .weatherConditions .weatherConditionsTemp .weather-temp {
          width: 80px; }
    #FullReportWeatherWidget .weatherWidgetCenter .roadConditions {
      min-height: 180px;
      border-right: none; }
      #FullReportWeatherWidget .weatherWidgetCenter .roadConditions .weatherConditionStatus {
        height: 100%;
        margin: 0 0 10px; }
  #FullReportWeatherWidget .weatherWidgetBottom .forecastSection .forecastContainer {
    width: 290px;
    margin: 0 auto;
    float: none;
    clear: left;
    display: block;
    height: 100%; }
  #FullReportWeatherWidget .weatherWidgetBottom .forecastMax {
    width: 80px; }
  #FullReportWeatherWidget .weatherWidgetBottom .forecastMin {
    width: 80px; } }
/** Webcam Widget Styles **/
#webCamWidgetSection {
  clear: both;
  background: #1a1928;
  margin-top: 0;
  margin-bottom: 0;
  /*** VIDEO SEQUANCE ****/ }
  #webCamWidgetSection .topImageContainer {
    position: relative;
    clear: both;
    height: 650px; }
    #webCamWidgetSection .topImageContainer .loaderOverlay {
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important; }
    #webCamWidgetSection .topImageContainer .loaderAnimation {
      width: 100% !important;
      height: 100% !important;
      top: 0 !important;
      left: 0 !important;
      background-position: center center !important;
      background-size: 40px !important; }
    #webCamWidgetSection .topImageContainer img.img-responsive {
      height: 100%; }
    #webCamWidgetSection .topImageContainer .informationLabel {
      position: absolute;
      bottom: 0;
      z-index: 2;
      background: none;
      color: #ffffff;
      width: 100%;
      padding: 25px 0 15px; }
      #webCamWidgetSection .topImageContainer .informationLabel .camaraIcon {
        width: 10%;
        padding: 8px 20px 0;
        float: left;
        text-align: center; }
        #webCamWidgetSection .topImageContainer .informationLabel .camaraIcon span.glyphicon {
          font-size: 35px;
          display: none; }
      #webCamWidgetSection .topImageContainer .informationLabel .webcamInfo {
        float: left;
        width: 80%;
        text-align: center; }
        #webCamWidgetSection .topImageContainer .informationLabel .webcamInfo h3 {
          font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
          font-size: 24px;
          text-transform: Uppercase;
          margin-top: 0;
          margin-bottom: 8px; }
        #webCamWidgetSection .topImageContainer .informationLabel .webcamInfo .camDate {
          float: left;
          clear: both;
          width: 100%; }
          #webCamWidgetSection .topImageContainer .informationLabel .webcamInfo .camDate em {
            font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
            font-size: 18px; }
            #webCamWidgetSection .topImageContainer .informationLabel .webcamInfo .camDate em .webTimeInfo {
              display: none; }
      #webCamWidgetSection .topImageContainer .informationLabel .playCamBtn {
        float: left;
        width: 10%;
        padding: 20px 0 0 20px;
        display: block; }
        #webCamWidgetSection .topImageContainer .informationLabel .playCamBtn span.actionText {
          font: normal 800 14px "Verlag A", "Verlag B";
          font-size: 14px;
          text-transform: Uppercase;
          float: left;
          margin-right: 5px;
          margin-top: 1px;
          letter-spacing: 0.02em; }
        #webCamWidgetSection .topImageContainer .informationLabel .playCamBtn span.glyphicon {
          float: left; }
        #webCamWidgetSection .topImageContainer .informationLabel .playCamBtn .playWebCamActions {
          width: 100%;
          float: left;
          display: none;
          cursor: pointer; }
  #webCamWidgetSection .bottomImageContainer {
    clear: both;
    padding: 40px 0;
    /*display: none;*/ }
    #webCamWidgetSection .bottomImageContainer .thumbnailContainer {
      width: 780px;
      clear: both;
      margin: 0 auto; }
      #webCamWidgetSection .bottomImageContainer .thumbnailContainer .thumbnailCam {
        position: relative;
        display: block;
        cursor: pointer; }
        #webCamWidgetSection .bottomImageContainer .thumbnailContainer .thumbnailCam .fullSection {
          position: absolute;
          bottom: 0;
          right: 0;
          z-index: 2;
          background: rgba(42, 42, 56, 0.8); }
          #webCamWidgetSection .bottomImageContainer .thumbnailContainer .thumbnailCam .fullSection span.glyphicon {
            color: #ffffff;
            font-size: 16px;
            padding: 12px; }
      #webCamWidgetSection .bottomImageContainer .thumbnailContainer .webcamLabel {
        float: left;
        clear: both;
        margin-top: 12px;
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 14px;
        text-transform: Uppercase;
        width: 100%;
        text-align: center;
        color: #ffffff; }
      #webCamWidgetSection .bottomImageContainer .thumbnailContainer .selected .thumbnailCam {
        border: 4px solid #ffffff; }
        #webCamWidgetSection .bottomImageContainer .thumbnailContainer .selected .thumbnailCam .fullSection {
          display: none; }
      #webCamWidgetSection .bottomImageContainer .thumbnailContainer .selected .webcamLabel {
        color: #ffffff; }
  #webCamWidgetSection #webCam1, #webCamWidgetSection #webCam2, #webCamWidgetSection #webCam3 {
    float: left;
    clear: both;
    width: 100% !important;
    height: 650px !important;
    margin: 0; }
  #webCamWidgetSection #webCamHero1, #webCamWidgetSection #webCamHero2, #webCamWidgetSection #webCamHero3 {
    float: left;
    clear: both;
    width: 100% !important;
    height: 650px !important;
    margin: 0; }
  #webCamWidgetSection .jsMovieFrame {
    width: 100% !important;
    max-width: 100% !important;
    height: 650px !important;
    float: left;
    clear: both;
    background-size: 100%; }

.webcamErrorContainer .icon-Webcam {
  float: left;
  font-size: 120px;
  width: 100%;
  text-align: center; }
.webcamErrorContainer .webcam-errorMessage {
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  margin-bottom: 30px; }

/*Media query for max: 1199px*/
@media (max-width: 1199px) {
  #webCamWidgetSection {
    /*** VIDEO SEQUANCE ****/ }
    #webCamWidgetSection .topImageContainer {
      height: 100%; }
    #webCamWidgetSection #webCam1, #webCamWidgetSection #webCam2, #webCamWidgetSection #webCam3 {
      height: 545px !important; }
    #webCamWidgetSection #webCam2 {
      height: 545px !important; }
    #webCamWidgetSection #webCam3 {
      height: 545px !important; }
    #webCamWidgetSection .jsMovieFrame {
      width: 100% !important;
      max-width: 100% !important;
      height: 545px  !important;
      float: left;
      clear: both;
      background-size: 100%; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  #webCamWidgetSection {
    /*** VIDEO SEQUANCE ****/ }
    #webCamWidgetSection .topImageContainer {
      height: auto; }
      #webCamWidgetSection .topImageContainer .informationLabel {
        bottom: 37px; }
    #webCamWidgetSection .bottomImageContainer .thumbnailContainer {
      width: 90%;
      overflow: hidden; }
    #webCamWidgetSection #webCam1, #webCamWidgetSection #webCam2, #webCamWidgetSection #webCam3 {
      height: 458px !important; }
    #webCamWidgetSection #webCam2 {
      height: 458px !important; }
    #webCamWidgetSection #webCam3 {
      height: 458px !important; }
    #webCamWidgetSection .jsMovieFrame {
      height: 458px  !important; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  #webCamWidgetSection {
    clear: left;
    /*** VIDEO SEQUANCE ****/ }
    #webCamWidgetSection .topImageContainer {
      min-height: 400px; }
      #webCamWidgetSection .topImageContainer .informationLabel {
        bottom: 0;
        position: relative;
        float: left;
        clear: both;
        width: 100%; }
    #webCamWidgetSection #webCam1, #webCamWidgetSection #webCam2, #webCamWidgetSection #webCam3 {
      height: 100% !important;
      max-height: 300px;
      min-height: 300px; }
    #webCamWidgetSection #webCam2 {
      height: 100% !important;
      max-height: 300px;
      min-height: 300px; }
    #webCamWidgetSection #webCam3 {
      height: 100% !important;
      max-height: 300px;
      min-height: 300px; }
    #webCamWidgetSection .jsMovieFrame {
      height: 100% !important;
      max-height: 300px;
      min-height: 300px; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  #webCamWidgetSection {
    clear: left;
    /*** VIDEO SEQUANCE ****/ }
    #webCamWidgetSection .topImageContainer {
      min-height: 360px; }
      #webCamWidgetSection .topImageContainer .informationLabel {
        bottom: 0;
        position: relative;
        float: left;
        clear: both;
        width: 100%; }
        #webCamWidgetSection .topImageContainer .informationLabel .camaraIcon {
          display: none; }
        #webCamWidgetSection .topImageContainer .informationLabel .webcamInfo {
          width: 70%; }
          #webCamWidgetSection .topImageContainer .informationLabel .webcamInfo h3 {
            font-size: 18px; }
          #webCamWidgetSection .topImageContainer .informationLabel .webcamInfo .camDate em {
            font-size: 12px; }
        #webCamWidgetSection .topImageContainer .informationLabel .playCamBtn {
          width: 25%; }
    #webCamWidgetSection #webCam1, #webCamWidgetSection #webCam2, #webCamWidgetSection #webCam3 {
      height: 100% !important;
      max-height: 250px;
      min-height: 250px; }
    #webCamWidgetSection #webCam2 {
      height: 100% !important;
      max-height: 250px;
      min-height: 250px; }
    #webCamWidgetSection #webCam3 {
      height: 100% !important;
      max-height: 250px;
      min-height: 250px; }
    #webCamWidgetSection .jsMovieFrame {
      height: 100% !important;
      max-height: 250px;
      min-height: 250px; } }
/*Media query for max: 375px*/
@media (max-width: 375px) {
  #webCamWidgetSection {
    /*** VIDEO SEQUANCE ****/ }
    #webCamWidgetSection .topImageContainer {
      min-height: 295px; }
    #webCamWidgetSection #webCam1, #webCamWidgetSection #webCam2, #webCamWidgetSection #webCam3 {
      height: 100% !important;
      max-height: 200px;
      min-height: 200px; }
    #webCamWidgetSection #webCam2 {
      height: 100% !important;
      max-height: 200px;
      min-height: 200px; }
    #webCamWidgetSection #webCam3 {
      height: 100% !important;
      max-height: 200px;
      min-height: 200px; }
    #webCamWidgetSection .jsMovieFrame {
      height: 100% !important;
      max-height: 200px;
      min-height: 200px; } }
/*Media query for max: 320px*/
@media (max-width: 320px) {
  #webCamWidgetSection {
    /*** VIDEO SEQUANCE ****/ }
    #webCamWidgetSection .topImageContainer {
      min-height: 266px; }
    #webCamWidgetSection #webCam1, #webCamWidgetSection #webCam2, #webCamWidgetSection #webCam3 {
      height: 100% !important;
      max-height: 178px;
      min-height: 178px; }
    #webCamWidgetSection #webCam2 {
      height: 100% !important;
      max-height: 178px;
      min-height: 178px; }
    #webCamWidgetSection #webCam3 {
      height: 100% !important;
      max-height: 178px;
      min-height: 178px; }
    #webCamWidgetSection .jsMovieFrame {
      height: 100% !important;
      max-height: 178px;
      min-height: 178px; } }
/*********************/
/***** WIDGETS ******/
.Price-Matrix-Section {
  float: left;
  clear: both;
  width: 100%; }
  .Price-Matrix-Section .moduleHeadTitle {
    font-size: 24px;
    letter-spacing: 1px;
    margin-top: 15px;
    margin-bottom: 10px; }
  .Price-Matrix-Section span.matrixBtn {
    display: table;
    min-width: 100px;
    margin: 10px auto 20px; }
    .Price-Matrix-Section span.matrixBtn a {
      color: #2a2a38;
      border: 1px solid #2a2a38;
      display: block;
      padding: 6px 15px;
      text-align: center;
      margin: 0 auto;
      cursor: pointer;
      text-decoration: none;
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B"; }
    .Price-Matrix-Section span.matrixBtn a:hover {
      background: #2a2a38;
      color: #fff;
      text-decoration: none; }

.nzSkiTableMatrix .primaryText {
  font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
  color: #000000;
  font-size: 15px; }
.nzSkiTableMatrix .secondaryText {
  font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
  color: #999999; }
.nzSkiTableMatrix a.webstore-link-days {
  color: #000000;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 10px 0px; }
  .nzSkiTableMatrix a.webstore-link-days .primaryText {
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    color: #000000;
    font-size: 15px; }
  .nzSkiTableMatrix a.webstore-link-days .secondaryText {
    font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
    color: #999999; }
.nzSkiTableMatrix a.webstore-link-days:hover {
  text-decoration: none; }
.nzSkiTableMatrix a.webstore-link-products {
  color: #000000;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 10px 0px; }
  .nzSkiTableMatrix a.webstore-link-products .primaryText {
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    color: #000000;
    font-size: 15px; }
  .nzSkiTableMatrix a.webstore-link-products .secondaryText {
    font: italic 400 14px "Mercury SSm A", "Mercury SSm B";
    color: #999999; }
.nzSkiTableMatrix a.webstore-link-products:hover {
  text-decoration: none; }
.nzSkiTableMatrix .table-responsive {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }
  .nzSkiTableMatrix .table-responsive table.priceTable {
    display: block; }
    .nzSkiTableMatrix .table-responsive table.priceTable .selected {
      display: none;
      visibility: hidden; }
    .nzSkiTableMatrix .table-responsive table.priceTable .select {
      display: block;
      visibility: visible; }
    .nzSkiTableMatrix .table-responsive table.priceTable .chromeMatrix {
      float: left;
      width: 100%; }
      .nzSkiTableMatrix .table-responsive table.priceTable .chromeMatrix .tableHeader th:first-of-type {
        text-align: left;
        padding: 10px 9px;
        width: 146px !important; }
      .nzSkiTableMatrix .table-responsive table.priceTable .chromeMatrix tbody {
        float: left;
        clear: both; }
    .nzSkiTableMatrix .table-responsive table.priceTable .tableHeader th {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      color: #000000;
      font-size: 15px;
      padding: 0;
      vertical-align: middle;
      text-align: center;
      border-top: solid 5px #ffffff;
      min-width: 129px;
      max-width: 129px;
      border-bottom: solid 6px #ddd; }
    .nzSkiTableMatrix .table-responsive table.priceTable tbody tr td {
      border-width: 2px;
      padding: 0;
      text-align: center;
      vertical-align: top;
      border-right: solid 0 #ffffff;
      border-left: solid 0 #ffffff;
      border-top: solid 2px #ddd;
      max-width: 129px;
      min-width: 129px;
      box-sizing: inherit; }
      .nzSkiTableMatrix .table-responsive table.priceTable tbody tr td a {
        text-decoration: none;
        text-transform: uppercase; }
        .nzSkiTableMatrix .table-responsive table.priceTable tbody tr td a p {
          margin: 0 0 5px; }
    .nzSkiTableMatrix .table-responsive table.priceTable tbody tr td:first-of-type {
      text-align: left;
      padding: 10px 10px; }
  .nzSkiTableMatrix .table-responsive .highlight {
    background: rgba(84, 166, 223, 0.1);
    border-left: solid 6px #54a6df !important;
    border-right: solid 6px #54a6df !important;
    border-top: solid 2px #ddd; }
    .nzSkiTableMatrix .table-responsive .highlight .selected {
      display: block !important;
      visibility: visible !important;
      margin-left: auto;
      margin-right: auto; }
    .nzSkiTableMatrix .table-responsive .highlight .select {
      display: none !important;
      visibility: hidden !important;
      margin-left: auto;
      margin-right: auto; }
  .nzSkiTableMatrix .table-responsive tr:last-of-type td.highlight {
    background: #54a6df !important; }
    .nzSkiTableMatrix .table-responsive tr:last-of-type td.highlight a.primaryText {
      text-decoration: none;
      color: #ffffff; }
  .nzSkiTableMatrix .table-responsive th.highlight {
    border-top: solid 6px #54a6df !important;
    border-bottom: solid 6px #ddd !important; }

.colHighlight {
  background: rgba(84, 166, 223, 0.1);
  border-left: solid 6px #54a6df !important;
  border-right: solid 6px #54a6df !important;
  border-top: solid 2px #ddd;
  box-sizing: inherit; }

tr:last-of-type td.colHighlight {
  background: #54a6df !important; }
  tr:last-of-type td.colHighlight a.primaryText {
    text-decoration: none;
    color: #ffffff; }

th.colHighlight {
  border-top: solid 6px #54a6df !important;
  border-bottom: solid 6px #ddd !important; }

/*no Hover*/
.noHover {
  background: #ffffff;
  border-left: solid 0 #ffffff !important;
  border-right: solid 0 #ffffff !important;
  border-top: solid 2px #ddd; }

tr:last-of-type td.noHover {
  background: #ffffff !important; }
  tr:last-of-type td.noHover a.primaryText {
    text-decoration: none;
    color: #000000; }

tr:first-of-type td.noHover {
  border-width: 6px; }
tr:first-of-type th.noHover {
  border-width: 6px; }

th.noHover {
  border-top: solid 6px #ffffff !important;
  border-bottom: solid 6px #ddd !important; }

@media (max-width: 767px) {
  .nzSkiTableMatrix .table-responsive {
    width: 100%; } }
/*********************/
/*******************************SNOW MAKING SECTION*************************************/
.intrinsic-container {
  margin-top: 30px;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%; }
  .intrinsic-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden !important; }

/*----------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------FOOTER SECTION -------------------------------------------------------------*/
/*Footer General Styles*/
#footer {
  background-color: #000000;
  padding-bottom: 30px; }
  #footer footer {
    float: left;
    clear: both;
    width: 100%;
    display: block; }
  #footer #footerLogo {
    text-align: center;
    background-color: #ffffff;
    padding-bottom: 20px;
    min-height: 73px; }
    #footer #footerLogo a {
      margin: 0 auto;
      display: block;
      width: 275px; }
    #footer #footerLogo img.centerLogo {
      width: 100%;
      max-width: 100%;
      float: left;
      display: block; }
  #footer #mountainFooterLinks {
    display: block;
    min-height: 300px;
    text-align: center;
    color: #ffffff; }
    #footer #mountainFooterLinks .mountainPageLink {
      padding-top: 40px;
      padding-bottom: 30px;
      height: 300px; }
      #footer #mountainFooterLinks .mountainPageLink .mountainLogo {
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 32px; }
        #footer #mountainFooterLinks .mountainPageLink .mountainLogo a img {
          margin: 0 auto; }
      #footer #mountainFooterLinks .mountainPageLink .textField {
        clear: both;
        width: 260px;
        margin: 0 auto;
        height: 84px;
        font: normal 300 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 13px;
        line-height: 1.6em; }
        #footer #mountainFooterLinks .mountainPageLink .textField a {
          color: #ffffff;
          text-decoration: none;
          display: block; }
      #footer #mountainFooterLinks .mountainPageLink .shareLinks {
        clear: both;
        width: 168px;
        margin: 0 auto;
        margin-top: 40px;
        height: 22px; }
        #footer #mountainFooterLinks .mountainPageLink .shareLinks a {
          float: left;
          width: 55px;
          text-align: center; }
  #footer #footerBottomSection {
    padding-top: 45px;
    padding-bottom: 45px; }
    #footer #footerBottomSection .sectionContainer {
      width: 100%;
      max-width: 390px;
      clear: both;
      margin: 0 auto; }
    #footer #footerBottomSection .sectionLabelText {
      font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 13px;
      text-transform: Uppercase;
      float: left;
      color: #ffffff;
      margin-bottom: 15px;
      width: 100%;
      max-width: 390px; }
    #footer #footerBottomSection form input[type="text"] {
      float: left;
      padding: 16px 15px;
      background-color: #ffffff;
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      font-size: 12px;
      color: #5e5e5e;
      border: none;
      width: 100%;
      max-width: 280px; }
    #footer #footerBottomSection form button {
      float: left;
      padding: 16px 25px;
      background-color: #4d4d4d;
      font: normal 400 14px "Gotham SSm A", "Gotham SSm B";
      text-transform: Uppercase;
      border: none;
      color: #dddddd;
      width: 100%;
      max-width: 110px;
      height: 47px; }
    #footer #footerBottomSection #searchSection {
      margin-top: 29px;
      margin-bottom: 30px; }
    #footer #footerBottomSection #newsletterSection {
      margin-bottom: 30px;
      margin-top: 29px; }
      #footer #footerBottomSection #newsletterSection .link-button-style {
        width: 100%;
        float: left;
        clear: both;
        padding: 16px 20px;
        color: #ffffff;
        background-color: #4d4d4d;
        text-transform: Uppercase;
        font: normal 700 55px "Verlag A", "Verlag B";
        font-size: 13px;
        text-align: center; }
    #footer #footerBottomSection #downloadSection .link-button-style {
      width: 100%;
      max-width: 390px;
      float: left;
      clear: both;
      padding: 16px 20px;
      color: #ffffff;
      background-color: #4d4d4d;
      text-transform: Uppercase;
      font: normal 700 55px "Verlag A", "Verlag B";
      font-size: 13px;
      text-align: center; }
    #footer #footerBottomSection #downloadSection .downloadIconStores {
      float: left;
      width: 100%;
      clear: both; }
      #footer #footerBottomSection #downloadSection .downloadIconStores a.storeLink {
        display: block;
        float: left;
        width: 50%;
        height: 50px;
        outline: none;
        text-indent: -9999px; }
      #footer #footerBottomSection #downloadSection .downloadIconStores a.storeLink.appleLogo {
        background: url("../img/downloadAppIcons/app-store-en.png") no-repeat center center #000; }
      #footer #footerBottomSection #downloadSection .downloadIconStores a.storeLink.googleLogo {
        background: url("../img/downloadAppIcons/get-ItOn-Google.png") no-repeat center center #000; }
    #footer #footerBottomSection #youtubeSection a.youtubeBannerLink {
      width: 100%;
      max-width: 390px;
      float: left;
      clear: both;
      display: block;
      text-decoration: none;
      position: relative; }
      #footer #footerBottomSection #youtubeSection a.youtubeBannerLink span.youtubeText {
        text-transform: uppercase;
        color: #000;
        font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
        font-size: 12px;
        position: relative;
        top: -34px;
        left: 62px;
        z-index: 2; }
  #footer hr {
    width: 100%;
    float: left;
    clear: both;
    border-color: #4d4d4d; }
  #footer #footerCopyrightSection .footerMenu {
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 11px;
    text-transform: Uppercase; }
    #footer #footerCopyrightSection .footerMenu ul {
      list-style-type: none;
      padding-left: 75px;
      margin: 0;
      float: left;
      clear: both;
      width: 100%; }
      #footer #footerCopyrightSection .footerMenu ul li {
        float: left; }
        #footer #footerCopyrightSection .footerMenu ul li a {
          color: #aaaaaa;
          text-decoration: none;
          display: block;
          padding: 5px 10px; }
  #footer #footerCopyrightSection .copyright {
    text-transform: Uppercase;
    font: normal 700 14px "Gotham SSm A", "Gotham SSm B";
    font-size: 11px; }
    #footer #footerCopyrightSection .copyright span {
      float: left;
      margin-left: 40px; }

/*Media query for max: 1199px*/
@media (max-width: 1199px) {
  /*** FOOTER ***/
  #footer #footerCopyrightSection .footerMenu ul {
    padding-left: 25px; } }
/*Media query for max: 991px*/
@media (max-width: 991px) {
  /****FOOTER *****/
  #footer #mountainFooterLinks .mountainPageLink .mountainLogo {
    margin-bottom: 28px; }
  #footer #mountainFooterLinks .mountainPageLink .textField {
    width: 100%;
    height: 110px; }
  #footer #mountainFooterLinks .mountainPageLink .shareLinks {
    margin-top: 28px; }
  #footer #footerBottomSection form input[type="text"] {
    max-width: 235px; }
  #footer #footerBottomSection .sectionLabelText {
    max-width: 100%; }
  #footer #footerBottomSection #downloadSection .link-button-style {
    max-width: 100%; }
  #footer #footerBottomSection #youtubeSection a.youtubeBannerLink {
    max-width: 100%; }
    #footer #footerBottomSection #youtubeSection a.youtubeBannerLink img {
      margin: 0 auto; }
  #footer #footerCopyrightSection .footerMenu ul {
    padding-left: 0; }
    #footer #footerCopyrightSection .footerMenu ul li:first-child a {
      padding-left: 0; }
  #footer #footerCopyrightSection .copyright {
    margin-top: 20px; }
    #footer #footerCopyrightSection .copyright span {
      margin-left: 0; } }
/*Media query for max: 767px*/
@media (max-width: 767px) {
  /****FOOTER *****/
  #footer #footerBottomSection {
    padding-top: 25px;
    padding-bottom: 25px; }
    #footer #footerBottomSection form input[type="text"] {
      max-width: 75%; }
    #footer #footerBottomSection form button {
      max-width: 25%; }
    #footer #footerBottomSection .sectionContainer {
      max-width: 100%;
      float: left;
      margin: 0 0 15px 0;
      text-align: center; }
    #footer #footerBottomSection #downloadSection {
      margin-bottom: 30px; }
  #footer #footerCopyrightSection .footerMenu ul li a {
    padding: 8px 10px; } }
/*Media query for max: 640px*/
@media (max-width: 640px) {
  #footer #footerCopyrightSection .footerMenu ul li {
    clear: both;
    width: 100%;
    text-align: center; }
  #footer #footerCopyrightSection .copyright {
    text-align: center; }
    #footer #footerCopyrightSection .copyright span {
      width: 100%; } }
/*Media query for max: 480px*/
@media (max-width: 480px) {
  /*******FOOTER*********/
  #footer #footerBottomSection form input[type="text"] {
    max-width: 60%; }
  #footer #footerBottomSection form button {
    max-width: 40%; }
  #footer #footerCopyrightSection .footerMenu ul li a {
    padding: 8px 10px; } }
/*-----------------------------------------------------------MEDIA QUERIES SECTION -------------------------------------------------------*/
/*Media query for min: 1200px*/
@media (min-width: 1200px) {
  #snowmaking.embed-responsive {
    padding-bottom: 85%; } }
/*Media query for max: 1199px*/
@media (max-width: 1199px) {
  #snowmaking.embed-responsive {
    padding-bottom: 90%; } }
/*Media query for min: 992px*/
/*Media query for max: 991px*/
@media (max-width: 991px) {
  #snowmaking.embed-responsive {
    padding-bottom: 95%; } }
/*Media query for max: 767px*/
/*Media query for max: 668px*/
@media (max-width: 668px) {
  #snowmaking.embed-responsive {
    padding-bottom: 100%; } }
/*Media query for max: 590px*/
@media (max-width: 590px) {
  #snowmaking.embed-responsive {
    padding-bottom: 120%; } }
/*Media query for max: 640px*/
/*Media query for max: 567px*/
@media (max-width: 567px) {
  #snowmaking.embed-responsive {
    padding-bottom: 145%; } }
/*Media query for max: 480px*/
/*Media query for max: 320px*/
@media (max-width: 320px) {
  #snowmaking.embed-responsive {
    padding-bottom: 170%; } }
/************************************PRINT********************************/
.QT #printReportPage .lineBreak {
  border-bottom: solid 1px;
  margin: 0 15px 15px 30px;
  width: 96%; }

#printReportPage {
  color: #2a2a38; }
  #printReportPage .lineBreak {
    border-bottom: solid 1px;
    margin: 0 15px 15px 15px;
    width: 97%; }
  #printReportPage .lineBreak.QT {
    border-bottom: solid 1px;
    margin: 0 15px 15px 15px;
    width: 97%; }
  #printReportPage .lineBreakOne.QT {
    height: 50px; }
  #printReportPage .underline {
    text-decoration: underline; }
  #printReportPage .printReportButton {
    margin-top: 30px;
    margin-bottom: 40px; }
  #printReportPage h2.moduleHeadTitle {
    font-family: Arial;
    text-align: left;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 35px !important;
    border-bottom: none !important;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0; }
  #printReportPage h2.moduleHeadTitle.Qt {
    font-family: Arial;
    text-align: left;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 35px !important;
    border-bottom: none !important;
    padding: 0 15px;
    margin-top: 0;
    margin-bottom: 0; }
  #printReportPage h3.moduleHeadTitle.Qt {
    font-size: 16px;
    border-bottom: none;
    margin-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px; }
  #printReportPage .reportGenerated {
    border-bottom: none;
    margin-bottom: 0;
    height: 60px; }
    #printReportPage .reportGenerated p {
      font-size: 15px !important;
      width: 100%;
      text-align: right;
      position: absolute;
      bottom: 5px;
      right: 0px;
      padding-right: 10px; }
  #printReportPage .reportHeading {
    border-bottom: none;
    margin-bottom: 0;
    height: 60px; }
    #printReportPage .reportHeading h2 {
      position: absolute;
      bottom: 0px; }
  #printReportPage .reportGenerated.Qt {
    border-top: none;
    padding: 0 10px; }
    #printReportPage .reportGenerated.Qt p {
      font-size: 14px; }
  #printReportPage .mtLogosArea {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 30px; }
    #printReportPage .mtLogosArea img {
      float: left;
      height: 30px; }
  #printReportPage .sectionLabel {
    text-transform: uppercase;
    font-size: 25px; }
  #printReportPage .sectionValue {
    font-size: 20px; }
  #printReportPage .facilityLabel {
    font-size: 25px;
    text-transform: uppercase; }
  #printReportPage .facilityValue {
    font-size: 20px; }
  #printReportPage .backcountryReportBreak {
    position: relative;
    page-break-before: always;
    float: none; }
  #printReportPage .backcountryReport {
    margin-bottom: 10px; }
  #printReportPage p {
    font-size: 18px;
    font-family: Arial;
    margin: 0 0 1px; }
    #printReportPage p span {
      text-transform: uppercase; }
    #printReportPage p span.BodyTextNzskiStyle {
      padding: 0;
      text-transform: capitalize; }
      #printReportPage p span.BodyTextNzskiStyle span {
        text-transform: capitalize; }
    #printReportPage p .noBold {
      font-weight: normal;
      text-transform: none;
      font-size: 18px;
      font-family: Arial; }
  #printReportPage .doubleColumn {
    padding: 0; }
  #printReportPage .reportNote {
    position: absolute;
    bottom: 0px;
    right: 0px; }
  #printReportPage .printNote {
    padding: 0 40px;
    margin-top: 30px; }
  #printReportPage .column.QT {
    padding: 0; }
  #printReportPage .liftAndFacilities {
    padding: 0; }
  #printReportPage .addMarginSectionTop {
    margin-top: 0px; }
  #printReportPage .addMarginCategory {
    margin-top: 0px; }

@media print {
  #topNavHeader {
    display: none;
    visibility: hidden; }

  #printReportPage {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }
    #printReportPage p {
      font-size: 11px; }
      #printReportPage p .noBold {
        font-weight: normal;
        text-transform: capitalize;
        font-size: 9px;
        font-family: Arial; }
    #printReportPage .reportGenerated p {
      font-size: 10px;
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }
      #printReportPage .reportGenerated p .noBold {
        font-weight: normal;
        text-transform: capitalize;
        font-size: 9px;
        font-family: Arial; }
    #printReportPage .pageBreakBefore {
      page-break-before: always; }
    #printReportPage .pageBreakAfter {
      page-break-after: always; }
    #printReportPage .spaceBlock {
      margin-top: 100px; }
    #printReportPage h2.moduleHeadTitle {
      font-size: 25px !important;
      border-bottom: 4px solid #2a2a38;
      padding-bottom: 5px;
      margin-top: 5px;
      margin-bottom: 5px;
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }
    #printReportPage h2.moduleHeadTitle.Qt {
      border-bottom: none;
      font-size: 25px !important;
      margin-top: 0;
      margin-bottom: 0;
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }
    #printReportPage h3.moduleHeadTitle.Qt {
      border-bottom: none;
      font-size: 25px !important;
      text-transform: capitalize;
      letter-spacing: 0;
      padding-bottom: 0px;
      margin-top: 0;
      margin-bottom: 0;
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }
    #printReportPage .reportGenerated.Qt {
      margin-bottom: 1px;
      margin-top: 2px;
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important; }
      #printReportPage .reportGenerated.Qt p {
        float: left;
        width: auto;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-right: 15px;
        font-size: 10px; }
        #printReportPage .reportGenerated.Qt p strong {
          font-size: 10px; }
      #printReportPage .reportGenerated.Qt .mtLogosArea {
        float: left;
        width: 200px;
        margin-bottom: 10px;
        text-align: center; }
      #printReportPage .reportGenerated.Qt .mtLogosArea.coronetPeak {
        height: 45px; }
    #printReportPage a {
      display: none;
      visibility: hidden; }
    #printReportPage .printBr {
      clear: left; }
    #printReportPage .col-lg-6 {
      width: 50% !important; }
    #printReportPage .col-lg-5 {
      width: 40% !important; }
    #printReportPage .col-lg-4 {
      width: 32.3% !important; }
    #printReportPage .col-lg-3 {
      width: 25% !important; }
    #printReportPage .col-lg-9 {
      width: 75% !important; }
    #printReportPage .snowPrintReport p {
      font-size: 9px;
      margin-bottom: 2px; }
    #printReportPage .snowPrintReport .backcountryReport {
      font-size: 9px !important;
      text-align: left !important; }
      #printReportPage .snowPrintReport .backcountryReport span {
        font-size: 9px !important; }
    #printReportPage .backcountryReportBreak {
      page-break-before: always;
      position: relative;
      float: none; }
    #printReportPage .sectionLabel {
      font-size: 12px; }
    #printReportPage .sectionValue {
      font-size: 10px;
      text-transform: capitalize; }
    #printReportPage .facilityLabel {
      font-size: 14px; }
    #printReportPage .facilityValue {
      font-size: 10px; }

  .printNote p {
    font-size: 10px; }
    .printNote p strong {
      font-size: 11px; }

  #footer {
    display: none;
    visibility: hidden; }

  @page {
    margin: 0; }
  body {
    margin: .1cm; } }

/*# sourceMappingURL=master.css.map */
