html {
  padding-top: 45px;
}
body{
  background-color: #e8eded;
  color:#201f22;
}
.contain-to-grid{
  background-color: #2f2c2a;
}

/* The alert message box */
#consent_banner {
    padding: 20px;
    background-color: #db5021;
    color: white;
    margin-bottom: 15px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
}

#consent_banner a{
 color: #fff;
 text-decoration: underline;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}

/* NewTagNotice */
#NewTagNotice.alert-box.warning {
  background:#db5021;
  color: #fff;
}

#NewTagNotice > h3 {
  color:#fff;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) {
  html {
    padding-top: 0;
  }
  div.secondaryNav ul.tabs .tabs dd, .tabs li.tab-title {
    width:100%;
  }
  section#heroImage{
    margin-top: -50px;
    background-image:image-url("/img/hero.jpg") ;
  }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  html {
    padding-top: 0;
  }


}
/* fixing box heights */
@media only screen and (min-device-width: 737px)  {
  
  .section-content .box {
    min-height:285px;
  }
  .ul.tabs .tabs dd, .tabs .tab-title{
    font-size: 30px;
}
.poster-hidden{
    display:none;
  }
}
.section-head {
  background: #db5021;
  position: relative;
}
.section-head h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 25px;
}
.section-head h1:after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #db5021;
  bottom: -9px;
  content: "";
  display: block;
  height: 9px;
  margin-left: 40px;
  position: absolute;
  width: 9px;
}
.section-head p {
  font-size: 25px;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
}
.section-content {
  padding-top: 80px;
  padding-bottom: 80px;
}
.section-sub-header {
    padding-top: 50px;
}
.section-content .section-sub-header h2 {
  color: #fff;
  font-size: 16px;
}
.section-content .section-sub-header h3,
.section-content .section-sub-header h4 {
  color: #db5021;
}
.section-content .hex-list {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
.section-content .hex-list .list-item {
  margin-bottom: 1px;
  padding: 12px;
  padding-left: 60px;
  position: relative;
}
.section-content .hex-list .list-item .hex {
  position: absolute;
  left: 12px;
  top: 12px;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 35px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  max-width: 100%;
  background-color: #db5021;
}
.section-content .hex-list .list-item .hex:before,
.section-content .hex-list .list-item .hex:after {
  content: " ";
  width: 0;
  height: 0;
  left: 0;
  position: absolute;
}
.section-content .hex-list .list-item .hex:before {
  border-bottom: 10px solid #db5021;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  top: -10px;
}
.section-content .hex-list .list-item .hex:after {
  bottom: -10px;
  border-top: 10px solid #db5021;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
}
.section-content#gallery-content .columns {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
/*.section-content#contact-content {
  background: transparent url("/themes/wingmate/img/wm-contact.jpg") no-repeat center;
}*/
.section-content .tabs dd.active > a,
.section-content .tabs .tab-title.active > a {
  background: #db5021;
  color: #fff;
}
.section-content .tabs-content .content {
  background: #fff;
  padding: 20px;
}
.section-content .tabs-content .content p {
  color: #000;
}
.section-content .tabs-content .content .ecwid-btn--primary {
  background: #db5021 !important;
}
.section-content .tabs-content .content .switch input:checked + label {
  background: #db5021;
}
.section-content .mobile-content .accordion .accordion-navigation > a {
  background: #e8eded;
  color: #db5021;
}
.section-content .mobile-content .accordion .accordion-navigation .content.active {
  background: #e8eded;
  /*color: #fff;*/
  padding:25px;
}
.section-content .mobile-content .accordion dd > a {
  background: #e8eded;
  color: #db5021;
}
.section-content .mobile-content .accordion dd .content.active {
  background: #e8eded;
  color: #fff;
}
.section-content .icon {
  height: 140px;
  width: 100%;
  text-align: center;
}
.section-content .icon img {
  margin-left: auto;
  margin-right: auto;
}
.section-content .box {
  background: #e8eded;
  padding: 20px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  color: #fff;
  text-transform: uppercase;
  text-align: center;

}
.section-content .box.arrow:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -9px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #413d3a;
}
.section-content ol.listCounter {
  counter-reset: item;
}
display:block .section-content ol.listCounter li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}
footer {
  margin-top: 1.0625rem;
}
footer #footerSocial a {
  font-size: 32px;
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 99999999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=style.css.map */


