/*
    Document   : tablet
    Created on : 6-Jul-2015, 3:54:05 PM
    Author     : Dane Stevens <dane[at]dsmedia[dot]ca>
    Description:
        Purpose of the stylesheet follows.
*/

.show_mobile {
  display: block !important;
}
.block_mobile {
  display: none !important;
}
.block_l_tablet {
  display: none !important;
}
.block_p_tablet {
  display: none !important;
}

.margin_right {
  margin-right: 0;
}
.margin_left {
  margin-left: 0;
}

.mobile_right {
  margin-top: 80px;
  margin-bottom: 0px;
}
.mobile_left {
  margin-top: -140px;
}

#deviceWrap span.device_mobile {
  display: block;
}

.col_1 {
  width: 100%;
}
.col_2 {
  width: 100%;
}
.col_3 {
  width: 100%;
}
.col_4 {
  width: 100%;
}
.col_5 {
  width: 100%;
}
.col_6 {
  width: 100%;
}
.col_7 {
  width: 100%;
}
.col_8 {
  width: 100%;
}
.col_9 {
  width: 100%;
}
.col_10 {
  width: 100%;
}
.col_11 {
  width: 100%;
}
.col_12 {
  width: 100%;
}

#messageWrap #message {
  font-size: 14pt;
}
#messageWrap #message .margin {
  margin: 20px;
}
#messageWrap #message .continue {
  font-size: 10pt;
}

.overlay {
  top: 0px;
  left: 0px;
  max-width: 100%;
  height: 100%;
  border-radius: 0px;
}
.overlay .margin {
  margin: 0px 10px 20px 10px;
}

form a.previous {
  margin-bottom: 10px;
}

.freestyleSki {
  max-width: 120px !important;
  margin-bottom: 20px !important;
}

#video #videoClose {
  top: 10px;
  right: 10px;
}

#video iframe {
  border: none;
}

#wrapper {
  padding-top: 60px;
}

#headerBGR {
  position: fixed;
  width: 100%;
  z-index: 1;
  top: 0px;
}
/* #headerBGR.scrolled { top: 1rem; } */

#wrapper.mobile_slide {
  left: -80%;
  right: 80%;
}

#navWrap {
  height: 60px;
}
#logo {
  text-align: left;
  padding: 10px;
}
#logo a {
  display: inline-block;
}
#logo a img {
  height: 40px;
}
#logo a img.main-logo {
  margin-top: -30px;
  max-width: 180px;
}

#mobile_nav {
  display: block;
  width: 80%;
  height: 100%;
  position: absolute;
  right: -80%;
  top: 0px;
  padding: 0px;
}
#wrapper.mobile_slide #mobile_nav {
  right: -80%;
}

ul#mainNav {
  position: static;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
ul#mainNav li {
  display: block !important;
  margin: 0px;
}
ul#mainNav li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #444;
}
ul#mainNav li a:hover {
  color: #ccc;
}

ul#mainNav li a img,
ul#mainNav li a i {
  height: 22px;
  vertical-align: middle;
  margin-right: 10px;
  color: #fff;
}

ul#mainNav li a:hover i {
  color: #fff;
}

#language {
  position: static;
  background: none;
}
#language a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  padding: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
  background: none;
  border-bottom: 1px solid #444;
  display: block;
}
#language a img {
  height: 22px;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block !important;
}

.register_now_sm {
  width: 100%;
}

.top-bar-login {
  margin-top: 0px;
}

.dealer-login-btn {
  float: right;
  position: relative;
  top: 20px;
  left: 0px;
}

.top-bar-login-input {
  position: relative;
  left: 0px;
}

.register-acct-heading ~ div:last-of-type {
  margin-bottom: 20px;
}

#tempMsgWrap,
#tempMsg {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

#tempMsg {
  position: absolute;
  top: 100%;
}

@media screen and (max-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) {
  #logo a img.main-logo {
    max-width: 160px;
  }
}