/* register.php styles */
label#register-checkbox{
  text-align: center;
  
}

/* end register.php styles */

/* Profile K-button override */
.k-cancel-button:hover {
   
    background-image: linear-gradient(to bottom, #DB5021, #DB5021);
    border-color: #DB5021,
 
}

.k-button {
  background-image: linear-gradient(to bottom, #DB5021, #DB5021);
    border-color: #DB5021,
}

/* End Profile K-button override */


h4{
  color: #db5021;
}
/* Adding padding to product line paragraph  */
div.section-sub-header p#productLineParagraph {
    padding-top: 40px;
    padding-bottom: 70px;
}

p.productLineDescription {
    padding-top: 20px;
    padding-bottom: 30px;
}

.small-12.medium-6.large-6.columns.prodSpace {
    padding-right: 40px;
}




/*modal lightbox*/
* {
  box-sizing: border-box;
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/*.column {
  float: left;
  width: 25%;
}*/

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 30px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

/* skyline card padding */
div.skypad{
  padding: 15px;
}

/*end lightbox*/

/*lost and found submit button*/
button#submit {
    background-color: #db5021;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #db5021;
}
/*top main nav-bar*/
.contain-to-grid {
    background-color: #333333 !important;
}

/*buywingmate nav tabs*/
ul.tabs .tabs dd, .tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative;
    width: 20%;
    white-space: nowrap;
    text-align: center;
    border-radius: 5px;
}

ol.instructions li {
    font-size: 24px;
    margin-top: 20px;
}

h3#foundTag {
    font-size: 30px;
}

.small-6.column.disclaimer {
    padding-left: 30px;
}
.box.arrow {
    color: #2f2c2a;
}

#heroImage {
    margin-top: -75px;
}
/*a{
  border-radius:5px;
}*/
video.fillWidth {
    margin-top: -80px;
    margin-bottom: -20px;
}
/*Buy wingmate h1*/

div.section-sub-header h2.buyTitle {
    color: #db5021;
    font-size: 30px;
}
h3.supportText {
    font-size: 22px;
}
h2#follow {
    font-size: 22px;
    text-align: center;
    color: #db5021;
}

/*buy wingmate cart button*/
.cartBTN {
list-style:none;
text-align:center;
}
.cartBTN a{
display: block;
background-color: #db5021;
color: #fff;
font-family: Helvetica, Roboto, Arial, sans-serif;
font-size: 1.2rem;
padding: 1rem 2rem;
border-radius: 5px;
}
@media screen and (min-width: 460px){
.removeBTN{
display:none;
}
}

/*header text color*/

.section-head p{
color:#fff;
}

/*profile text color*/

.section-content .tabs-content .content p {
color: #000;
}

/*profile alert button*/
button.alert, .button.alert {
background-color: #DB5021;
border-color: #DB5021;
color: #FFFFFF;
}

/*space-fix*/
div#space-fix {
padding-top: 70px;
}

/*wing-features*/
h2.wing-features {
color: #fff;
font-size: 24px;
text-transform: uppercase;
}
/*custom padding bottom*/
p#customPaddingBottom {
padding-bottom: 50px;
}
/*Adding zindex for video background button*/
button#myBtn {
z-index: 9;
}
/*Adding additional padding*/
p#custom-Padding {
padding-bottom: 40px;
}

.section-content .box{
-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0);
}

.section-content {
padding-bottom: 0px; 
}

h2.wing-features {
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
}

.section-content .box {
    
     -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0); 
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0);
     box-shadow: 0 3px 0 rgba(0, 0, 0, 0.0); 
    
}

.section-fee {
    padding-bottom: 60px;
    padding-top: 60px;
}